/* STILL · Copyright 2026 DeltyWeb Ltd. All rights reserved.
   Black Glass gallery palette and surfaces. Load after core.css, viewer.css and depth-controls.css; edition-specific Showreel sheets follow this theme. */

#gallery.gallery-section{
  --dark:#050506;
  --accent:#c8b77f;
  --gallery-black:#040405;
  --gallery-black-soft:#09090a;
  --gallery-graphite:#151517;
  --gallery-line:rgba(255,255,255,.105);
  --gallery-line-soft:rgba(255,255,255,.065);
  --gallery-text:#f1f0eb;
  --gallery-muted:rgba(235,235,232,.57);
}

.orbit-head strong,
.tunnel-head strong,
.lighttable-head strong,
.filmstrip-head strong,
.wall-head strong,
.stage-top>span,
.cinematic-topline span:first-child{
  color:var(--gallery-gold) !important;
}

.stage-top,
.stage-bottom{
  color:rgba(238,238,234,.62) !important;
}

.stage-top>button{
  color:rgba(238,238,234,.66) !important;
}

#motion-toggle:hover{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

.motion-light{
  background:var(--gallery-gold) !important;
  box-shadow:none;
}

#motion-toggle[aria-pressed="true"] .motion-light{
  box-shadow:0 0 0 3px rgba(200,183,127,.13),0 0 10px rgba(200,183,127,.35) !important;
}

.cinematic-image-shell{
  background:transparent !important;
}

.cinematic-topline,
.cinematic-bottomline{
  color:rgba(239,239,235,.60) !important;
}

.cinematic-copy p{
  color:rgba(238,238,234,.67) !important;
}

.cinematic-progress{
  background:rgba(255,255,255,.08) !important;
}

.cinematic-progress span{
  background:var(--gallery-gold) !important;
}

.filmstrip-copy h3{
  color:#f2f0e9 !important;
}

.filmstrip-copy p,
.filmstrip-copy .film-counter,
.filmstrip-rail-label{
  color:rgba(238,238,234,.58) !important;
}

.wall-label strong{
  color:#f1efe8 !important;
}

.wall-label span,
.wall-label small,
.wall-hint{
  color:rgba(237,237,233,.52) !important;
}

.wall-hint span{
  color:var(--gallery-gold) !important;
}

.depth-toolbar,
.depth-control-chip,
.depth-camera-readout,
.depth-nav-legend,
.depth-bottom-console{
  background:linear-gradient(180deg,rgba(27,27,29,.84),rgba(7,7,8,.88)) !important;
  border-color:rgba(255,255,255,.105) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 26px rgba(0,0,0,.22) !important;
  -webkit-backdrop-filter:blur(20px) saturate(115%);
  backdrop-filter:blur(20px) saturate(115%);
}

.depth-nav-legend{
  color:rgba(235,235,232,.50) !important;
}

.depth-nav-legend b,
.depth-center-mark{
  color:var(--gallery-gold) !important;
}

.orbit-controls strong,
.tunnel-controls strong{
  color:#f2f0e9 !important;
}

.orbit-controls span,
.orbit-controls small,
.tunnel-controls span,
.tunnel-controls small{
  color:rgba(235,235,232,.55) !important;
}

.lighttable-open:after{
  background:rgba(8,8,9,.88) !important;
  border-color:rgba(255,255,255,.10) !important;
}

.lighttable-meta h3,
.lighttable-meta strong{
  color:#f2f0e9 !important;
}

.lighttable-meta p,
.lighttable-meta small,
.lighttable-sheet-top{
  color:rgba(236,236,232,.56) !important;
}

.viewer{
  -webkit-backdrop-filter:blur(26px) saturate(108%) !important;
  backdrop-filter:blur(26px) saturate(108%) !important;
}

.viewer::backdrop{
  background:rgba(0,0,0,.72) !important;
  backdrop-filter:blur(9px) !important;
}

.viewer-bar{
  border-color:rgba(255,255,255,.09) !important;
}

.viewer-body,
#viewer-image-wrap{
  background:#030304 !important;
}

.viewer-details{
  border-color:rgba(255,255,255,.085) !important;
}

.viewer-arrow{
  background:rgba(12,12,13,.76) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#f3f3ef !important;
}

.viewer-rating,
.viewer-source{
  border-color:rgba(255,255,255,.085) !important;
}

#gallery #index-view .photo-frame{
  background:#111112 !important;
  border-color:rgba(255,255,255,.11) !important;
}

#gallery #index-view .photo-caption strong{
  color:#272727;
}

#gallery button:focus-visible,
.viewer button:focus-visible{
  outline-color:rgba(200,183,127,.88) !important;
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.viewer,
.depth-toolbar,
.depth-bottom-console,
.orbit-controls,
.tunnel-controls{
  background:#0a0a0b !important;
}
}

