:root{color-scheme:dark;--bg:#09070d;--surface:#160e17;--surface2:#201420;--border:#633341;--ink:#fbeff2;--muted:#bdacb5;--accent:#ef3c60;--accent2:#ff7b91;--blue:#5f8dff;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 85% 0%,#451523 0,transparent 42%),radial-gradient(ellipse at 5% 70%,#15203a 0,transparent 38%),var(--bg);color:var(--ink)}
a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;padding:8px;background:#fff;color:#000}.skip:focus{left:12px;z-index:100}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;max-width:1500px;padding:16px 4%;margin:auto;border-bottom:1px solid #ffffff18}.brand{text-decoration:none;font-weight:900;letter-spacing:.14em;color:#fff}.brand span{display:inline-block;color:var(--accent2);letter-spacing:.05em;font-size:.7em}.topbar nav{display:flex;gap:18px;flex-wrap:wrap}.topbar nav a{text-decoration:none;font-size:.92rem;color:#ded3dc}.topbar nav a:hover{color:#fff}.languages{display:flex;border:1px solid var(--border);border-radius:999px;padding:2px}.languages button{border:0;background:transparent;color:#ddd6e0;min-height:36px;min-width:40px;border-radius:999px}.languages button[aria-pressed=true]{background:var(--accent);color:white}
main{width:min(1500px,100%);margin:0 auto;padding:0 4% 50px}.intro{padding:clamp(28px,6vw,72px) 0 36px;max-width:1050px}.eyebrow{color:var(--accent2);font-weight:800;letter-spacing:.2em;font-size:.72rem}.intro h1{font:700 clamp(2.05rem,5vw,4.7rem)/1.07 Georgia,"Times New Roman",serif;letter-spacing:-.03em;margin:16px 0}.intro p:not(.eyebrow){max-width:780px;color:#dacdd5;font-size:1.05rem}.intro-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.intro-tags span{border:1px solid #ee536c55;background:#39192688;padding:7px 12px;border-radius:999px;color:#ffb8c4;font-size:.72rem;letter-spacing:.09em;font-weight:800}
.workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start}.panel{background:linear-gradient(165deg,#22131edf,#110e17ee);border:1px solid #8f46525e;border-radius:20px;padding:clamp(16px,2.5vw,30px);box-shadow:0 20px 70px #0004;min-width:0}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.panel-head h2{font-size:clamp(1.12rem,2vw,1.5rem);margin:0}.step{display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent2);border-radius:50%;width:36px;height:36px;flex:none;font-size:.8rem;font-weight:700}
.controls label,.audio-grid label{display:block;margin:16px 0 8px;color:#fbe2e8;font-weight:600;font-size:.91rem}.controls label span,.audio-grid label span{display:block;margin-bottom:7px}textarea,select,input:not([type=checkbox]):not([type=file]){width:100%;background:#0f0e17;border:1px solid #70505d;color:#fff;border-radius:9px;padding:12px;min-height:45px}textarea{resize:vertical;min-height:110px;max-height:300px}input[type=file]{display:block;max-width:100%;color:var(--muted);margin:9px 0;padding:10px;border:1px dashed var(--border);border-radius:12px;width:100%}input[type=file]::file-selector-button{padding:9px;border:1px solid var(--accent);background:#351724;color:white;border-radius:8px;cursor:pointer;margin-right:10px}
.row{display:grid;gap:14px}.row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-switch button,.actions button,.download,.file-label{border:1px solid #9c435a88;border-radius:11px;background:#2a1726;color:#ffedf2;font-size:.87rem;padding:10px}.mode-switch button.selected{border-color:#fb6382;background:linear-gradient(115deg,#b62647,#5a2446);box-shadow:0 0 0 1px #f66d87}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.actions button,.download{flex:1 1 160px;font-weight:750;text-align:center;text-decoration:none}.actions .accent,.download{background:linear-gradient(100deg,#c6274a,#f24f74);color:#fff;border-color:#fa607b}.actions button:not(:disabled):hover,.download:hover,.mode-switch button:hover{filter:brightness(1.14)}.check{display:flex!important;align-items:flex-start;gap:12px;line-height:1.5;font-weight:400!important;padding:10px;border:1px solid #724659;border-radius:12px}.check input{margin-top:4px;width:22px;height:22px;flex:none;accent-color:var(--accent)}.check span{display:inline!important;margin:0!important}
.status{padding:13px 14px;background:#0e1620;border:1px solid #3e5e7d;border-radius:10px;color:#c8ddff;font-size:.85rem;margin:12px 0}.notice{color:var(--muted);font-size:.82rem;line-height:1.6;margin:12px 0 0}.subtle{color:var(--muted);font-size:.84rem}.storyboard{display:grid;gap:8px}.storyboard article{border:1px solid #58374f;padding:12px;border-radius:10px;background:#241728}.storyboard article p{font-size:.85rem;margin:6px 0}.storyboard article small{color:var(--accent2)}
.preview-panel{position:sticky;top:16px}.preview-frame{position:relative;display:grid;place-items:center;background:linear-gradient(155deg,#351524,#0a0a12 56%,#142040);border:1px solid #633647;border-radius:16px;overflow:hidden;width:min(100%,420px);margin:0 auto;aspect-ratio:9/16;max-height:650px}.preview-frame.wide{aspect-ratio:16/9;width:100%;max-height:500px}.preview-frame.square{aspect-ratio:1;max-height:550px}.preview-frame video,.preview-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#09080f}.preview-frame [hidden]{display:none!important}#preview-placeholder{text-align:center;padding:20px;color:#d7aebc;font-size:.93rem}#preview-placeholder span{font-size:4rem;text-shadow:0 0 30px #d9385b}
.timeline-panel,.audio-panel{margin-top:22px}.timeline{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:8px 3px 16px;min-height:95px}.timeline .empty{color:var(--muted);margin:8px}.clip{scroll-snap-align:start;flex:0 0 220px;background:#1a1521;border:1px solid #784858;border-radius:13px;padding:12px}.clip header{display:flex;align-items:center;gap:8px}.clip .num{color:#ff7c98;font-weight:900}.clip strong{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip .clip-controls{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.clip button{background:#351b2c;color:#fff;border:1px solid #8e4861;border-radius:7px;padding:5px 9px;min-height:36px}.clip button:disabled{opacity:.4}.clip label{font-size:.78rem;display:flex;align-items:center;gap:8px}.clip input{min-height:34px!important;padding:5px!important;width:65px!important}.clip .duration-tag{font-size:.7rem;color:var(--muted);margin-top:6px}.file-label{display:inline-block;cursor:pointer}.file-label input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.file-label:focus-within{outline:2px solid var(--blue)}
.audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}.audio-grid label{align-self:start}progress{width:100%;accent-color:var(--accent);height:15px}.download{display:inline-block}footer{border-top:1px solid #64404a55;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:auto;padding:22px 4%;max-width:1500px;font-size:.82rem;color:#b0a2ad}footer a{text-decoration:none;color:#eab4c1}footer a:hover{text-decoration:underline}
.final-preview{width:min(100%,640px);display:block;max-height:520px;background:#06060b;border:1px solid #693849;border-radius:14px;margin:18px auto;object-fit:contain}.final-preview[hidden]{display:none!important}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.preview-panel{position:relative;top:auto}.preview-frame{max-height:480px}.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center;padding:4px 0}.intro{padding-top:26px}}
@media(max-width:560px){main{padding:0 14px 35px}.topbar{padding:12px 14px}.topbar nav{gap:12px}.intro-tags{gap:6px}.intro-tags span{font-size:.63rem;padding:6px 8px}.panel{padding:16px;border-radius:15px}.row.two,.audio-grid{grid-template-columns:1fr}.mode-switch{grid-template-columns:1fr 1fr}.mode-switch button{font-size:.76rem;min-height:48px}.actions button,.download{flex:1 1 100%;width:100%}.preview-frame{max-height:440px}.clip{flex-basis:190px}footer{padding:22px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}