:root{color-scheme:dark;--bg:#101315;--panel:#1a2022;--cream:#eeeae2;--gold:#bdb3a1;--muted:#a9adae}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font:14px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.button{cursor:pointer;display:inline-block;border:1px solid #ffffff30;border-radius:4px;padding:11px 20px;background:transparent;color:var(--cream);transition:background .2s,border-color .2s}button:hover,.button:hover{background:#ffffff0b;border-color:#ffffff60}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e3d6bc;outline-offset:5px}button.primary,.button.primary{background:var(--cream);color:#161b1c;border-color:var(--cream)}header{height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;border-bottom:1px solid #ffffff15}.brand{font:30px Georgia;letter-spacing:7px}.brand span{display:block;font:8px Arial;letter-spacing:3px}nav{display:flex;gap:28px;font-size:12px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:clamp(42px,6vw,80px);margin:20px 0}h2{font-size:36px;margin:15px 0 25px}h3{font-size:25px;margin:12px 0}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);text-transform:uppercase}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.muted{color:var(--muted);font-size:12px}.demo-strip{font-size:10px;padding:8px 6%;background:#ffffff04;color:#b5b9b8;letter-spacing:.8px}.note{padding:24px;border:1px solid #ffffff20;border-radius:4px;margin-top:30px}.center{max-width:620px;margin:65px auto;padding:30px}.center input{margin:15px 0}.dashboard{max-width:1250px;padding:45px 6%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.stats{display:flex;gap:18px;margin:30px 0}.stats div{flex:1;padding:24px;background:var(--panel);border:1px solid #ffffff12;border-radius:5px}.stats strong{font:34px Georgia;display:block}.admin-list,.editor{border:1px solid #ffffff20;border-radius:5px;background:var(--panel)}.admin-row{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff12}.admin-row:last-child{border:0}.admin-row h3{margin:0 0 8px}.pill{font-size:10px;letter-spacing:1.2px;color:var(--gold);text-transform:uppercase}.editor{padding:30px;margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;color:var(--gold)}input,select{display:block;width:100%;padding:12px;margin-top:6px;background:#111719;border:1px solid #ffffff30;color:var(--cream);border-radius:3px}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.film-edit{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;margin:20px 0;align-items:end}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6%;border-top:1px solid #ffffff15;font-size:10px;color:#a9adae}dialog{width:min(700px,92vw);background:#121719;color:var(--cream);border:1px solid #ffffff25;padding:30px;border-radius:6px}dialog::backdrop{background:#000b}.close{float:right}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--cream);color:#182022;border-radius:4px;font-size:12px;z-index:30}.empty{font-size:12px;padding:20px;color:#adb4b3}
/* A quiet, single-screen gallery. */
.gallery-view{height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#090c0d}.gallery-view header{display:none}.gallery-view #app{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#090b0c70,#090b0c45 35%,#090b0cf5),url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=2000&q=85') center/cover}.gallery-view .demo-strip{padding:6px 15px;flex:none;text-align:center;font-size:8px;letter-spacing:1.5px;background:#090b0c55;color:#ccd0c9}.hero{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:26px}.hero-content{width:100%;max-width:1000px;animation:gallery-reveal 1s ease both}.gallery-brand{position:absolute;top:55px;left:40px}.gallery-wordmark{font:26px Georgia;letter-spacing:6px;text-align:left}.gallery-wordmark span{display:block;font:7px Arial;letter-spacing:2.8px;margin-top:6px;color:#e0ded5}.gallery-view h1{font-size:clamp(38px,5.8vw,86px);font-weight:400;letter-spacing:-2px;margin:0 0 16px;text-shadow:0 4px 35px #0004}.gallery-view .hero-content>p{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;color:#e2e0d9;margin:0}.gallery-view .hero .actions{justify-content:center;margin-top:34px}.gallery-view #watch-first{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;background:#ffffff08;color:#f1eee6;border:1px solid #ffffff45;border-radius:40px;padding:14px 24px;backdrop-filter:blur(12px)}.gallery-view #watch-first:hover{background:#eeeae2;color:#171d1e;border-color:#eeeae2}.play-symbol{margin-right:12px;font-size:9px}.gallery-toolbar{position:absolute;right:36px;top:53px;display:flex;gap:6px}.gallery-toolbar button{font-size:10px;letter-spacing:1px;padding:9px 13px;border:0;color:#e4e7e1;background:transparent}.gallery-toolbar button:hover{background:#ffffff15}.gallery-view .collection{width:100%;max-width:1400px;flex:none;padding:0 40px 22px;margin:0 auto}.grid{display:flex;overflow-x:auto;gap:16px;padding:5px 0 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff35 transparent}.film{flex:0 0 clamp(480px,42vw,680px);min-width:480px;scroll-snap-align:start;position:relative;border-radius:3px;background:transparent;transition:transform .25s}.film:hover{transform:translateY(-4px)}.poster{position:relative;height:auto;aspect-ratio:4.35/1;overflow:hidden;border-radius:3px;background:linear-gradient(180deg,#0001,#0009),url('https://images.unsplash.com/photo-1511285560929-80b456fea0bc?auto=format&fit=crop&w=900&q=80') center/cover}.film-trailer .poster{background-image:linear-gradient(180deg,#0001,#0009),url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=80')}.film-ceremony .poster{background-position:40% 20%}.film-first-dance .poster{background-position:80% 75%}.tile-play{display:block;position:absolute;inset:0;width:100%;height:100%;border:1px solid #ffffff18;border-radius:3px;padding:0;background:transparent;text-align:left}.tile-play:hover{background:#0002;border-color:#ffffff65}.tile-number{position:absolute;top:10px;left:12px;color:#fffc;font-size:8px;letter-spacing:2px}.tile-icon{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:1px solid #ffffff75;display:flex;align-items:center;justify-content:center;font-size:9px;background:#0002;opacity:.8;transition:background .25s,opacity .25s}.tile-play:hover .tile-icon{background:#eee8da;color:#171d1e;opacity:1}.tile-title{position:absolute;bottom:12px;left:12px;right:38px;font:16px Georgia;color:#f3eee3}.film-download{position:absolute;bottom:6px;right:7px;font-size:16px;border:0;padding:2px 8px;background:transparent;opacity:.7}.film-download:hover{opacity:1;background:#ffffff12}.film-progress{height:1px;background:linear-gradient(to right,#d8cbb0 var(--progress,0%),transparent var(--progress,0%));margin-top:4px}.gallery-view footer{flex:none;background:#090c0d;color:#8e9695;padding:10px 40px;font-size:8px;letter-spacing:1px;border-top:0}.gallery-view footer>span{display:none}.gallery-view footer a:hover{color:#e3dfd6}.gate-view{background:linear-gradient(#090b0c99,#090b0cdd),url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=2000&q=85') center/cover fixed}.gate-view .center{text-align:center}.gate-view form{text-align:left;margin-top:25px}.gate-view form button{margin-top:14px;width:100%}
/* Film plays in this page and uses real fullscreen when permitted. */
.cinema[hidden]{display:none}.cinema{position:fixed;inset:0;z-index:100;background:#000;color:#fff;width:100%;height:100%;overflow:hidden;opacity:1;transition:opacity .3s;outline:none}.cinema.open{animation:cinema-reveal .4s ease both}.cinema.closing{opacity:0;animation:none}.cinema video{display:block;width:100%;height:100%;object-fit:contain;background:#000;opacity:0;transition:opacity .8s ease}.cinema.ready video{opacity:1}.cinema-top{position:absolute;left:0;right:0;top:0;padding:25px 30px;background:linear-gradient(#0009,transparent);display:flex;justify-content:space-between;align-items:start;gap:20px;pointer-events:none;transition:opacity .35s}.cinema-top h2{font-size:24px;margin:5px 0 0}.cinema-top span{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#d3cbbb}.cinema-top button{pointer-events:auto;border:1px solid #ffffff30;border-radius:50%;background:#0005;width:40px;height:40px;padding:0}.cinema-navigation{position:absolute;bottom:70px;right:24px;display:flex;align-items:center;gap:12px;padding:5px 10px;border:1px solid #ffffff20;border-radius:35px;background:#0007;backdrop-filter:blur(10px);font-size:9px;letter-spacing:1px;transition:opacity .35s}.cinema-navigation button{border:0;border-radius:25px;padding:5px 8px;font-size:12px;background:transparent}.cinema-navigation #restart-film{font-size:9px}.sample-marker{position:absolute;bottom:80px;left:30px;font-size:8px;letter-spacing:1.6px;color:#ddd9ce;pointer-events:none;opacity:.55}.cinema #playback-message{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);max-width:85%;text-align:center;font-size:12px;color:#e7e0d3;background:#0008;border-radius:5px;padding:8px 15px;margin:0}.cinema #playback-message:empty{display:none}.cinema:not(:hover):not(:focus-within).ready .cinema-top,.cinema:not(:hover):not(:focus-within).ready .cinema-navigation{opacity:.35}.cinema button:focus-visible{outline-offset:2px}
@keyframes cinema-reveal{from{opacity:0}to{opacity:1}}@keyframes gallery-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:850px){.film-edit{grid-template-columns:1fr 1fr}.admin-row{flex-wrap:wrap}.gallery-view .collection{padding:0 20px 14px}.gallery-brand{left:24px}.gallery-toolbar{right:18px}.gallery-view footer{padding:9px 24px}}
@media(max-width:560px){header{height:80px;padding:0 5%}nav{gap:14px;font-size:10px}.brand{font-size:25px}.gallery-brand{top:43px;left:22px}.gallery-wordmark{font-size:23px}.gallery-wordmark span{font-size:6px}.gallery-toolbar{top:43px;right:14px}.gallery-toolbar span{display:none}.gallery-toolbar button{font-size:15px;padding:5px 8px}.hero{padding:20px}.gallery-view h1{font-size:clamp(32px,9.3vw,48px);letter-spacing:-1.5px}.gallery-view .hero-content>p{font-size:8px;letter-spacing:1.3px;line-height:1.8}.gallery-view .hero .actions{margin-top:27px}.gallery-view #watch-first{font-size:9px;padding:13px 20px}.gallery-view .collection{padding:0 14px 9px}.grid{gap:11px}.film{flex:0 0 min(90vw,480px);min-width:0}.poster{height:auto}.tile-title{font-size:15px}.gallery-view footer{padding:10px 18px;font-size:7px;letter-spacing:.5px}.form-grid,.film-edit{grid-template-columns:1fr}.editor{padding:18px}.stats{gap:8px}.stats div{padding:13px}.section-heading{display:block}.cinema-top{padding:18px}.cinema-top h2{font-size:18px}.cinema-navigation{right:12px;bottom:65px;gap:6px}.sample-marker{left:18px;bottom:115px;font-size:7px}footer{flex-wrap:wrap}}
@media(max-height:500px){.gallery-brand{top:32px}.gallery-toolbar{top:28px}.gallery-wordmark{font-size:19px}.gallery-wordmark span{font-size:6px}.gallery-view h1{font-size:34px;margin:0 0 8px}.gallery-view .hero .actions{margin-top:14px}.gallery-view #watch-first{padding:9px 18px}.hero{padding-top:35px}.film{flex-basis:clamp(260px,32vw,380px);min-width:260px}.poster{height:auto}.gallery-view .collection{padding-bottom:6px}.tile-title{font-size:12px;bottom:7px}.tile-number{top:6px;font-size:7px}.tile-icon{height:22px;width:22px;top:37%}.cinema-top{padding:15px}.cinema-top h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.cinema.controls-idle .cinema-top,.cinema.controls-idle .cinema-navigation,.cinema.controls-idle .sample-marker{opacity:0!important;pointer-events:none}.cinema:not(.ready)::after{content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px;border:1px solid #ffffff25;border-top-color:#e5dccd;border-radius:50%;animation:buffer-spin 1s linear infinite;pointer-events:none}@keyframes buffer-spin{to{transform:rotate(360deg)}}

.tile-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.gallery-view .poster{background-size:cover,cover;background-repeat:no-repeat;background-color:#090c0d}

/* Natural image proportions, limited to the film shelf's available space. */
.gallery-view .grid{align-items:flex-end}
.gallery-view .film{flex:0 0 auto;min-width:0;width:min(680px,42vw,calc(var(--thumb-ratio,1.77778)*clamp(150px,24dvh,230px)));max-width:90vw}
.gallery-view .poster{aspect-ratio:auto;height:auto;background:#0a0d0e}
.thumbnail-image{display:block;width:100%;height:auto}
.gallery-view .poster::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0001,#0008);pointer-events:none}
.tile-play{z-index:1}.film-download{z-index:2}
.cover-field{grid-column:1/-1}.cover-field input[type=file]{padding:12px}.cover-field .muted{display:block;margin-top:6px}
#cover-preview{display:block;max-width:100%;width:320px;max-height:180px;object-fit:contain;object-position:left;margin:12px 0;border-radius:4px}
#cover-preview[hidden],#remove-cover[hidden]{display:none}#cover-status{display:block;margin:8px 0;color:#bfc8c4}
@media(max-width:560px){.gallery-view .film{width:min(90vw,calc(var(--thumb-ratio,1.77778)*min(24dvh,210px)))}}
@media(max-height:500px){.gallery-view .film{width:min(42vw,calc(var(--thumb-ratio,1.77778)*100px))}}

.thumbnail-field{grid-column:1/-1;border-top:1px solid #ffffff15;padding:16px 0 6px}.thumb-preview{display:block;width:auto;max-width:260px;max-height:160px;margin:12px 0;border-radius:4px}.thumb-status{font-size:12px;color:#c4ccc6}.film-edit{padding:16px 0;border-bottom:1px solid #ffffff15}

.gallery-toolbar .download-all{font-size:10px;letter-spacing:1px;padding:9px 13px;color:#e4e7e1;border-radius:4px}.gallery-toolbar .download-all:hover{background:#ffffff15}.gallery-activity{margin:24px 0 32px;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;padding:18px 0}.gallery-activity table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.gallery-activity th,.gallery-activity td{padding:10px;border-bottom:1px solid #ffffff12}.gallery-activity th{color:var(--gold);font-weight:400}@media(max-width:560px){.gallery-toolbar .download-all{padding:5px 8px;font-size:15px}}

/* Per-gallery design picker. */
.template-picker{border:0;border-top:1px solid #ffffff18;padding:24px 0;margin:30px 0}.template-picker legend{font:25px Georgia;padding:0 12px 0 0}.template-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.template-option{position:relative;border:1px solid #ffffff20;border-radius:6px;padding:12px;color:#e8e4db;cursor:pointer}.template-option:has(input:checked){border-color:#d8c9ad;background:#ffffff06;box-shadow:0 0 0 1px #d8c9ad}.template-option:focus-within{outline:2px solid #d8c9ad;outline-offset:3px}.template-option input[type=radio]{position:absolute;right:10px;top:8px;width:16px;height:16px;margin:0;accent-color:#bcb29f}.template-option strong{display:block;font:20px Georgia;margin:12px 0 5px}.template-kind{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#d5c6aa}.template-description{display:block;font-size:11px;color:#aeb8b5;margin-top:8px;line-height:1.6}.template-mini{height:115px;display:block;position:relative;border-radius:3px;overflow:hidden;background:#101617}.mini-photo{position:absolute;inset:0;background:linear-gradient(35deg,#263536,#7d7868,#313d3c);opacity:.8}.mini-title{position:absolute;width:38%;height:6px;background:#ede5d6;left:31%;top:44%;border-radius:2px}.mini-films{position:absolute;left:9%;right:9%;bottom:10%;display:flex;gap:5px;height:18%}.mini-films i{flex:1;background:#b9b0a0;border-radius:2px;opacity:.7}.mini-premiere .mini-photo{opacity:.2}.mini-premiere .mini-title{top:24%}.mini-premiere .mini-films{left:21%;right:21%;height:41%}.mini-premiere .mini-films i:not(:first-child),.mini-frame .mini-films i:not(:first-child){display:none}.mini-frame{background:#eee6d7}.mini-frame .mini-photo{display:none}.mini-frame .mini-title{background:#655e53;top:20%}.mini-frame .mini-films{height:48%;left:20%;right:20%}.mini-frame .mini-films i{background:#757e70}.mini-split .mini-photo{right:50%}.mini-split{background:#e9e1d2}.mini-split .mini-title{left:57%;top:35%;width:31%;background:#605e54}.mini-split .mini-films{height:15%}.mini-editorial{background:#eee8dc}.mini-editorial .mini-photo{bottom:48%}.mini-editorial .mini-title{top:23%}.mini-editorial .mini-films{height:32%;bottom:9%;flex-wrap:wrap}.mini-editorial .mini-films i{flex-basis:35%;background:#748076}.mini-filmstrip .mini-films{bottom:15%;height:24%;border-top:3px dotted #e3d8c2;border-bottom:3px dotted #e3d8c2;padding:3px 0}.design-cover{display:none}
/* One-film screening room, retaining the uploaded image's proportions. */
.gallery-view[data-template=premiere] #app{background-image:none!important;background:radial-gradient(ellipse at top,#222c2d,#070909 75%)}
.gallery-view[data-template=premiere] .hero{flex:0 0 33%;padding-top:80px}.gallery-view[data-template=premiere] h1{font-size:clamp(34px,4vw,62px)}
.gallery-view[data-template=premiere] .hero .actions{display:none}.gallery-view[data-template=premiere] .collection{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:15px 30px 28px}
.gallery-view[data-template=premiere] .grid{width:100%;justify-content:center;overflow:visible}.gallery-view[data-template=premiere] .film{width:min(900px,80vw,calc(var(--thumb-ratio,1.77778)*44dvh));max-width:100%;box-shadow:0 20px 70px #0008}
.gallery-view[data-template=premiere] .tile-icon{width:52px;height:52px;font-size:14px}.gallery-view[data-template=premiere] .tile-title{font-size:20px;bottom:20px;left:20px}
/* Warm, single-film frame. */
.gallery-view[data-template=frame]{background:#ede5d7;color:#393c35}.gallery-view[data-template=frame] #app{background-image:none!important;background:#ede5d7}
.gallery-view[data-template=frame] .hero{flex:0 0 34%;padding-top:70px}.gallery-view[data-template=frame] h1{font-size:clamp(34px,4vw,65px);color:#373e37;text-shadow:none}.gallery-view[data-template=frame] .hero-content>p{color:#6b7065}.gallery-view[data-template=frame] .hero .actions{display:none}
.gallery-view[data-template=frame] .collection{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 30px 28px}.gallery-view[data-template=frame] .grid{width:100%;justify-content:center;overflow:visible}.gallery-view[data-template=frame] .film{width:min(860px,76vw,calc(var(--thumb-ratio,1.77778)*42dvh));max-width:100%;padding:12px;background:#f9f4eb;box-shadow:0 16px 45px #3332}
.gallery-view[data-template=frame] .gallery-wordmark,.gallery-view[data-template=frame] .gallery-wordmark span,.gallery-view[data-template=frame] .gallery-toolbar button,.gallery-view[data-template=frame] .gallery-toolbar a{color:#455044}.gallery-view[data-template=frame] footer{background:#ede5d7;color:#657062}.gallery-view[data-template=frame] .demo-strip{background:#d8d2c466;color:#5e665a}
/* Split cover and story. */
.gallery-view[data-template=split] #app{background-image:none!important;background:#e9e4d9;color:#343e37}.gallery-view[data-template=split] .hero{position:relative;justify-content:flex-end;padding:100px 5% 30px;min-height:0}
.gallery-view[data-template=split] .design-cover{display:block;position:absolute;left:0;top:0;bottom:0;width:48%;background:linear-gradient(30deg,#344540,#798778);background-position:center;background-size:cover}
.gallery-view[data-template=split] .hero-content{width:46%;text-align:left}.gallery-view[data-template=split] h1{font-size:clamp(34px,4.4vw,66px);text-shadow:none}.gallery-view[data-template=split] .hero-content>p{color:#65705f;font-size:9px}.gallery-view[data-template=split] .hero .actions{justify-content:flex-start;margin-top:28px}
.gallery-view[data-template=split] .gallery-brand{left:30px;top:28px}.gallery-view[data-template=split] .gallery-toolbar{top:25px;right:25px}.gallery-view[data-template=split] .gallery-toolbar button,.gallery-view[data-template=split] .gallery-toolbar a{color:#39463b}
.gallery-view[data-template=split] #watch-first{color:#39463b;border-color:#869080}.gallery-view[data-template=split] .collection{background:#17211d;max-width:none;padding:18px 30px 12px}.gallery-view[data-template=split] .film{width:min(460px,32vw,calc(var(--thumb-ratio,1.77778)*20dvh))}.gallery-view[data-template=split] footer{background:#17211d}
/* Light editorial page with room for a larger collection. */
.gallery-view[data-template=editorial]{height:auto;min-height:100dvh;overflow:auto;background:#f1ece2;color:#354036}.gallery-view[data-template=editorial] #app{flex:none;min-height:calc(100dvh - 40px)}
.gallery-view[data-template=editorial] .hero{position:relative;min-height:580px;flex:none;padding:100px 8% 70px;background:linear-gradient(#0002,#0006)}.gallery-view[data-template=editorial] h1{font-size:clamp(44px,7vw,100px);color:#f6f1e8}
.gallery-view[data-template=editorial] .collection{max-width:none;background:#f1ece2;padding:50px 8%}.gallery-view[data-template=editorial] .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;overflow:visible;align-items:start}
.gallery-view[data-template=editorial] .film{width:100%;max-width:none;min-width:0}.gallery-view[data-template=editorial] .film:first-child{grid-column:1/-1;max-width:960px;justify-self:center}.gallery-view[data-template=editorial] .film-progress{height:2px}.gallery-view[data-template=editorial] footer{background:#f1ece2;color:#687165;padding:28px 8%}
/* Film reel details with the existing horizontal shelf. */
.gallery-view[data-template=filmstrip] #app{background-color:#090b0c}.gallery-view[data-template=filmstrip] h1{font-size:clamp(40px,6vw,80px);font-style:italic}
.gallery-view[data-template=filmstrip] .collection{max-width:none;background:#070a09;padding:18px 30px}.gallery-view[data-template=filmstrip] .grid{padding:17px 0;position:relative;border-top:7px dotted #b7ac92;border-bottom:7px dotted #b7ac92;gap:24px}
.gallery-view[data-template=filmstrip] .film{width:min(550px,38vw,calc(var(--thumb-ratio,1.77778)*24dvh));border-radius:0}.gallery-view[data-template=filmstrip] .poster{border-radius:0}
@media(max-width:700px){.template-options{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-view[data-template=split] .hero{padding:90px 24px 24px;justify-content:center}.gallery-view[data-template=split] .design-cover{width:100%;opacity:.25}.gallery-view[data-template=split] .hero-content{position:relative;width:100%;text-align:center}.gallery-view[data-template=split] .hero .actions{justify-content:center}.gallery-view[data-template=split] .collection{padding:14px}.gallery-view[data-template=split] .film,.gallery-view[data-template=filmstrip] .film{width:min(85vw,calc(var(--thumb-ratio,1.77778)*22dvh))}.gallery-view[data-template=editorial] .hero{min-height:500px;padding:110px 7% 60px}.gallery-view[data-template=editorial] .grid{grid-template-columns:1fr;gap:24px}.gallery-view[data-template=editorial] .collection{padding:25px 7%}.gallery-view[data-template=premiere] .hero,.gallery-view[data-template=frame] .hero{flex-basis:40%;padding-top:100px}.gallery-view[data-template=premiere] .film,.gallery-view[data-template=frame] .film{width:min(90vw,calc(var(--thumb-ratio,1.77778)*36dvh))}.gallery-view[data-template=filmstrip] .collection{padding:12px 14px}}
@media(max-height:500px){.gallery-view[data-template=premiere] .hero,.gallery-view[data-template=frame] .hero{flex-basis:40%;padding-top:50px}.gallery-view[data-template=premiere] .film,.gallery-view[data-template=frame] .film{width:min(65vw,calc(var(--thumb-ratio,1.77778)*34dvh))}.gallery-view[data-template=split] .hero{padding-top:65px}.gallery-view[data-template=split] .film{width:min(38vw,calc(var(--thumb-ratio,1.77778)*18dvh))}.gallery-view[data-template=filmstrip] .film{width:min(38vw,calc(var(--thumb-ratio,1.77778)*20dvh))}}
.gallery-view[data-template=editorial] #app{background-image:none!important;background:#f1ece2}.gallery-view[data-template=editorial] .design-cover{display:block;position:absolute;inset:0;width:100%;background:linear-gradient(30deg,#344540,#798778);background-position:center;background-size:cover}.gallery-view[data-template=editorial] .design-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(#0003,#0007)}.gallery-view[data-template=editorial] .hero-content{z-index:1}.gallery-view[data-template=editorial] .gallery-toolbar{z-index:2}
.template-option input[type=radio]{padding:0;border:0;background:transparent}
.template-option input[type=radio]{z-index:2}.gallery-view[data-template=split] .gallery-wordmark,.gallery-view[data-template=split] .gallery-wordmark span{color:#f3eee3;text-shadow:0 1px 8px #0006}

/* Cinema: details above, collection action directly beside the film shelf. */
.gallery-view[data-template=cinema] .hero{align-items:flex-start;padding-top:125px}
.gallery-view[data-template=cinema] .hero-content{max-width:1100px}
.gallery-view[data-template=cinema] .collection>.actions{justify-content:center;margin:0 0 20px}
.custom-brand{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}
.custom-brand .studio-logo{max-width:160px;max-height:55px;object-fit:contain;object-position:left center}
.custom-brand .studio-name{font:10px Arial,sans-serif;letter-spacing:2px;line-height:1.4;margin:0;color:inherit}
.brand.custom-brand .studio-name{font-size:11px}.branding-preview{display:block;max-width:240px;max-height:130px;object-fit:contain;margin:18px 0}.branding-preview[hidden]{display:none}
.footer-socials{display:flex;flex-wrap:wrap;gap:15px}.gallery-view footer{gap:12px;flex-wrap:wrap}.gallery-view footer>.studio-credit{display:block}
@media(max-width:600px){.gallery-view[data-template=cinema] .hero{padding-top:135px}.gallery-view[data-template=cinema] .collection>.actions{margin-bottom:16px}.gallery-brand .studio-logo{max-width:120px;max-height:42px}.gallery-brand .studio-name{font-size:8px;letter-spacing:1px;max-width:140px}.footer-socials{gap:10px}.gallery-view footer>.studio-credit{width:100%}}
@media(max-height:550px){.gallery-view[data-template=cinema] .hero{padding-top:75px}.gallery-view[data-template=cinema] .collection>.actions{margin-bottom:8px}.gallery-view[data-template=cinema] h1{font-size:32px;margin-bottom:6px}}

.design-controls{margin:28px 0;padding:22px;border:1px solid #ffffff20;border-radius:5px}.design-controls legend{font:24px Georgia}.design-controls input[type=color]{height:46px;padding:6px}.design-controls .form-grid{margin:15px 0}
.moving-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity 1.4s;filter:brightness(.58)}.moving-cover.ready{opacity:1}.gallery-view .hero,.gallery-view .collection,.gallery-view .demo-strip{z-index:1}.gallery-view .hero{position:static}.gallery-view[data-template=split] .moving-cover{width:50%}.gallery-view[data-template=frame] .moving-cover{display:none}.gallery-view[data-template=editorial] .moving-cover{height:620px;z-index:1}.gallery-view[data-template=editorial] .hero{z-index:2}
.gallery-view #app[data-font=classic] h1{font-family:Georgia,serif}.gallery-view #app[data-font=modern] h1{font-family:Arial,sans-serif;letter-spacing:-.04em;font-weight:300}.gallery-view #app[data-font=editorial] h1{font-family:Palatino,'Book Antiqua',serif;font-style:italic}
.gallery-view #app[style*="--heading-color"] h1,.gallery-view #app[style*="--heading-color"] .hero-content>p{color:var(--heading-color)}.gallery-view #app[style*="--accent-color"] #watch-first{border-color:var(--accent-color)}.gallery-view #app[style*="--accent-color"] .film-progress{background:linear-gradient(to right,var(--accent-color) var(--progress,0%),transparent var(--progress,0%))}
.gallery-view:is([data-template=cinema],[data-template=premiere],[data-template=filmstrip]) #app[data-heading=top] .hero{align-items:flex-start;padding-top:125px}.gallery-view:is([data-template=cinema],[data-template=premiere],[data-template=filmstrip]) #app[data-heading=center] .hero{align-items:center;padding-top:26px}
.gallery-view:not([data-template=premiere]):not([data-template=frame]) #app[data-thumbnail-size=small] .film{width:min(480px,30vw,calc(var(--thumb-ratio,1.77778)*18dvh))}.gallery-view:not([data-template=premiere]):not([data-template=frame]) #app[data-thumbnail-size=large] .film{width:min(850px,65vw,calc(var(--thumb-ratio,1.77778)*30dvh))}
@media(max-width:600px){.gallery-view:not([data-template=premiere]):not([data-template=frame]) #app[data-thumbnail-size=small] .film{width:min(65vw,calc(var(--thumb-ratio,1.77778)*18dvh))}.gallery-view:not([data-template=premiere]):not([data-template=frame]) #app[data-thumbnail-size=large] .film{width:min(90vw,calc(var(--thumb-ratio,1.77778)*28dvh))}.gallery-view:is([data-template=cinema],[data-template=premiere],[data-template=filmstrip]) #app[data-heading=top] .hero{padding-top:135px}.gallery-view[data-template=split] .moving-cover{width:100%;opacity:.25}.gallery-view[data-template=editorial] .moving-cover{height:500px}}
@media(prefers-reduced-motion:reduce){.moving-cover{display:none}}

.gallery-view #app:has(.moving-cover.ready) .design-cover{opacity:0}

.activity-stats{grid-template-columns:repeat(4,1fr)}.activity-bars{height:140px;display:flex;gap:3px;align-items:end;margin-top:24px}.activity-bars>div{flex:1;height:100%;display:flex;align-items:end}.activity-bars span{width:100%;height:var(--bar);background:#b5a27c;border-radius:3px 3px 0 0}.activity-gallery{padding:20px 0;border-bottom:1px solid #ffffff18}.activity-gallery summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer}.activity-gallery summary span{font-size:12px;color:#b8bdba}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #ffffff15}.recent-activity{padding:0;list-style:none}.recent-activity li{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #ffffff15}.recent-activity p{margin:6px 0}.recent-activity time{font-size:11px;color:#aaa}.activity-dot{width:8px;height:8px;border-radius:50%;background:#b5a27c;margin-top:6px}.delivery-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.delivery-layout textarea{width:100%;font:inherit;line-height:1.6;padding:12px;background:#101719;color:#eee;border:1px solid #ffffff35;border-radius:3px}.email-preview-panel iframe{width:100%;height:850px;border:0;border-radius:5px;background:#f3efe7}.delivery-layout .actions{flex-wrap:wrap}.delivery-layout label{margin-bottom:18px;display:block}@media(max-width:800px){.delivery-layout{grid-template-columns:1fr}.activity-stats{grid-template-columns:repeat(2,1fr)}.activity-gallery summary{flex-direction:column}}

.quality-control{display:flex;align-items:center;gap:8px;font-size:11px}.quality-control[hidden]{display:none}.quality-control select{padding:8px;width:auto;max-width:190px;background:#171d1e;color:#eee;border:1px solid #ffffff35;border-radius:3px}#quality-note{font-size:10px}.download-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #ffffff20}.download-row p{font-size:11px;margin:6px 0}#download-collection{width:min(600px,94vw);max-height:85dvh;overflow:auto}#start-downloads{margin-top:22px}@media(max-width:600px){.cinema-navigation{flex-wrap:wrap;max-width:95vw}.quality-control select{max-width:155px}#quality-note{display:none}}

/* Studio library: sidebar, visual gallery grid, and compact working controls. */
.studio-library-view{background:#171717;color:#eeeae3;font-family:Arial,sans-serif}.studio-library-view>header,.studio-library-view>footer{display:none}.studio-library-view #app{min-height:100dvh}.studio-shell{min-height:100dvh}.studio-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;background:#292828;padding:0 25px;border-bottom:1px solid #ffffff09;gap:22px}.studio-mark{display:flex;align-items:center;gap:20px;text-decoration:none}.studio-mark img{max-width:90px;max-height:42px;object-fit:contain}.studio-monogram{font:27px Georgia;letter-spacing:5px;color:#c1a374;padding-right:20px;border-right:1px solid #ffffff20}.studio-mark>span:last-child{font-size:14px;font-weight:600}.studio-mark small{display:block;font-size:8px;letter-spacing:2.5px;color:#9c978d;margin-top:6px}.studio-top-actions{display:flex;gap:17px;align-items:center}.studio-search{display:flex;align-items:center;background:#3b3938;border:1px solid #ffffff08;border-radius:5px;padding:0 12px;gap:9px;margin:0}.studio-search input{border:0;background:transparent;width:215px;color:#eee;padding:11px 0;font-size:12px;margin:0;outline-offset:4px}.studio-search>span{font-size:23px;color:#bab5ac}.studio-settings{color:#bab3a6;font-size:21px}.studio-top-actions #studio-account{border:0;border-radius:50%;height:38px;width:38px;padding:0;background:#b99b66;color:#fff;font-size:16px}.studio-workspace{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:calc(100dvh - 76px)}.studio-sidebar{padding:27px 14px;background:#141414;display:flex;flex-direction:column;gap:6px;border-right:1px solid #ffffff06}.sidebar-label{font-size:9px;letter-spacing:2px;color:#938d83;padding:0 12px;margin:0 0 12px}.sidebar-label.year-label{margin-top:28px}.sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;background:transparent;border:0;border-radius:4px;font-size:12px;text-align:left;color:#b9b6b0;text-decoration:none}.sidebar-item>span{font-size:17px;color:#97948d;width:18px;text-align:center}.sidebar-item .folder-icon{color:#bda477;font-size:15px}.sidebar-item small{margin-left:auto;color:#8c877e;font-size:10px}.sidebar-item:hover{background:#252422;color:#eee}.sidebar-item.selected{background:#302e2a;color:#d9c095;box-shadow:inset 3px 0 #c2a875}.sidebar-tools{margin-top:auto;padding-top:48px}.sidebar-footnote{font-size:10px;color:#716d65;padding:17px 12px 0}.sidebar-empty{font-size:11px;color:#938d83;padding:0 12px;line-height:1.6}.studio-library{background:#272525;margin:14px;border-radius:8px;padding:24px;min-width:0}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px}.studio-library h1{font:600 20px Arial,sans-serif;letter-spacing:0;margin:0}.library-toolbar p{font-size:11px;color:#aaa39a;margin:8px 0 0}.library-controls{display:flex;align-items:center;gap:24px}.sort-control{display:flex;align-items:center;gap:8px;font-size:11px;color:#aaa39a;margin:0}.sort-control select{width:auto;border:0;background:transparent;font-size:11px;padding:7px;color:#c9c4ba;margin:0}.sort-control select option{background:#292828}.new-gallery{display:inline-flex;padding:12px 17px;background:#b99b66;color:#fff;font-size:12px;font-weight:600;border-radius:4px;white-space:nowrap;text-decoration:none}.new-gallery:hover{background:#c6ab7c}.library-status-tabs{display:flex;gap:18px;border-bottom:1px solid #ffffff0c;margin-bottom:20px}.library-status-tabs button{border:0;border-radius:0;background:transparent;color:#a49e94;padding:8px 0 13px;font-size:11px}.library-status-tabs button.selected{color:#d6bd92;border-bottom:2px solid #b99b66}.studio-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.studio-gallery-card{background:#3a3836;border:1px solid #ffffff05;border-radius:5px;min-width:0;transition:transform .2s,box-shadow .2s}.studio-gallery-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px #0003}.gallery-card-cover{display:block;position:relative;margin:14px 14px 0;aspect-ratio:1.5;overflow:hidden;border-radius:3px;background:#252622}.gallery-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.studio-gallery-card:hover .gallery-card-cover img{transform:scale(1.025)}.card-cover-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(140deg,#42483c,#222a24);color:#b5aa8f}.card-cover-placeholder>span{font:30px Georgia;letter-spacing:6px}.card-cover-placeholder small{margin-top:13px;font-size:10px}.card-status{position:absolute;top:10px;left:10px;padding:5px 7px;border-radius:3px;background:#161c17cc;color:#e5e9df;font-size:8px;letter-spacing:.4px;backdrop-filter:blur(7px)}.card-status.draft{color:#e9cd92;background:#342819cc}.card-private{position:absolute;top:9px;right:9px;color:#fff;padding:3px 7px;background:#0007;border-radius:3px}.gallery-card-details{padding:16px 15px 13px}.gallery-card-name{font-size:15px;font-weight:600;color:#f4f0e8;text-decoration:none}.gallery-card-date{font-size:10px;color:#b0a89d;margin:9px 0 0}.gallery-card-venue{font-size:10px;color:#a3998b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 15px}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#a49b8e;font-size:10px}.card-menu{position:relative}.card-menu summary{list-style:none;cursor:pointer;font-size:15px;padding:2px 7px;color:#c7c0b6;letter-spacing:1px}.card-menu summary::-webkit-details-marker{display:none}.card-menu>div{position:absolute;right:0;bottom:26px;width:155px;background:#191b18;border:1px solid #ffffff20;border-radius:5px;box-shadow:0 10px 25px #0006;padding:6px;z-index:3}.card-menu a{display:block;padding:10px 9px;color:#ddd7cb;font-size:11px;border-radius:3px;text-decoration:none}.card-menu a:hover{background:#36352d}.library-help{font-size:10px;color:#8f877c;margin-top:27px}.studio-empty{grid-column:1/-1;padding:70px 25px;text-align:center;color:#b4aa9b}.studio-empty h2{font:24px Georgia}.studio-empty p{font-size:12px;margin-bottom:25px}
@media(min-width:1650px){.studio-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media(max-width:1000px){.studio-workspace{grid-template-columns:185px minmax(0,1fr)}.studio-library{padding:20px}.library-controls{gap:10px}.studio-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
@media(max-width:700px){.studio-topbar{height:auto;min-height:76px;flex-wrap:wrap;padding:15px;gap:15px}.studio-mark{gap:12px}.studio-top-actions{width:100%;gap:14px}.studio-search{flex:1}.studio-search input{width:100%;min-width:0}.studio-workspace{display:block}.studio-sidebar{padding:12px;flex-direction:row;overflow:auto;align-items:center;gap:8px;border-bottom:1px solid #ffffff10}.sidebar-label,.sidebar-empty,.sidebar-footnote{display:none}.sidebar-item{width:auto;white-space:nowrap;padding:10px}.sidebar-tools{display:flex;margin:0;padding:0}.sidebar-item small{margin-left:5px}.studio-library{padding:18px;margin:10px}.library-toolbar{align-items:flex-start}.library-controls{flex-direction:column-reverse;align-items:flex-end;gap:8px}.studio-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-card-cover{margin:9px 9px 0}.gallery-card-details{padding:12px 10px}.gallery-card-name{font-size:13px}.gallery-card-venue{display:none}.card-bottom{margin-top:15px;font-size:9px}.card-status{top:6px;left:6px;font-size:7px}.new-gallery{font-size:11px;padding:11px 13px}}
@media(max-width:380px){.studio-gallery-grid{grid-template-columns:1fr}}

.studio-editor-view{background:#171717;color:#eeeae3;font-family:Arial,sans-serif}.studio-editor-view>header,.studio-editor-view>footer{display:none}.studio-editor-view #app{min-height:100dvh}.editor-shell .studio-sidebar{gap:6px}.editor-back{padding:12px;border:1px solid #ffffff18;border-radius:4px;text-align:center;font-size:11px;text-decoration:none;margin-bottom:27px}.editor-library-link{font-size:12px;color:#bfb6a6}.editor-workarea{background:#292727;margin:14px 14px 14px 0;border-radius:8px;padding:0 22px;min-width:0}.editor-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #ffffff10}.editor-page-toolbar>div:first-child{display:flex;gap:14px;align-items:center;font-size:13px}.editor-section-title{font-weight:600}.editor-title-divider{color:#655f56}.editor-toolbar-actions{display:flex;align-items:center;gap:10px}.editor-toolbar-actions .button{font-size:11px;padding:10px 14px}.editor-toolbar-actions button{font-size:11px;padding:11px 15px;border:0}.studio-edit-form{background:transparent;border:0;margin:0;padding:0}.editor-pane{padding:24px 0}.editor-pane[hidden]{display:none}.editor-pane-title{font:600 16px Arial,sans-serif;margin:0 0 22px}.studio-editor-view #film-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;align-items:start}.studio-editor-view .film-edit{display:block;background:#34322f;border:1px solid #ffffff0b;border-radius:5px;overflow:hidden;padding:0;margin:0}.editor-film-cover{aspect-ratio:1.5;position:relative;background:#222920}.editor-film-cover img{width:100%;height:100%;object-fit:cover;display:block}.editor-film-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b)}.editor-film-cover>span{position:absolute;bottom:16px;left:16px;right:12px;font-size:15px;font-weight:600;z-index:1}.editor-film-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#ae9b77;font-size:27px}.film-controls{padding:0 15px 15px}.film-controls summary{cursor:pointer;font-size:11px;padding:14px 0;color:#b5a17a;list-style:none}.film-controls summary::after{content:'＋';float:right}.film-controls[open] summary::after{content:'−'}.film-controls label{display:block;margin:12px 0;font-size:11px}.film-controls .thumbnail-field{margin-top:15px;border-top:1px solid #ffffff15}.film-controls .muted{font-size:10px;line-height:1.6}.film-controls [data-remove]{font-size:10px;padding:8px 12px;color:#d5bda1}.studio-editor-view #add-film{margin-top:20px;font-size:11px}.editor-upload-panel{margin-top:24px;max-width:760px;background:#222622;padding:22px}.editor-upload-panel[hidden]{display:none}.studio-editor-view .template-picker{margin-top:0}.studio-editor-view .template-options{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-editor-view .design-controls{margin-bottom:0}.editor-pane[data-editor-pane=heading],.editor-pane[data-editor-pane=settings],.editor-pane[data-editor-pane=background]{max-width:850px}.editor-pane[data-editor-pane=settings]>label{display:block;margin:18px 0}.editor-pane[data-editor-pane=settings]>div{margin:22px 0}.studio-editor-view .cover-field{display:block}.studio-editor-view .gallery-activity{margin-top:0}.studio-editor-view #editor-error-slot{color:#e2bea0;padding-bottom:12px}
@media(max-width:900px){.editor-page-toolbar{flex-wrap:wrap}.studio-editor-view .template-options{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-editor-view #film-fields{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:700px){.editor-shell .studio-sidebar{flex-wrap:nowrap}.editor-back{margin:0;white-space:nowrap}.editor-workarea{margin:10px;padding:0 15px}.editor-page-toolbar>div:first-child{font-size:12px}.editor-toolbar-actions{flex-wrap:wrap}.studio-editor-view #film-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-film-cover>span{font-size:12px;left:10px;bottom:12px}.film-controls{padding:0 10px 10px}.film-controls summary{font-size:10px}.editor-upload-panel{padding:15px}.editor-library-link{font-size:10px}.studio-editor-view .template-options{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.studio-editor-view #film-fields{grid-template-columns:1fr}}

#editor-upload-toggle[hidden]{display:none!important}
/* SBK studio identity: warm editorial type, olive surfaces and restrained champagne accents. */
:is(.studio-library-view,.studio-editor-view,.studio-settings-view){background:#101713;color:#f1ecdf}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-topbar{background:#142019;border-bottom:1px solid #a99b7330;height:88px}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-monogram{color:#d1ba86;font-size:31px;letter-spacing:7px;border-color:#a99b7330}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-mark>span:last-child{font:17px Georgia,serif;font-weight:400}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-mark small{font:8px Arial,sans-serif;letter-spacing:3px;color:#a7ad9d}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-workspace{grid-template-columns:210px minmax(0,1fr);min-height:calc(100dvh - 88px)}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-sidebar{background:#101a14;border-right:1px solid #a99b7315;padding:28px 17px;gap:9px}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-item{border-radius:9px;padding:13px 12px;color:#aeb7aa;font-size:12px}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-item.selected{background:#29372b;color:#e2d1a5;box-shadow:none;border:1px solid #c5af7735}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-item:hover{background:#243025}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-label{color:#758776;font-size:8px;letter-spacing:2.7px}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .new-gallery{background:#d0b887;color:#1c291f;border-radius:8px;box-shadow:0 3px 10px #0002}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .new-gallery:hover{background:#e0cca2}
.studio-library{background:#1a261e;border:1px solid #b6ad8b12;border-radius:15px;margin:20px;padding:28px}
.studio-library h1{font:32px Georgia,serif;font-weight:400;color:#f0e8d6}
.studio-search{background:#26362a;border-color:#ffffff0d;border-radius:9px}
.studio-gallery-card{background:#26332a;border-radius:12px;border:1px solid #b6ad8b16;overflow:visible}
.gallery-card-cover{margin:0;aspect-ratio:1.65;border-radius:12px 12px 0 0}
.gallery-card-details{padding:19px}.gallery-card-name{font:20px Georgia,serif;font-weight:400}.gallery-card-date,.gallery-card-venue{color:#a5b19f}.card-bottom{padding-top:12px;border-top:1px solid #ffffff0b;color:#a9b29e}
.library-status-tabs{gap:8px;border:0}.library-status-tabs button{padding:8px 15px;border:1px solid #ffffff13;border-radius:25px}.library-status-tabs button.selected{background:#344335;border-color:#cfb88555;color:#e0cc9c}
.editor-workarea{background:#1a261e;margin:20px 20px 20px 0;border-radius:15px;padding:0 28px;border:1px solid #b6ad8b12}
.editor-page-toolbar{padding:25px 0;border-color:#c5af7720}.editor-page-toolbar>div:first-child{display:grid;gap:8px}.editor-title-divider{display:none}#editor-section-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#b5a67f}#editor-couple-title{font:29px Georgia,serif;color:#f0e8d6}.editor-back{border-radius:8px;border-color:#c5af7725;color:#b8c0b1}
.studio-editor-view .film-edit{background:#26332a;border-radius:12px;border-color:#b6ad8b16}.editor-film-cover{aspect-ratio:1.65}.editor-film-cover>span{font:21px Georgia,serif;font-weight:400}.film-controls summary{color:#d4bb89;padding-top:16px}.editor-pane-title{font:23px Georgia,serif;color:#ddd6c2}.editor-upload-panel{border-radius:12px;background:#26332a}.studio-editor-view input,.studio-editor-view select{background-color:#132018;border-color:#a8ae9130;border-radius:7px}
@media(max-width:900px){:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-workspace{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:700px){:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-topbar{height:auto;min-height:88px}:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-workspace{display:block}:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-sidebar{padding:12px;gap:7px}.studio-library,.editor-workarea{margin:12px;padding:18px}.editor-workarea{padding:0 18px}.gallery-card-name{font-size:17px}.gallery-card-details{padding:13px}#editor-couple-title{font-size:25px}.editor-film-cover>span{font-size:18px}.studio-library h1{font-size:28px}}
/* Neutral charcoal studio palette. */
:is(.studio-library-view,.studio-editor-view,.studio-settings-view){background:#141414;color:#f1ede5}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-topbar{background:#252424;border-bottom-color:#bca77d24}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-sidebar{background:#171717;border-right-color:#ffffff08}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-item{color:#b9b5ad}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-item.selected{background:#34312c;color:#e2d1a5;border-color:#c5af7735}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-item:hover{background:#2c2b29}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .sidebar-label{color:#89847b}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .studio-mark small{color:#aaa398}
:is(.studio-library-view,.studio-editor-view,.studio-settings-view) .new-gallery{color:#25221c}
.studio-library,.editor-workarea{background:#282727;border-color:#ffffff08}
.studio-search{background:#373533}
.studio-gallery-card,.studio-editor-view .film-edit,.editor-upload-panel{background:#363431;border-color:#ffffff0b}
.gallery-card-date,.gallery-card-venue{color:#b0a79b}.card-bottom{color:#b0a79b}
.library-status-tabs button.selected{background:#3d3830;color:#e0cc9c}
.editor-back{color:#c1b9ac}
.studio-editor-view input,.studio-editor-view select{background-color:#212120;border-color:#b5ab9530}
.editor-film-cover{background:#242423}.card-cover-placeholder{background:linear-gradient(140deg,#48443d,#292827)}

/* Shared charcoal studio shell for Activity, Branding and Deliver. */
.studio-settings-view{background:#141414;color:#f1ede5;font-family:Arial,sans-serif}.studio-settings-view>header,.studio-settings-view>footer{display:none}.studio-settings-view #app{min-height:100dvh}.studio-settings-slot{min-width:0;padding:20px 20px 20px 0}.studio-settings-content{background:#282727;border:1px solid #ffffff08;border-radius:15px;min-height:calc(100dvh - 128px)}.studio-settings-content .dashboard{width:100%;max-width:none;margin:0;padding:28px}.studio-settings-content h1{font:32px Georgia,serif;font-weight:400;letter-spacing:0;color:#f0e8d6;margin:18px 0 25px}.studio-settings-content h2,.studio-settings-content h3{font-family:Georgia,serif;font-weight:400;color:#e3dccb}.studio-settings-content .eyebrow{color:#b5a67f;font-size:9px;letter-spacing:2px}.studio-settings-content .editor,.studio-settings-content .stats>div{background:#363431;border:1px solid #ffffff0b;border-radius:12px}.studio-settings-content .note{background:#222220;border:1px solid #c5af7722;color:#b8afa0;border-radius:9px;font-size:12px;line-height:1.7}.studio-settings-content label{font-size:12px;color:#c3bbaa}.studio-settings-content input,.studio-settings-content select,.studio-settings-content textarea{background:#212120;color:#eee9df;border:1px solid #b5ab9530;border-radius:7px;font:13px Arial,sans-serif}.studio-settings-content input[type=file]{padding:12px}.studio-settings-content button,.studio-settings-content .button{border-radius:8px;font-size:12px}.studio-settings-content .primary{background:#d0b887;color:#25221c;border-color:#d0b887}.studio-settings-content .primary:hover{background:#e0cca2}.studio-settings-content .muted{color:#b0a79b;font-size:12px;line-height:1.7}.studio-settings-content .stats strong{font-family:Georgia,serif;color:#e4d4ac}.studio-settings-content .table-scroll{border-radius:6px}.studio-settings-content th{font-size:11px;color:#c6b188}.studio-settings-content td{font-size:12px;color:#ddd4c5}.studio-settings-content .activity-gallery summary strong{font:19px Georgia,serif}.studio-settings-content .activity-bars span{background:#c7ae7b}.studio-settings-content .activity-dot{background:#c7ae7b}.studio-settings-content .email-preview-panel>h2{font-size:23px}.studio-settings-content .branding-preview{padding:12px;background:#252424;border-radius:8px}.studio-settings-content #branding-form{max-width:1000px}.studio-settings-content #branding-form>label{display:block;margin-bottom:20px}
@media(max-width:700px){.studio-settings-slot{padding:12px}.studio-settings-content .dashboard{padding:18px}.studio-settings-content h1{font-size:28px}.studio-settings-content .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-settings-content .editor{padding:18px}.studio-settings-content .studio-sidebar{padding:12px}}

/* Unsaved editor previews use the same gallery markup and styles. */
.studio-editor-view .editor-pane.has-live-preview{max-width:none;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}.studio-editor-view .editor-pane.has-live-preview[hidden]{display:none}.live-preview-controls{min-width:0}.live-preview-controls>.cover-field{margin-top:30px}.live-preview-controls .form-grid{grid-template-columns:1fr}.live-preview-controls>.cover-field #cover-preview{max-height:180px;width:auto;max-width:100%;object-fit:contain}.live-preview-controls>.cover-field #cover-preview[hidden]{display:none}.live-preview-panel{position:sticky;top:24px;min-width:0;border:1px solid #c5af7725;padding:16px;border-radius:12px;background:#20201f}.live-preview-caption{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:12px;color:#d8c298}.live-preview-caption span{font-size:10px;color:#a79d8c}.live-preview-window{position:relative;width:100%;overflow:hidden;background:#121514;border-radius:7px}.live-preview-window iframe{position:absolute;inset:0;transform-origin:top left;border:0;pointer-events:none}.live-preview-panel>.muted{font-size:10px;line-height:1.6;margin-bottom:0}.live-preview-controls .template-options{grid-template-columns:repeat(2,minmax(0,1fr))}.live-preview-controls .template-description{font-size:10px}.live-preview-controls .design-controls{padding:15px}.live-preview-controls .design-controls .form-grid{grid-template-columns:1fr}.live-preview-controls .design-controls legend{font-size:20px}
@media(max-width:1100px){.studio-editor-view .editor-pane.has-live-preview{grid-template-columns:1fr;gap:24px}.live-preview-panel{position:static}.live-preview-controls .form-grid,.live-preview-controls .design-controls .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.live-preview-controls .form-grid,.live-preview-controls .design-controls .form-grid{grid-template-columns:1fr}.live-preview-panel{padding:12px}.live-preview-controls .template-options{grid-template-columns:1fr 1fr}}

.live-preview-controls>.editor-pane-title:has(+.template-picker){display:none}

/* Cinema shelf navigation is visible only while there are off-screen films. */
.cinema-film-strip{position:relative;min-width:0}.shelf-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:42px;height:52px;padding:0;border:1px solid #e7ddc970;border-radius:8px;background:#101512e8;color:#f4ead8;font:36px Georgia,serif;box-shadow:0 3px 14px #0008;cursor:pointer;backdrop-filter:blur(8px)}.shelf-arrow:hover{background:#eee2cb;color:#22271f}.shelf-arrow[hidden]{display:none!important}.shelf-previous{left:-15px}.shelf-next{right:-15px}.cinema-film-strip.more-films-right::after,.cinema-film-strip.more-films-left::before{content:'';position:absolute;top:5px;bottom:8px;width:42px;pointer-events:none;z-index:2}.cinema-film-strip.more-films-right::after{right:0;background:linear-gradient(90deg,transparent,#090c0daa)}.cinema-film-strip.more-films-left::before{left:0;background:linear-gradient(90deg,#090c0daa,transparent)}@media(max-width:600px){.shelf-arrow{width:32px;height:44px;font-size:30px}.shelf-previous{left:-7px}.shelf-next{right:-7px}}

.film-dropzone{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 20px!important;border:1px dashed #c5af7765!important;border-radius:12px;background:#292722!important;color:#e0d2b2!important;margin:18px 0 24px;cursor:pointer}.film-dropzone>span{font-size:28px}.film-dropzone strong{font:22px Georgia,serif}.film-dropzone small{font-size:11px;color:#b6ab98}.film-dropzone:hover{background:#373128!important}.film-dropzone:disabled{opacity:.5;cursor:not-allowed}.editor-workarea.film-drag-active{outline:3px dashed #d0b887;outline-offset:-8px;background:#383227}.upload-progress-card{padding:18px;margin:14px 0;background:#252422;border:1px solid #ffffff16;border-radius:9px}.upload-row{display:flex;align-items:start;justify-content:space-between;gap:15px;font-size:11px;color:#bbb19f}.upload-row strong{font-size:13px;color:#f0e7d4;overflow-wrap:anywhere}.upload-progress-card progress{width:100%;height:8px;accent-color:#d0b887;margin:15px 0}.upload-progress-card button{font-size:11px;margin-top:15px}.upload-asset-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #ffffff14}.upload-asset-row strong{font-size:13px;overflow-wrap:anywhere}.upload-asset-row p{font-size:11px;color:#aaa08e;margin:8px 0}.upload-asset-row button{font-size:11px;white-space:nowrap}.upload-feedback{font-size:11px}.editor-upload-panel{max-width:none}.editor-upload-panel[hidden]{display:none}.editor-upload-panel label:has(#file){display:none!important}@media(max-width:600px){.upload-row{flex-wrap:wrap}.upload-asset-row{align-items:start;flex-direction:column}.film-dropzone{padding:25px 12px!important}}

.editor-upload-panel .actions[hidden],.editor-upload-panel #upload-status[hidden]{display:none!important}

/* Neutral loader avoids a client-gallery flash during studio navigation. */
.studio-loading-view{background:#141414;color:#e9e3d8}.studio-loading-view>header,.studio-loading-view>footer{display:none}.studio-loading-view #app{min-height:100dvh}.studio-loading-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#141414;font:12px Arial,sans-serif;color:#b9b1a3}.studio-loading-screen p{margin:0}.studio-loading-spinner{width:24px;height:24px;border:2px solid #ffffff16;border-top-color:#c7ae7b;border-radius:50%;animation:studio-loading-spin .9s linear infinite}@keyframes studio-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.studio-loading-spinner{animation:none}}

.editor-film-cover[draggable]{cursor:grab}.editor-film-cover[draggable]:active{cursor:grabbing}.editor-film-cover>.film-drag-handle{top:10px;right:12px;left:auto;bottom:auto;font:24px Arial;color:#eee7d4;background:#151915aa;padding:4px 8px;border-radius:6px}.film-card-tools{display:flex;gap:8px;padding:12px 15px 0}.film-card-tools button{font-size:10px;padding:7px 10px}.film-card-tools button:first-child{margin-right:auto}.dragging-film{opacity:.5}.drop-film-target{outline:2px solid #d0b887;outline-offset:3px}#film-review-dialog{width:min(600px,92vw);background:#282727;color:#eee7d9;border-color:#c5af7725;border-radius:12px}#film-review-url{font-size:12px}#film-review-dialog p{font-size:13px;line-height:1.7}.film-review-page{max-width:1100px;margin:0 auto;padding:50px 24px;text-align:center}.film-review-page h1{font-size:clamp(30px,5vw,60px)}.film-review-page h2{font-size:22px;margin-bottom:25px}.review-video-wrap{background:#000;border-radius:9px;overflow:hidden;margin:0 0 25px}.review-video-wrap video{display:block;width:100%;max-height:70dvh}.film-review-page .muted{font-size:12px;margin-top:22px}

/* Keep the couple's cover visible before their collection is unlocked. */
.gallery-view.gate-view{height:100dvh;min-height:600px;overflow:auto}.gallery-view.gate-view .hero{min-height:210px}.gallery-view.gate-view .hero-content{padding-top:65px}.gallery-view.gate-view .collection{max-width:560px;padding:0 24px 30px}.gallery-view.gate-view .gallery-password-card{margin:0;background:#111518b3;border:1px solid #ffffff26;border-radius:10px;padding:24px 28px;backdrop-filter:blur(18px);box-shadow:0 12px 48px #0003;text-align:center}.gallery-password-card h2{font:26px Georgia,serif;margin:8px 0 12px;color:var(--heading-color,#f1eee6)}.gallery-password-card>p{font-size:13px;color:#d0d0cc;margin:0 0 18px}.gallery-password-card label{text-align:left;font-size:12px}.gallery-password-card input{background:#0b1014a6;color:#fff;border:1px solid #ffffff35}.gallery-password-card .password-lock{font-size:24px;color:var(--accent-color,#d8cbb0)}.gallery-password-card #gate-error{color:#ffd7cf;margin:12px 0 0;min-height:0}.gallery-password-card #gate-error:empty{display:none}@media(max-width:600px){.gallery-view.gate-view{min-height:650px}.gallery-view.gate-view .hero-content{padding-top:72px}.gallery-view.gate-view .gallery-password-card{padding:20px}.gallery-view.gate-view .collection{padding:0 18px 24px}}

/* Shared branding and vector controls across devices. */
.ui-icon{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle}.play-symbol{display:inline-flex;vertical-align:middle}.play-symbol .ui-icon{width:13px;height:13px}.tile-icon .ui-icon{width:14px;height:14px}.gallery-toolbar button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.gallery-toolbar span{display:inline}.film-download .ui-icon{width:18px;height:18px}.page-loading{background:#141414;color:#e9e3d8}.page-loading>header,.page-loading>footer{display:none}.page-loading #app{min-height:100dvh}.loading-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:12px}.loading-brand .studio-logo{max-width:160px;max-height:75px;object-fit:contain}.loading-brand .studio-name{font:12px Arial,sans-serif;letter-spacing:2px;color:#eee8de}
.studio-login-view{background:#141414;color:#f1ede5}.studio-login-view>header,.studio-login-view>footer{display:none}.studio-login-page{min-height:100dvh;display:grid;place-items:center;padding:40px 24px;background:radial-gradient(ellipse at top,#32302b70,transparent 65%),#141414}.studio-login-card{width:100%;max-width:440px;border:1px solid #ffffff12;background:#202020;border-radius:14px;padding:38px;box-shadow:0 18px 70px #0003}.login-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px}.login-brand .studio-logo{max-width:180px;max-height:90px;object-fit:contain}.login-brand .studio-name{font:13px Arial,sans-serif;letter-spacing:1.8px;color:#f1ede5}.studio-login-card .eyebrow{font-size:9px;color:#c7ae7b;letter-spacing:2px;margin:0 0 12px}.studio-login-card h1{font:29px Arial,sans-serif;font-weight:500;letter-spacing:-.7px;line-height:1.2;margin:0 0 12px}.login-intro{font-size:13px;color:#aaa59b;line-height:1.7;margin-bottom:26px}.studio-login-card label{font-size:12px;color:#c8c1b5}.studio-login-card input{background:#181818;border-color:#ffffff20;color:#f1ede5;border-radius:7px}.studio-login-card button{width:100%;margin-top:12px;background:#d0b887;color:#25221c;border-radius:7px}.login-credit{font-size:10px;color:#8d877d;text-align:center;margin:24px 0 0}.studio-login-card #login-error{color:#ffd7cf;font-size:12px}.studio-login-card #login-error:empty{display:none}
@media(max-width:560px){.gallery-view .gallery-brand{top:24px;left:20px;right:20px}.gallery-view .gallery-toolbar{top:88px;left:16px;right:16px;justify-content:flex-end;gap:4px;flex-wrap:wrap}.gallery-view .gallery-toolbar span{display:inline;font-size:10px;letter-spacing:.25px}.gallery-view .gallery-toolbar button,.gallery-view .gallery-toolbar .download-all{font-size:10px;padding:8px 9px;gap:5px;min-height:36px;background:#00000024;border-radius:5px}.gallery-toolbar .ui-icon{width:15px;height:15px}.gallery-view .hero-content{padding-top:100px}.gallery-view.gate-view .hero-content{padding-top:72px}.studio-login-page{padding:22px 16px}.studio-login-card{padding:28px 24px}.studio-login-card h1{font-size:26px}}