#gallery.gallery-section{
  --gallery-polish-surface:#050506;
  --gallery-polish-surface-deep:#020203;
  --gallery-polish-bar-top:#1b1b1d;
  --gallery-polish-bar-bottom:#0a0a0b;
  --gallery-polish-line:rgba(255,255,255,.095);
  --gallery-polish-line-soft:rgba(255,255,255,.055);
  --gallery-polish-line-faint:rgba(255,255,255,.025);
  --gallery-polish-muted:rgba(240,240,236,.56);
  --gallery-gold:#c8b77f;
}

.spatial-view,
.cinematic-gallery-view,
.filmstrip-view,
.wall-view,
.depth-view,
.orbit-view,
.tunnel-view,
.lighttable-view{
  border:1px solid var(--gallery-polish-line) !important;
  border-radius:10px !important;
  overflow:hidden !important;
}

.orbit-head,
.tunnel-head,
.lighttable-head,
.wall-head,
.orbit-controls,
.tunnel-controls,
.depth-head,
.depth-foot,
.lighttable-sheet-top{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.052),
    inset 0 -1px 0 rgba(0,0,0,.55) !important;
  color:var(--gallery-polish-muted) !important;
}

.filmstrip-head{
  color:var(--gallery-polish-muted) !important;
}

.wall-view:before{
  background-size:auto,190px 100% !important;
}

.lighttable-open,
.lighttable-preview,
.lighttable-sheet,
.viewer-body,
#viewer-image-wrap{
  border-color:rgba(255,255,255,.085) !important;
}

.cinematic-image-shell,
.filmstrip-image-frame,
.lighttable-open{
  border-radius:4px !important;
}

.wall-frame,
.orbit-card,
.tunnel-card{
  background:#e3e2dd !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.38),0 2px 6px rgba(0,0,0,.24) !important;
}

.filmstrip-thumb,
.lighttable-thumb{
  border-radius:2px !important;
  border-color:rgba(255,255,255,.075) !important;
}

.filmstrip-thumb.active,
.lighttable-thumb.active{
  border-color:rgba(200,183,127,.60) !important;
  box-shadow:0 0 0 1px rgba(200,183,127,.12) !important;
}

.stage-arrow,
.cinematic-arrow,
.orbit-controls button,
.tunnel-controls button{
  background:rgba(7,7,8,.58) !important;
  border-color:rgba(200,183,127,.30) !important;
  color:#f2f1ec !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 7px 20px rgba(0,0,0,.16) !important;
  -webkit-backdrop-filter:blur(12px) saturate(105%) !important;
  backdrop-filter:blur(12px) saturate(105%) !important;
}

.stage-arrow:hover,
.cinematic-arrow:hover,
.orbit-controls button:hover,
.tunnel-controls button:hover{
  background:rgba(255,255,255,.070) !important;
  border-color:rgba(200,183,127,.55) !important;
}

.filmstrip-thumbs,
.wall-scroll,
.lighttable-sheet{
  scrollbar-width:thin !important;
  scrollbar-color:#4b4b4e transparent !important;
}

.filmstrip-thumbs::-webkit-scrollbar,
.wall-scroll::-webkit-scrollbar{
  height:7px !important;
}

.lighttable-sheet::-webkit-scrollbar{
  width:7px !important;
}

.filmstrip-thumbs::-webkit-scrollbar-track,
.wall-scroll::-webkit-scrollbar-track,
.lighttable-sheet::-webkit-scrollbar-track{
  background:transparent !important;
}

.filmstrip-thumbs::-webkit-scrollbar-thumb,
.wall-scroll::-webkit-scrollbar-thumb,
.lighttable-sheet::-webkit-scrollbar-thumb{
  background:#454548 !important;
  border:2px solid transparent !important;
  background-clip:padding-box !important;
  border-radius:999px !important;
}

.filmstrip-thumbs::-webkit-scrollbar-thumb:hover,
.wall-scroll::-webkit-scrollbar-thumb:hover,
.lighttable-sheet::-webkit-scrollbar-thumb:hover{
  background:#68686b !important;
  background-clip:padding-box !important;
}

.wall-view:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}

.wall-view>*{
  position:relative;
  z-index:1;
}

.orbit-stage,
.tunnel-stage{
  border-bottom:1px solid rgba(255,255,255,.050) !important;
}

.viewer-bar{
  background:linear-gradient(180deg,rgba(255,255,255,.032),transparent 44%),
    linear-gradient(180deg,rgba(25,25,27,.96),rgba(9,9,10,.98)) !important;
}

