:root{--bg:#0d0f14;--panel:#151922;--panel2:#1c2130;--line:#2a3142;--text:#e6e9f2;--muted:#9aa3b8;--accent:#7c6cff;--accent2:#22c3a6;--warn:#f2b84b;--bad:#ff5d6c;--ok:#3ccf8e;--demo:#f2b84b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 Segoe UI,system-ui,-apple-system,Roboto,sans-serif}a{color:var(--accent2)}.app{grid-template-columns:236px 1fr;height:100%;display:grid}.side{border-right:1px solid var(--line);background:#0a0c10;padding:16px 10px;overflow:auto}.brand{letter-spacing:.3px;padding:4px 10px 14px;font-size:16px;font-weight:700}.brand span{color:var(--accent)}.nav-group{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:14px 10px 6px;font-size:11px}.nav button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:14px;display:block}.nav button:hover{background:var(--panel)}.nav button.active{background:var(--panel2);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.nav button:disabled{color:#555d70;cursor:not-allowed}.main{padding:22px 28px 60px;overflow:auto}.topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.topbar h1{flex:1;margin:0;font-size:22px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}.card h2{margin:0 0 12px;font-size:15px}.card h3{color:#cfd5e6;margin:10px 0 6px;font-size:14px}.grid{gap:14px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app{grid-template-columns:1fr}.side{display:none}.g2,.g3,.g4{grid-template-columns:1fr}}.stat{background:var(--panel2);border-radius:10px;padding:12px}.stat .v{font-size:22px;font-weight:700}.stat .l{color:var(--muted);font-size:12px}label{color:var(--muted);margin:8px 0 4px;font-size:12px;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#0f131b;border-radius:8px;padding:8px 10px}textarea{resize:vertical;min-height:80px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px}input[type=checkbox]{width:auto}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sec{background:var(--panel2);border:1px solid var(--line);color:var(--text)}.btn.ghost{border:1px solid var(--line);color:var(--text);background:0 0}.btn.danger{color:#ffb3bb;background:#3a1820;border:1px solid #6b2a35}.btn.small{padding:4px 9px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.badge{background:var(--panel2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-block}.b-ok,.b-done,.b-pass,.b-generated,.b-approved{color:var(--ok);background:#12332a;border-color:#1d5442}.b-warn,.b-needs_review,.b-review,.b-unknown,.b-waiting_provider{color:var(--warn);background:#3a2e12;border-color:#5e4a1b}.b-fail,.b-failed{color:var(--bad);background:#3a1820;border-color:#6b2a35}.b-running,.b-generating,.b-queued{color:#b5adff;background:#1e1b4b;border-color:#3d3590}.b-demo{color:var(--demo);background:#3a2e12;border-color:#5e4a1b}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:7px 8px}th{color:var(--muted);font-size:12px;font-weight:600}.alert{border:1px solid;border-radius:10px;margin-bottom:14px;padding:10px 14px}.alert.err{color:#ffc1c8;background:#2a1218;border-color:#6b2a35}.alert.warn{color:#ffe0a3;background:#2a2312;border-color:#5e4a1b}.alert.info{color:#bfe0ff;background:#121e2a;border-color:#1f3f5e}.alert.ok{color:#b6f0d5;background:#102a20;border-color:#1d5442}video{background:#000;border-radius:8px;width:100%;max-height:70vh}.frames{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.frames figure{margin:0}.frames img{border-radius:6px;width:100%;display:block}.frames figcaption{color:var(--muted);font-size:11px}.scene{border:1px solid var(--line);background:var(--panel2);border-radius:12px;margin-bottom:12px;padding:12px}.scene.locked{border-color:#1d5442}.scene-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scene-head .code{color:var(--accent);font-weight:700}.shots{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:10px;display:grid}.shot{border:1px solid var(--line);background:#11151e;border-radius:10px;padding:8px}.shot video{max-height:220px}.thumbph{height:140px;color:var(--muted);background:#0b0e14;border-radius:8px;place-items:center;font-size:12px;display:grid}.timeline{border:1px solid var(--line);border-radius:8px;height:34px;margin-top:10px;display:flex;overflow:hidden}.timeline div{cursor:pointer;white-space:nowrap;border-right:1px solid #000;justify-content:center;align-items:center;font-size:11px;display:flex;overflow:hidden}.timeline div:hover{filter:brightness(1.3)}pre{border:1px solid var(--line);background:#0b0e14;border-radius:8px;max-height:420px;padding:10px;font-size:12px;overflow:auto}.kv{grid-template-columns:160px 1fr;gap:4px 12px;font-size:13px;display:grid}.kv div:nth-child(odd){color:var(--muted)}details summary{cursor:pointer;color:var(--muted)}.toast{background:var(--panel2);border:1px solid var(--line);z-index:50;border-radius:10px;max-width:420px;padding:10px 16px;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 30px #0008}