:root{color-scheme:light;--paper: #f3ecdf;--paper-deep: #e7dccb;--card: #fffaf3;--ink: #241c16;--muted: #6d6258;--line: #e0d3c2;--rose: #8f3d32;--rose-deep: #6e2d24;--sage: #3e5c4e;--cinema: #120e0c;--shadow: 0 18px 50px rgba(36, 28, 22, .08);font-family:Outfit,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(196,165,116,.28),transparent 32rem),var(--paper)}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}img,video{max-width:100%}h1,h2,.brand{font-family:Fraunces,Georgia,serif;font-weight:560;letter-spacing:-.03em}h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.95;margin:0}h2{font-size:1.4rem;margin:0 0 .4rem}p{margin:0}a{color:inherit}.brand{font-size:1.45rem;text-decoration:none}.app-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:.75rem}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-copy,.auth-card{padding:clamp(1.5rem,4vw,4rem)}.auth-copy{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;background:linear-gradient(160deg,#8f3d32eb,#241c16e0),var(--rose);color:#f8f1e7}.auth-copy h1{max-width:9ch}.auth-card{display:flex;flex-direction:column;justify-content:center;gap:.9rem;background:var(--card)}.topbar{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;position:sticky;top:0;z-index:5;background:#f3ecdfe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar nav{display:flex;gap:.25rem;flex:1;flex-wrap:wrap}.topbar nav a{text-decoration:none;padding:.35rem .7rem;border-radius:999px}.topbar nav a[aria-current=page]{background:var(--ink);color:var(--paper)}.page{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2.2rem 0 4rem}.page.narrow{width:min(640px,calc(100% - 2rem))}.page-head,.row,.stage-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.page-head{margin-bottom:1.5rem}.kicker{margin:0 0 .4rem;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--rose)}.lede{max-width:42rem;color:var(--muted);margin-top:.7rem}.muted{color:var(--muted)}.button,.topbar nav a.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);background:transparent;border-radius:999px;padding:.55rem .95rem;text-decoration:none;cursor:pointer}.button.primary{background:var(--rose);border-color:var(--rose);color:#fffaf3}.button.primary:hover{background:var(--rose-deep)}.button.ghost{border-color:transparent}.button.danger{color:var(--rose-deep);border-color:transparent}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.field,.panel,.empty,.auth-card{display:flex;flex-direction:column;gap:.4rem}.field span,legend,.field small,.choice small{color:var(--muted)}.field small,.choice small{display:block}input,textarea,select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:.7rem .8rem}textarea{resize:vertical}.panel,.empty{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.1rem;box-shadow:var(--shadow)}.empty{margin-top:.5rem;gap:.8rem}.empty ol{margin:0;padding-left:1.2rem}.form-grid,.editor,.sleeve-grid,.library-grid,.gallery,.picker{display:grid;gap:.9rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.8rem}.editor{grid-template-columns:1.2fr .8fr;align-items:start}.sleeve-grid,.library-grid,.gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.picker{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:70vh;overflow:auto}.sleeve{display:flex;flex-direction:column;text-decoration:none;background:var(--card);border-radius:22px;overflow:hidden;border:1px solid var(--line);min-height:100%;box-shadow:var(--shadow)}.sleeve-art{position:relative}.sleeve-art,.gallery-item img,.tile img,.tile video,.pick img,.sequence img{aspect-ratio:4 / 5;width:100%;object-fit:cover;background:var(--paper-deep);display:block}.sleeve-art.fallback,.film-thumb{display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(36,28,22,.08) 12px 14px),var(--sage);color:#f6efe4;font-family:Fraunces,Georgia,serif}.film-thumb{aspect-ratio:4 / 5;border-radius:12px}.film-thumb.large{min-height:180px}.still{position:relative;display:block}.play-mark{position:absolute;left:.55rem;bottom:.55rem;background:#120e0cb8;color:#f6efe4;border-radius:999px;padding:.12rem .45rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.sequence .play-mark{left:.2rem;bottom:.2rem;font-size:.62rem;padding:.05rem .3rem}.sleeve-body,.tile-body{display:flex;flex-direction:column;gap:.25rem;padding:.9rem 1rem 1.1rem}.sleeve-body h2{font-size:1.45rem}.dropzone{border:1.5px dashed var(--sage);border-radius:22px;padding:1.4rem;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;margin-bottom:1rem;background:#fffaf3b3}.dropzone.dragging{background:#efe4d2}.upload-list,.people,.sequence{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.upload-list progress{width:100%}.filters{display:flex;gap:.4rem;margin:1rem 0}.tile,.gallery-item,.pick{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left;padding:0;cursor:pointer}.tile{cursor:default}.pick{padding-bottom:.5rem}.pick>span:not(.film-thumb),.gallery-item>span:not(.film-thumb){display:block;padding:.45rem .6rem .2rem;font-size:.92rem}.pick:disabled{opacity:.45;cursor:default}.people{margin-top:1rem}.person{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.person>div:first-child{display:flex;flex-wrap:wrap;gap:.45rem .8rem;align-items:center}.pill{border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem;font-size:.8rem}.inline-form{display:flex;gap:.5rem;width:100%}.inline-form input{max-width:280px}fieldset{border:0;margin:.4rem 0;padding:0;display:flex;flex-direction:column;gap:.55rem}.choice{display:flex;gap:.7rem;align-items:flex-start}.choice input{width:auto;margin-top:.25rem}.checks{display:flex;flex-direction:column;gap:.35rem;padding-left:1.6rem}.checks label{display:flex;gap:.45rem;align-items:center}.checks input{width:auto}.sequence li{display:grid;grid-template-columns:72px 1fr;gap:.7rem;align-items:center}.sequence img,.sequence .film-thumb{width:72px;aspect-ratio:1;border-radius:10px}.sequence .row{grid-column:1 / -1}.error{color:var(--rose-deep)}.success,.banner{background:#e7f0ea;color:var(--sage);border-radius:12px;padding:.7rem .8rem}.banner{margin-bottom:1rem}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-rows:auto 1fr auto;background:var(--cinema);color:#f6efe4}.stage-bar{padding:.8rem 1rem;align-items:center}.stage-frame{position:relative;display:grid;place-items:center;overflow:hidden;padding:1rem}.stage-frame img,.clip video{max-height:calc(100vh - 9rem);width:auto;max-width:min(1100px,100%);object-fit:contain;box-shadow:0 20px 80px #00000059}.stage.film .stage-frame{background:#050403}.drifting{animation:drift 12s ease-in-out alternate infinite}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.05)}}.play-overlay{position:absolute;border:0;background:var(--paper);color:var(--ink);border-radius:999px;padding:.9rem 1.3rem;font-family:Fraunces,Georgia,serif;font-size:1.4rem;cursor:pointer}.end-card{text-align:center;display:grid;gap:.8rem;justify-items:center}.stage .button.ghost{color:#f6efe4}.lightbox{width:min(100%,1100px);border:0;padding:0;background:transparent;color:#f6efe4}.lightbox::backdrop{background:#120e0ceb}.lightbox-frame{display:grid;gap:.8rem;justify-items:center}.lightbox-frame img,.lightbox-frame video{max-height:74vh;background:#000}.thumb-dialog{width:min(100% - 2rem,720px);border:1px solid var(--line);border-radius:22px;padding:1.1rem 1.2rem 1.2rem;background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.thumb-dialog::backdrop{background:#120e0c8c}.thumb-stage{display:grid;gap:.75rem}.thumb-dialog video{width:100%;max-height:48vh;background:#120e0c;border-radius:12px}.thumb-actions{display:flex;flex-wrap:wrap;gap:.45rem}.thumb-current{width:120px;aspect-ratio:4 / 5;object-fit:cover;border-radius:12px;background:var(--paper-deep)}@media(max-width:800px){.auth-screen,.editor,.form-grid{grid-template-columns:1fr}.auth-copy{min-height:42vh}.topbar,.page-head{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.drifting{animation:none}}