.viewer-details{
  background:radial-gradient(110% 54% at 50% -8%,rgba(255,255,255,.036),transparent 48%),
    linear-gradient(180deg,#121214,#070708 62%,#040405) !important;
}

#gallery button:focus-visible,
.viewer button:focus-visible{
  outline:1px solid rgba(200,183,127,.88) !important;
  outline-offset:3px !important;
}

@media(max-width:700px){
.spatial-view,
.cinematic-gallery-view,
.filmstrip-view,
.wall-view,
.depth-view,
.orbit-view,
.tunnel-view,
.lighttable-view{
  border-radius:7px !important;
}
}

.orbit-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  transition:background .42s ease;
}

.orbit-card::after{
  z-index:5;
}

.orbit-card img{
  position:relative;
  z-index:1;
}

.orbit-card span{
  z-index:6;
}

.orbit-card.is-front::before{
  background:transparent;
}

.orbit-card{
  transition:transform .66s cubic-bezier(.18,.8,.16,1),box-shadow .42s ease,border-color .42s ease !important;
}

@media(prefers-reduced-motion:reduce){
.orbit-card::before{
  transition:none;
}
}

#gallery.gallery-section,
#depth-view{
  --ps-line:rgba(255,255,255,.095);
  --ps-line-soft:rgba(255,255,255,.055);
  --ps-line-faint:rgba(255,255,255,.028);
  --ps-text:#f1f1ee;
  --ps-muted:rgba(241,241,238,.56);
  --ps-gold:#c8b77f;
}

.spatial-view,
.cinematic-gallery-view,
.filmstrip-view,
.wall-view,
.depth-view,
.orbit-view,
.tunnel-view,
.lighttable-view{
  color:var(--ps-text)!important;
  border-color:var(--ps-line)!important;
}

.spatial-view,
.wall-view,
.depth-view,
.orbit-view,
.tunnel-view,
.lighttable-view{
  background:linear-gradient(180deg,rgba(255,255,255,.032),transparent 10%),
    linear-gradient(180deg,#0b0b0c 0%,#060607 18%,#020203 70%,#070708 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.050),
    inset 0 -1px 0 rgba(255,255,255,.016),
    0 20px 58px rgba(0,0,0,.15)!important;
}

.orbit-head,
.tunnel-head,
.lighttable-head,
.filmstrip-head,
.wall-head,
.orbit-controls,
.tunnel-controls,
.depth-head,
.depth-foot,
.lighttable-sheet-top,
#depth-view.depth-fullscreen .depth-head,
#depth-view.depth-fullscreen .depth-toolbar,
#depth-view.depth-fullscreen .depth-foot,
#depth-view .depth-close-view,
#depth-view .depth-control-chip,
#depth-view .depth-fx-picker,
#depth-view .depth-fx-status,
#depth-view .depth-tour-status,
#viewer.viewer,
#viewer.viewer .viewer-bar,
#viewer.viewer .viewer-details,
#viewer.viewer .viewer-arrow,
#depth-view .depth-webgl-tooltip{
  -webkit-backdrop-filter:blur(20px) grayscale(1) saturate(0)!important;
  backdrop-filter:blur(20px) grayscale(1) saturate(0)!important;
}

.orbit-head,
.tunnel-head,
.lighttable-head,
.wall-head,
.depth-head,
.lighttable-sheet-top{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.048),inset 0 -1px 0 rgba(0,0,0,.58)!important;
}

.wall-view:before{
  border-color:rgba(255,255,255,.050)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 22%),
    repeating-linear-gradient(90deg,transparent 0 189px,rgba(255,255,255,.010) 189px 190px)!important;
}

.depth-stage{
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.022),transparent 29%),
    linear-gradient(180deg,#060607,#010102 78%,#040405)!important;
}

.depth-stage::before{
  opacity:.20!important;
  background:repeating-linear-gradient(90deg,transparent 0 9.6%,rgba(255,255,255,.035) 9.8% 10%,transparent 10.2% 20%),
    repeating-linear-gradient(0deg,transparent 0 18%,rgba(255,255,255,.028) 18.2% 18.4%,transparent 18.6% 36%)!important;
}

.depth-stage::after,
#depth-view.depth-fullscreen .depth-vignette{
  background:linear-gradient(90deg,rgba(0,0,0,.76),transparent 10%,transparent 90%,rgba(0,0,0,.76)),
    linear-gradient(180deg,rgba(0,0,0,.28),transparent 18%,transparent 76%,rgba(0,0,0,.72))!important;
}

#depth-view.depth-fullscreen{
  color:var(--ps-text)!important;
}

#depth-view.depth-fullscreen .depth-head{
  border-bottom-color:rgba(255,255,255,.075)!important;
}

#depth-view.depth-fullscreen .depth-stage,
#depth-view.depth-showreel-active .depth-stage,
#depth-view.depth-reel-active .depth-stage,
#depth-view.depth-tour-active .depth-stage,
#depth-view.depth-titles-active .depth-stage{
  background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.024),transparent 30%),
    radial-gradient(circle at 50% 72%,rgba(255,255,255,.008),transparent 55%),
    linear-gradient(180deg,#070708 0%,#020203 100%)!important;
}

