/* Dreamspire album navigation V4. Loaded LAST to supersede the competing
 * fixed-popup / mobile-inline gallery layouts without touching other pages. */
#ds-album-detail[hidden]{display:none!important}
html body > #ds-album-detail:not([hidden]){
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
  gap:10px!important;
  overflow:hidden!important;
  touch-action:auto!important;
  background:linear-gradient(180deg,#18243a,#0b1423)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border:0!important;
  border-radius:0!important;
  isolation:isolate!important;
}
html body > #ds-album-detail:not([hidden]) .ds-album-glass-header{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  z-index:3!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  width:min(980px,100%)!important;
  max-width:980px!important;
  min-height:62px!important;
  margin:0!important;
  padding:10px 12px 10px 15px!important;
  gap:10px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  background:rgba(42,57,80,.84)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
}
html body > #ds-album-detail:not([hidden]) .ds-album-glass-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}
html body > #ds-album-detail:not([hidden]) .ds-album-glass-header > #ds-album-back{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  z-index:5!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:white!important;
  font:400 25px/1 system-ui,sans-serif!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
html body > #ds-album-detail:not([hidden]) #ds-album-photos{
  position:relative!important;
  inset:auto!important;
  flex:1 1 0%!important;
  align-self:center!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  grid-template-rows:none!important;
  align-content:start!important;
  width:min(980px,100%)!important;
  max-width:980px!important;
  min-width:0!important;
  min-height:0!important;
  height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:4px 5px 32px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y pinch-zoom!important;
  scroll-behavior:auto!important;
}
html body > #ds-album-detail:not([hidden]) #ds-album-photos > *{
  min-width:0!important;
}
@media(max-width:680px){
  html body > #ds-album-detail:not([hidden]){
    padding:max(9px,env(safe-area-inset-top)) 10px max(9px,env(safe-area-inset-bottom))!important;
  }
  html body > #ds-album-detail:not([hidden]) .ds-album-glass-header{
    width:100%!important;
    border-radius:16px!important;
  }
  html body > #ds-album-detail:not([hidden]) #ds-album-photos{
    width:min(430px,100%)!important;
    max-width:430px!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:15px!important;
  }
}