:root{--bg:#07090f;--panel:#0e121c;--panel-2:#141a28;--border:#212838;--text:#e6e9f0;--muted:#8b93a7;--primary:#6ee7b7;--primary-dim:#2b6b57;--accent:#a78bfa;--accent-2:#f472b6;--warn:#fbbf24;--radius:14px;--shadow:0 10px 40px rgba(0,0,0,.45)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,#14243a 0,var(--bg) 55%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit;cursor:pointer}.app{max-width:1120px;margin:0 auto;padding:28px 24px 80px}.topbar{justify-content:space-between;margin-bottom:24px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#04120c;font-weight:900;font-size:18px}.brand h1{font-size:18px;margin:0;letter-spacing:-.3px}.brand span{font-size:12px}.brand span,.pill{color:var(--muted)}.pill{font-size:11px;border:1px solid var(--border);padding:5px 10px;border-radius:999px}.stepper{display:flex;gap:8px;margin:8px 0 28px;flex-wrap:wrap}.step{flex:1 1;min-width:150px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--muted);font-size:13px;transition:.2s}.step .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--panel-2);color:var(--muted);border:1px solid var(--border);flex:none}.step.active{border-color:var(--primary-dim);color:var(--text);background:#0f1a19}.step.active .num{background:var(--primary);color:#04120c;border-color:var(--primary)}.step.done .num{background:var(--primary-dim);color:#d9fff1;border-color:var(--primary-dim)}.step.done{color:var(--text)}.step:disabled{opacity:.5}.step.active:disabled{opacity:1}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.panel h2{margin:0 0 4px;font-size:20px;letter-spacing:-.4px}.panel .sub{color:var(--muted);font-size:13px;margin-bottom:20px}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;transition:.15s}.btn:hover{border-color:#3a445c}.btn.primary{background:linear-gradient(135deg,var(--primary),#34d399);color:#04120c;border:none}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.row{display:flex;gap:12px;align-items:center}.spacer{flex:1 1}.drop{border:1.5px dashed #2c3448;border-radius:16px;padding:48px;text-align:center;background:repeating-linear-gradient(45deg,#0c1018,#0c1018 12px,#0d121c 0,#0d121c 24px);transition:.2s}.drop:hover{border-color:var(--primary-dim)}.drop .big{font-size:40px;margin-bottom:10px}.drop .fn{font-weight:700;margin-top:6px}.jobs{display:grid;grid-gap:14px;gap:14px;margin-top:22px}.job{display:flex;align-items:center;gap:14px}.job .label{width:210px;font-size:13px;color:var(--muted)}.bar{flex:1 1;height:8px;background:var(--panel-2);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .2s}.job .pct{width:44px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13px}.mode-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;margin-bottom:18px}.mode-tab{border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:600;padding:8px 16px;border-radius:7px;transition:.15s}.mode-tab.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.3)}.link-box{display:flex;flex-wrap:wrap;gap:10px}.link-input{flex:1 1;min-width:260px;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:13px 15px;font-size:14px;outline:none}.link-input:focus{border-color:var(--primary-dim)}.upload-error{color:var(--accent-2);font-size:12px;margin-top:14px}.upload-done{display:grid;grid-gap:14px;gap:14px}.upload-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-meta .ok{color:var(--primary);font-weight:700;font-size:14px}.upload-meta .fn{font-weight:600}.url-box{display:flex;align-items:center;gap:12px;background:#0a0d15;border:1px solid var(--border);border-radius:10px;padding:12px 14px;overflow:hidden}.url-box .url-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);flex:none}.url-box code{font-size:12px;color:var(--primary);overflow-x:auto;white-space:nowrap}.script{display:grid;grid-gap:8px;gap:8px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.seg{display:grid;grid-template-columns:76px 1fr;grid-gap:14px;gap:14px;align-items:start;padding:10px 12px;border-radius:10px;border:1px solid transparent;transition:.15s}.seg:hover{background:var(--panel-2)}.seg .ts{color:var(--primary);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:2px;cursor:pointer}.seg .tx{font-size:15px;line-height:1.55}.seg.hl{background:#1c1636;border-color:#3b2d66}.seg.hl .ts{color:var(--accent)}mark{background:linear-gradient(180deg,transparent 55%,rgba(167,139,250,.45) 0);color:inherit;padding:0 1px;border-radius:2px}.hint{font-size:12px;color:var(--muted);margin-top:16px;display:flex;align-items:center;gap:8px}.kbd{border:1px solid var(--border);background:var(--panel-2);border-radius:6px;padding:1px 7px;font-size:11px}.hlist{display:grid;grid-gap:10px;gap:10px}.hitem{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.hitem .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.hitem .ht{flex:1 1;font-size:14px}.hitem .hts{font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hitem .modeswitch{display:inline-flex;gap:3px;padding:3px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.hitem .ms{border:none;background:transparent;color:var(--muted);font-size:11px;font-weight:600;padding:5px 10px;border-radius:6px}.hitem .ms.on{background:var(--accent);color:#12081f}.stage-frame.checker{background-color:#0a0d15;background-image:linear-gradient(45deg,#161b28 25%,transparent 0),linear-gradient(-45deg,#161b28 25%,transparent 0),linear-gradient(45deg,transparent 75%,#161b28 0),linear-gradient(-45deg,transparent 75%,#161b28 0);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.hitem .x{border:none;background:transparent;color:var(--muted);font-size:16px}.hitem .x:hover{color:var(--accent-2)}.specgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:760px){.specgrid{grid-template-columns:1fr}}.spec{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel-2)}.spec .preview{padding:26px;min-height:150px;display:grid;place-items:center;text-align:center;position:relative}.spec .body{padding:16px;display:grid;grid-gap:12px;gap:12px}.spec .intent{font-size:13px;color:var(--text);font-weight:600}.swatches{display:flex;gap:8px}.sw{width:26px;height:26px;border-radius:7px;border:1px solid hsla(0,0%,100%,.12)}.meta{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:11px;border:1px solid var(--border);padding:3px 9px;border-radius:999px}.rationale,.tag{color:var(--muted)}.rationale{font-size:12px;line-height:1.5}.claude-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--accent);border:1px solid #3b2d66;background:#17122b;padding:4px 10px;border-radius:999px}.stage-frame{border:1px solid var(--border);border-radius:14px;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;position:relative}.remotion-tag{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:rgba(0,0,0,.4);padding:4px 8px;border-radius:6px}.playbar{display:flex;align-items:center;gap:12px;margin-top:14px}.playbar .bar{height:6px}.anim-big{font-weight:900;letter-spacing:-2px;animation:pop 2.2s ease-out infinite}.anim-quote{font-weight:800;letter-spacing:-1px;line-height:1.3;animation:fadeup 2.6s ease-out infinite;max-width:80%}@keyframes pop{0%{transform:scale(.4);opacity:0}25%{transform:scale(1.06);opacity:1}60%{transform:scale(1)}to{transform:scale(1);opacity:1}}@keyframes fadeup{0%{transform:translateY(24px);opacity:0}30%{transform:translateY(0);opacity:1}to{opacity:1}}.analysis-progress{display:grid;grid-gap:14px;gap:14px}.analysis-progress .bar{height:10px}.an-prog{display:grid;grid-gap:14px;gap:14px}.an-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.an-title{font-size:15px;font-weight:700}.an-count{font-size:13px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.an-clock{color:var(--primary)}.seg-track{display:flex;gap:5px}.seg-cell{flex:1 1;height:12px;border-radius:5px;background:var(--panel-2);overflow:hidden;position:relative}.seg-cell.done{background:linear-gradient(90deg,var(--primary),var(--accent))}.seg-cell.active{background:#1a2233}.seg-cell.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(167,139,250,.75),transparent);animation:shimmer 1.15s linear infinite}.seg-cell.pending{opacity:.45}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.an-activity{font-size:13px;color:var(--text)}.step-rows{display:grid;grid-gap:7px;gap:7px}.step-row{display:grid;grid-template-columns:18px 66px 1fr;grid-gap:10px;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.step-row.done{color:var(--text)}.step-row.active .st-ic{color:var(--accent);animation:spin 1.4s linear infinite;display:inline-block}.step-row .st-ts,.step-row.done .st-ic{color:var(--primary)}.step-row .st-ts{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.85}.step-row .st-quote{color:var(--muted);opacity:.6;font-style:normal}.step-row.pending{opacity:.6}@keyframes spin{to{transform:rotate(1turn)}}.proof{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;margin-bottom:18px;border:1px solid #2b6b57;background:#0f1a19;border-radius:10px}.proof-ok{color:var(--primary);font-weight:700;font-size:13px}.proof-detail{color:var(--muted);font-size:12px}.clipcard{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--panel-2)}.clipcard .stage-frame{aspect-ratio:16/9}.refine-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:var(--accent);font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.refine{margin-top:12px;display:grid;grid-gap:10px;gap:10px}.refine-input{display:flex;gap:8px}.refine-input input{flex:1 1;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:10px 12px;font-size:13px;outline:none}.refine-input input:focus{border-color:var(--accent)}.refine-input .btn{padding:10px 14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:11px;color:var(--muted);border:1px solid var(--border);background:var(--panel);padding:5px 10px;border-radius:999px;transition:.15s}.chip:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.chip:disabled{opacity:.4;cursor:not-allowed}.versions{display:flex;flex-wrap:wrap;gap:6px}.vtag{font-size:10px;color:var(--muted);border:1px solid var(--border);padding:3px 8px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vtag.on{color:var(--accent);border-color:#3b2d66;background:#17122b}button.vtag{background:transparent}button.vtag:hover:not(:disabled){border-color:#3b2d66;color:var(--text)}button.vtag:disabled{cursor:not-allowed;opacity:.6}.tl{border:1px solid var(--border);border-radius:12px;background:var(--panel-2);padding:18px}.tl,.tl-track{position:relative}.tl-track{height:56px;background:var(--panel);border-radius:8px;margin-top:10px;overflow:hidden}.tl-clip{position:absolute;top:8px;height:40px;border-radius:7px;display:grid;place-items:center;font-size:11px;color:#04120c;font-weight:700;overflow:hidden;padding:0 8px;white-space:nowrap}.tl-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px}.scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-top:18px}.scene-thumb{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#07090f}.scene-thumb video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.scene-thumb-meta{font-size:11px;color:var(--muted);padding:6px 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.export{margin-top:18px}pre.json{background:#0a0d15;border:1px solid var(--border);border-radius:10px;padding:16px;overflow:auto;font-size:12px;line-height:1.5;color:#b7c0d6}.footnote{color:var(--muted);font-size:12px;margin-top:24px;text-align:center}.scene-warnings{margin:0;padding:8px 12px 10px 26px;list-style:disc;font-size:11px;line-height:1.45;color:var(--accent-2);border-top:1px solid hsla(0,0%,100%,.07)}.scene-warnings li+li{margin-top:4px}