#depth-view.depth-fullscreen .depth-toolbar:hover,
#depth-view.depth-fullscreen .depth-toolbar:focus-within{
  border-color:rgba(255,255,255,.14)!important;
}

#depth-view.depth-fullscreen .depth-primary-actions button,
#depth-view .depth-close-view{
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 48%),
    rgba(13,13,15,.80)!important;
  border-color:rgba(255,255,255,.085)!important;
  color:rgba(241,241,238,.72)!important;
}

#depth-view.depth-fullscreen .depth-primary-actions button:hover,
#depth-view .depth-close-view:hover{
  background:rgba(31,31,34,.92)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}

#depth-view.depth-fullscreen .depth-primary-actions button[aria-pressed="true"],
#depth-view.depth-fullscreen .depth-primary-actions button[data-gl-active="true"]{
  color:#f3f3ef!important;
  background:linear-gradient(180deg,#353539,#1e1e21)!important;
  border-color:rgba(200,183,127,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
}

#depth-view.depth-fullscreen .depth-foot{
  border-top-color:rgba(255,255,255,.060)!important;
}

.orbit-card{
  opacity:1!important;
  filter:none!important;
  isolation:isolate!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
}

.orbit-card::before{
  background:rgba(0,0,0,var(--orbit-dim,0))!important;
  mix-blend-mode:normal!important;
}

.orbit-card:hover:not(.is-front){
  filter:none!important;
}

.tunnel-card{
  opacity:1!important;
  filter:none!important;
  isolation:isolate!important;
  backface-visibility:hidden!important;
}

.tunnel-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:rgba(0,0,0,var(--tunnel-dim,0));
}

.tunnel-card img{
  position:relative;
  z-index:1;
}

.tunnel-card span{
  z-index:5;
}

.tunnel-card:hover{
  filter:none!important;
}

.wall-view:after{
  background:radial-gradient(85% 80% at 50% 42%,transparent 45%,rgba(0,0,0,.24) 100%)!important;
}

#viewer.viewer:not(.expanded),
.viewer{
  color:var(--ps-text)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),transparent 12%),
    rgba(8,8,9,.965)!important;
  border-color:rgba(255,255,255,.115)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.60),
    0 10px 30px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
}

#viewer.viewer .viewer-body{
  box-shadow:inset -1px 0 0 rgba(255,255,255,.050)!important;
}

#viewer-image-wrap{
  border-color:rgba(255,255,255,.065)!important;
}

#viewer.viewer .viewer-arrow:hover{
  background:#242427!important;
}

#depth-view .depth-showreel-overlay[data-layout="side-left"]::before,
#depth-view .depth-film-titles[data-side="left"]::before,
#depth-view .depth-reel-overlay[data-side="left"]::before{
  background:linear-gradient(90deg,rgba(0,0,0,.70),rgba(0,0,0,.44) 46%,transparent 100%)!important;
}

#depth-view .depth-showreel-overlay[data-layout="side-right"]::before,
#depth-view .depth-film-titles[data-side="right"]::before,
#depth-view .depth-reel-overlay[data-side="right"]::before{
  background:linear-gradient(270deg,rgba(0,0,0,.70),rgba(0,0,0,.44) 46%,transparent 100%)!important;
}

#depth-view.depth-fullscreen .depth-head,
#depth-view.depth-fullscreen .depth-toolbar,
#depth-view.depth-fullscreen .depth-foot,
#viewer.viewer,
#viewer.viewer .viewer-bar,
#viewer.viewer .viewer-details{
  filter:none!important;
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
#depth-view.depth-fullscreen .depth-head,
#depth-view.depth-fullscreen .depth-toolbar,
#depth-view.depth-fullscreen .depth-foot,
#viewer.viewer,
#viewer.viewer .viewer-bar,
#viewer.viewer .viewer-details,
.orbit-head,
.orbit-controls,
.tunnel-head,
.tunnel-controls,
.wall-head,
.lighttable-head{
  background:#0a0a0b!important;
}
}

#gallery.gallery-section,
#depth-view{
  --ps-black-0:#000000;
  --ps-black-1:#050505;
  --ps-black-2:#090909;
  --ps-black-3:#0d0d0d;
  --ps-black-4:#151515;
  --ps-black-5:#1c1c1c;
}

.spatial-view,
.cinematic-gallery-view,
.filmstrip-view,
.wall-view,
.depth-view,
.orbit-view,
.tunnel-view,
.lighttable-view,
.depth-stage,
#gallery-canvas,
.orbit-stage,
.tunnel-stage,
.lighttable-body,
.lighttable-preview,
.lighttable-sheet,
.filmstrip-main{
  background-color:#050505!important;
}

.orbit-head,
.tunnel-head,
.lighttable-head,
.filmstrip-head,
.wall-head,
.orbit-controls,
.tunnel-controls,
.depth-head,
.depth-foot,
.lighttable-sheet-top,
#depth-view.depth-fullscreen .depth-head,
#depth-view.depth-fullscreen .depth-toolbar,
#depth-view.depth-fullscreen .depth-foot,
#viewer.viewer,
#viewer.viewer .viewer-bar,
#viewer.viewer .viewer-details,
#depth-view .depth-close-view,
#depth-view .depth-control-chip,
#depth-view .depth-webgl-tooltip{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.orbit-head,
.tunnel-head,
.lighttable-head,
.wall-head,
.depth-head,
.lighttable-sheet-top,
#depth-view.depth-fullscreen .depth-head,
#viewer.viewer .viewer-bar{
  background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.012) 42%,transparent 43%),
    linear-gradient(180deg,#1a1a1a,#0d0d0d)!important;
  border-color:rgba(255,255,255,.080)!important;
}

.orbit-controls,
.tunnel-controls,
.depth-foot,
#depth-view.depth-fullscreen .depth-foot{
  background:linear-gradient(180deg,#111111,#080808)!important;
  border-color:rgba(255,255,255,.065)!important;
}

#depth-view.depth-fullscreen .depth-toolbar{
  border-color:rgba(255,255,255,.11)!important;
}

#depth-view.depth-fullscreen .depth-toolbar:hover,
#depth-view.depth-fullscreen .depth-toolbar:focus-within{
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.012) 45%,transparent 46%),
    #151515!important;
}

#depth-view:not(.depth-showreel-active):not(.depth-reel-active):not(.depth-titles-active):not(.depth-tour-active) .depth-stage{
  background:#050505!important;
}

#depth-view:not(.depth-showreel-active):not(.depth-reel-active):not(.depth-titles-active):not(.depth-tour-active) .depth-stage::after,
#depth-view:not(.depth-showreel-active):not(.depth-reel-active):not(.depth-titles-active):not(.depth-tour-active) .depth-vignette{
  background:none!important;
  opacity:0!important;
}

#depth-view:not(.depth-showreel-active):not(.depth-reel-active):not(.depth-titles-active):not(.depth-tour-active) .depth-stage::before{
  opacity:.10!important;
  background:repeating-linear-gradient(90deg,transparent 0 9.7%,rgba(255,255,255,.022) 9.9% 10%,transparent 10.1% 20%),
    repeating-linear-gradient(0deg,transparent 0 18%,rgba(255,255,255,.018) 18.2% 18.35%,transparent 18.5% 36%)!important;
}

.orbit-card,
.tunnel-card{
  box-shadow:0 18px 44px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

.orbit-card::after{
  border-color:rgba(255,255,255,.075)!important;
}

.orbit-card span,
.tunnel-card span{
  color:#eeeeee!important;
  background:rgba(8,8,8,.90)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

.orbit-card.is-front,
.tunnel-card.is-current{
  border-color:rgba(200,183,127,.40)!important;
  box-shadow:0 28px 66px rgba(0,0,0,.58),0 0 0 1px rgba(200,183,127,.08)!important;
}

#viewer.viewer .viewer-body,
#viewer-image-wrap{
  background:#050505!important;
}

#viewer.viewer .viewer-details{
  border-color:rgba(255,255,255,.075)!important;
}

.lighttable-open,
.lighttable-thumb,
.filmstrip-thumb{
  background:#050505!important;
}

.orbit-card img,
.tunnel-card img,
#viewer-image,
#gallery-canvas{
  filter:none!important;
}

#depth-view,
#depth-view.depth-fullscreen,
#depth-view .depth-stage,
#depth-view .depth-webgl,
#gallery-canvas,
.orbit-view,
.orbit-stage,
.tunnel-view,
.tunnel-stage,
.spatial-view,
.cinematic-gallery-view,
.filmstrip-view,
.wall-view,
.lighttable-view,
.lighttable-body,
.lighttable-preview,
.lighttable-sheet,
.filmstrip-main,
.filmstrip-rail-wrap{
  background:#050505!important;
  background-color:#050505!important;
}

#depth-view .depth-stage::before,
#depth-view .depth-stage::after,
#depth-view .depth-vignette,
#depth-view.depth-showreel-active .depth-stage::before,
#depth-view.depth-showreel-active .depth-stage::after,
#depth-view.depth-reel-active .depth-stage::before,
#depth-view.depth-reel-active .depth-stage::after,
#depth-view.depth-titles-active .depth-stage::before,
#depth-view.depth-titles-active .depth-stage::after,
#depth-view.depth-tour-active .depth-stage::before,
#depth-view.depth-tour-active .depth-stage::after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  opacity:0!important;
  animation:none!important;
  filter:none!important;
}

#depth-view.depth-showreel-active .depth-stage,
#depth-view.depth-reel-active .depth-stage,
#depth-view.depth-titles-active .depth-stage,
#depth-view.depth-tour-active .depth-stage,
#depth-view.depth-reel-classic-mode .depth-stage,
#depth-view.depth-reel-hero-mode .depth-stage{
  background:linear-gradient(180deg,#080808 0%,#030303 58%,#050505 100%)!important;
}

#depth-view .depth-showreel-overlay::before,
#depth-view.depth-showreel-final .depth-showreel-overlay::before,
#depth-view.depth-showreel-epilogue .depth-showreel-overlay::before{
  background:radial-gradient(circle at 50% 50%,rgba(8,8,8,.10),rgba(3,3,3,.32) 54%,rgba(0,0,0,.72) 100%)!important;
}

#depth-view .depth-showreel-overlay[data-layout="side-left"]::before{
  background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.72) 30%,transparent 60%)!important;
}

#depth-view .depth-showreel-overlay[data-layout="side-right"]::before{
  background:linear-gradient(270deg,rgba(0,0,0,.94),rgba(0,0,0,.72) 30%,transparent 60%)!important;
}

#depth-view .depth-showreel-overlay[data-layout="minimal"]::before{
  background:rgba(0,0,0,.14)!important;
}

#depth-view .depth-head,
#depth-view.depth-fullscreen .depth-head,
#depth-view .depth-toolbar,
#depth-view.depth-fullscreen .depth-toolbar,
#depth-view .depth-foot,
#depth-view.depth-fullscreen .depth-foot,
#depth-view .depth-control-chip,
#depth-view .depth-close-view,
#depth-view .depth-webgl-tooltip,
.orbit-head,
.orbit-controls,
.tunnel-head,
.tunnel-controls,
.lighttable-head,
.lighttable-sheet-top,
.filmstrip-head,
.wall-head{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

#depth-view .depth-head,
#depth-view.depth-fullscreen .depth-head,
.orbit-head,
.tunnel-head,
.lighttable-head,
.wall-head{
  background:linear-gradient(180deg,#242424 0%,#171717 48%,#111111 100%)!important;
  border-color:rgba(255,255,255,.08)!important;
}

#depth-view .depth-toolbar,
#depth-view.depth-fullscreen .depth-toolbar{
  background:linear-gradient(180deg,#202020 0%,#141414 100%)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 36px rgba(0,0,0,.42)!important;
}

#depth-view .depth-foot,
#depth-view.depth-fullscreen .depth-foot,
.orbit-controls,
.tunnel-controls{
  background:linear-gradient(180deg,#111111,#080808)!important;
  border-color:rgba(255,255,255,.065)!important;
}

#depth-view .depth-control-chip,
#depth-view .depth-close-view,
#depth-view .depth-webgl-tooltip{
  background:linear-gradient(180deg,#1c1c1c,#0f0f0f)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.38)!important;
}

#viewer.viewer,
#viewer.viewer[open]{
  background:#0b0b0b!important;
  color:#f1f1ef!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#viewer.viewer .viewer-bar{
  background:linear-gradient(180deg,#1d1d1d,#111111)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}

#viewer.viewer .viewer-body{
  background:#070707!important;
}

#viewer.viewer #viewer-image-wrap{
  background:linear-gradient(180deg,#090909,#050505)!important;
  border-color:rgba(255,255,255,.07)!important;
}

#viewer.viewer .viewer-details{
  background:linear-gradient(180deg,#171717 0%,#101010 60%,#0b0b0b 100%)!important;
  border-left-color:rgba(255,255,255,.075)!important;
}

#viewer.viewer .viewer-meta{
  border-color:rgba(255,255,255,.085)!important;
}

#viewer.viewer .viewer-arrow{
  background:#181818!important;
  border-color:rgba(255,255,255,.15)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#viewer.viewer::backdrop{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.orbit-card,
.tunnel-card,
.depth-card{
  background:#070707!important;
  border-color:rgba(255,255,255,.12)!important;
}

.orbit-card img,
.tunnel-card img,
.depth-card img,
#viewer-image{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}

.orbit-stage::after,
.tunnel-stage::after{
  background:none!important;
  opacity:0!important;
}

#depth-view .depth-mini-dock{
  background:linear-gradient(180deg,#171717 0%,#0b0b0b 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 40px rgba(0,0,0,.46)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

#depth-view.depth-showreel-active #depth-showreel-sound.depth-mini-player{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#depth-view .depth-mini-play,
#depth-view .depth-mini-showreel-toggle{
  background:linear-gradient(180deg,#242424 0%,#161616 100%)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#ededed!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#depth-view .depth-mini-play:hover,
#depth-view .depth-mini-showreel-toggle:hover,
#depth-view .depth-mini-play:focus-visible,
#depth-view .depth-mini-showreel-toggle:focus-visible{
  background:linear-gradient(180deg,#2b2b2b 0%,#1b1b1b 100%)!important;
  border-color:rgba(255,255,255,.24)!important;
  color:#ffffff!important;
}

#depth-view .depth-mini-mute{
  background:transparent!important;
  color:#c8c8c8!important;
  border-color:transparent!important;
}

#depth-view .depth-mini-mute:hover,
#depth-view .depth-mini-mute:focus-visible{
  background:#1c1c1c!important;
  color:#ffffff!important;
}

#depth-view .depth-mini-time{
  color:#969696!important;
}

#depth-view .depth-mini-current{
  color:#dddddd!important;
}

#depth-view .depth-mini-play-label{
  color:#ededed!important;
}

#depth-view .depth-mini-divider{
  background:rgba(255,255,255,.10)!important;
}

#depth-view .depth-mini-seek::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,
    #bdbdbd 0,
    #bdbdbd var(--player-progress),
    #343434 var(--player-progress),
    #343434 100%)!important;
}

#depth-view .depth-mini-seek::-moz-range-track{
  background:#343434!important;
}

#depth-view .depth-mini-seek::-moz-range-progress{
  background:#bdbdbd!important;
}

#depth-view .depth-mini-seek::-webkit-slider-thumb,
#depth-view .depth-mini-seek::-moz-range-thumb{
  background:#f0f0f0!important;
  border-color:#090909!important;
  box-shadow:0 1px 5px rgba(0,0,0,.55)!important;
}

#depth-view .depth-mini-action,
#depth-view .depth-mini-action-end{
  background:linear-gradient(180deg,#171717 0%,#101010 100%)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#a9a9a9!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#depth-view .depth-mini-action:hover,
#depth-view .depth-mini-action:focus-visible,
#depth-view .depth-mini-action-end:hover,
#depth-view .depth-mini-action-end:focus-visible{
  background:linear-gradient(180deg,#242424 0%,#171717 100%)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#eeeeee!important;
}

#depth-view.depth-tour-active .depth-control-chip,
#depth-view.depth-titles-active .depth-control-chip,
#depth-view.depth-reel-active .depth-control-chip{
  background:linear-gradient(180deg,#171717 0%,#0b0b0b 100%)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 38px rgba(0,0,0,.45)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

#depth-view.depth-tour-active .depth-primary-actions>button,
#depth-view.depth-titles-active .depth-primary-actions>button,
#depth-view.depth-reel-active .depth-primary-actions>button{
  background:linear-gradient(180deg,#181818 0%,#101010 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#bcbcbc!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#depth-view.depth-tour-active #depth-play,
#depth-view.depth-titles-active #depth-titles,
#depth-view.depth-reel-active.depth-reel-classic-mode #depth-reel-classic,
#depth-view.depth-reel-active.depth-reel-hero-mode #depth-reel,
#depth-view.depth-tour-active #depth-play[aria-pressed="true"],
#depth-view.depth-titles-active #depth-titles[aria-pressed="true"],
#depth-view.depth-reel-active #depth-reel-classic[aria-pressed="true"],
#depth-view.depth-reel-active #depth-reel[aria-pressed="true"]{
  background:linear-gradient(180deg,#272727 0%,#181818 100%)!important;
  border-color:rgba(255,255,255,.20)!important;
  color:#eeeeee!important;
}

#depth-view.depth-tour-active #depth-play:hover,
#depth-view.depth-titles-active #depth-titles:hover,
#depth-view.depth-reel-active #depth-reel-classic:hover,
#depth-view.depth-reel-active #depth-reel:hover{
  background:linear-gradient(180deg,#303030 0%,#1d1d1d 100%)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#ffffff!important;
}

#depth-view.depth-tour-active #depth-skip,
#depth-view.depth-tour-active #depth-exit,
#depth-view.depth-titles-active #depth-skip,
#depth-view.depth-titles-active #depth-exit,
#depth-view.depth-reel-active #depth-skip,
#depth-view.depth-reel-active #depth-exit{
  background:linear-gradient(180deg,#151515 0%,#0e0e0e 100%)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#a8a8a8!important;
}

#depth-view.depth-tour-active .depth-play-icon,
#depth-view.depth-titles-active .depth-titles-icon,
#depth-view.depth-reel-active .depth-reel-icon{
  color:#eeeeee!important;
}

#depth-view .depth-bottom-console{
  background:linear-gradient(180deg,#191919 0%,#0b0b0b 100%)!important;
  border-color:rgba(255,255,255,.11)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
}

.lighttable-head-actions{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}

.lighttable-head-actions>span{
  color:#8f8f8f;
  white-space:nowrap;
}

.lighttable-sheet-toggle{
  appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,#1b1b1b 0%,#111 52%,#0b0b0b 100%);
  color:#d7d7d7;
  min-height:34px;
  padding:0 10px 0 12px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  font:inherit;
  letter-spacing:1.2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

.lighttable-sheet-toggle:hover{
  border-color:rgba(255,255,255,.24);
  background:linear-gradient(180deg,#202020 0%,#141414 52%,#0d0d0d 100%);
}

.lighttable-sheet-toggle:focus-visible{
  outline:1px solid rgba(255,255,255,.75);
  outline-offset:3px;
}

.lighttable-sheet-toggle-label{
  font-size:6px;
  color:#bdbdbd;
  white-space:nowrap;
}

.lighttable-sheet-toggle-track{
  width:30px;
  height:16px;
  border-radius:999px;
  position:relative;
  background:#3b3b3b;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.55);
  transition:background .18s ease,border-color .18s ease;
}

.lighttable-sheet-toggle-knob{
  position:absolute;
  width:10px;
  height:10px;
  left:3px;
  top:2px;
  border-radius:50%;
  background:#9a9a9a;
  box-shadow:0 1px 2px rgba(0,0,0,.7);
  transition:transform .18s ease,background .18s ease;
}

.lighttable-sheet-toggle[aria-checked="true"] .lighttable-sheet-toggle-track{
  background:#555;
  border-color:rgba(255,255,255,.22);
}

.lighttable-sheet-toggle[aria-checked="true"] .lighttable-sheet-toggle-knob{
  transform:translateX(13px);
  background:#f0f0f0;
}

.lighttable-view.sheet-collapsed .lighttable-body{
  grid-template-columns:1fr!important;
}

.lighttable-view.sheet-collapsed .lighttable-preview{
  border-right:0!important;
}

.lighttable-view.sheet-collapsed .lighttable-sheet{
  display:none!important;
}

.lighttable-view.sheet-collapsed .lighttable-open img{
  max-height:445px;
}

.lighttable-view.sheet-collapsed .lighttable-meta{
  max-width:1180px;
  width:100%;
  margin-inline:auto;
}

@media(max-width:800px){
.lighttable-head-actions{
  gap:10px;
}

.lighttable-head-actions>span{
  display:none;
}

.lighttable-sheet-toggle{
  min-height:32px;
  padding-inline:9px;
}

.lighttable-sheet-toggle-label{
  font-size:5px;
}
}

@media(prefers-reduced-motion:reduce){
.lighttable-sheet-toggle-track,
.lighttable-sheet-toggle-knob{
  transition:none!important;
}
}

.lighttable-scrubber{
  display:grid;
  grid-template-columns:32px 24px minmax(120px,1fr) 24px 32px;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:linear-gradient(180deg,#161616 0%,#101010 54%,#0b0b0b 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.lighttable-scrub-step{
  appearance:none;
  width:30px;
  height:26px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.10);
  background:#111;
  color:#bdbdbd;
  display:grid;
  place-items:center;
  cursor:pointer;
  font-size:13px;
  line-height:1;
}

.lighttable-scrub-step:hover{
  background:#181818;
  border-color:rgba(255,255,255,.19);
  color:#f0f0f0;
}

.lighttable-scrub-step:focus-visible,
.lighttable-scrub-range:focus-visible{
  outline:1px solid rgba(255,255,255,.72);
  outline-offset:2px;
}

.lighttable-scrub-number{
  font:500 6px/1 var(--sans);
  letter-spacing:.7px;
  color:#8d8d8d;
  text-align:center;
  font-variant-numeric:tabular-nums;
}

.lighttable-scrub-range{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  height:18px;
  background:transparent;
  cursor:pointer;
  margin:0;
}

.lighttable-scrub-range::-webkit-slider-runnable-track{
  height:2px;
  border-radius:999px;
  background:linear-gradient(to right,#d6d6d6 0 var(--lt-progress,0%),#3a3a3a var(--lt-progress,0%) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.lighttable-scrub-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#efefef;
  border:1px solid #777;
  margin-top:-4px;
  box-shadow:0 1px 4px rgba(0,0,0,.75);
}

.lighttable-scrub-range::-moz-range-track{
  height:2px;
  border-radius:999px;
  background:#3a3a3a;
}

.lighttable-scrub-range::-moz-range-progress{
  height:2px;
  border-radius:999px;
  background:#d6d6d6;
}

.lighttable-scrub-range::-moz-range-thumb{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#efefef;
  border:1px solid #777;
  box-shadow:0 1px 4px rgba(0,0,0,.75);
}

@media(max-width:700px){
.lighttable-scrubber{
  grid-template-columns:30px 22px minmax(90px,1fr) 22px 30px;
  gap:6px;
  padding-inline:5px;
}

.lighttable-scrub-step{
  width:28px;
  height:26px;
}
}

@media(prefers-reduced-motion:reduce){
.lighttable-scrub-range{
  scroll-behavior:auto!important;
}
}