:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08141d;--panel:#0a1e2bdb;--panel-border:#a8deff29;--text:#ebf5fb;--muted:#9fb7c4;--accent:#58ffc9;--accent-2:#ffc457;--danger:#ff8e6e;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#58ffc92e,#0000 32%),radial-gradient(circle at 80% 20%,#ffc45724,#0000 26%),linear-gradient(160deg,#061018 0%,#071820 54%,#0b2534 100%);margin:0}.app{width:min(1400px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-size:12px}h1{max-width:760px;margin:0;font-size:clamp(32px,5vw,56px);line-height:.98}.lede{max-width:760px;color:var(--muted);margin:14px 0 0;font-size:18px;line-height:1.5}.workspace{grid-template-columns:340px minmax(0,1fr);gap:20px;display:grid}.panel,.stage{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 16px 50px #00000047}.controls{border-radius:24px;padding:18px}.controls h2,.controls h3{margin:0 0 14px}.control,.toggle{color:var(--text);flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.toggle{flex-direction:row;align-items:center}input[type=file],input[type=range]{width:100%}input[type=file]{color:var(--text);background:#ffffff0d;border:1px dashed #ebf5fb33;border-radius:14px;padding:11px 12px}input[type=range]{accent-color:var(--accent)}.control small{color:var(--muted);font-size:12px;line-height:1.35}.debug-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.debug-grid-fallback{grid-template-columns:1fr}.control-compact{background:#ffffff0b;border-radius:14px;gap:6px;margin-bottom:0;padding:10px 12px}.control-compact span{font-size:13px;font-weight:700}.control-compact input[type=range]{margin-top:2px}.primary{color:#052030;background:linear-gradient(135deg, var(--accent) 0%, #b8fff0 100%);cursor:pointer;border:0;border-radius:999px;min-width:220px;padding:15px 18px;font-size:16px;font-weight:700}.status-block{border-top:1px solid #ebf5fb1a;margin-top:24px;padding-top:18px}.status-block p{color:var(--muted);margin:0;line-height:1.5}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin:0;display:grid}.metrics div{background:#ffffff0d;border-radius:14px;padding:10px 12px}.metrics dt{color:var(--muted);margin-bottom:6px;font-size:13px}.metrics dd{margin:0;font-size:18px;font-weight:700}.metrics-compact dd{font-size:14px;line-height:1.35}.stage-shell{min-width:0}.stage{border-radius:32px;width:100%;min-height:520px;position:relative;overflow:hidden}.stage video,.stage canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(-1)}video{z-index:0;background:#02080d}.three-overlay{z-index:1;pointer-events:none}#overlay{z-index:2;pointer-events:none}.empty-state{z-index:3;color:var(--muted);text-align:center;background:linear-gradient(#08141d26,#08141da6),repeating-linear-gradient(135deg,#0000,#0000 18px,#ffffff08 18px 36px);place-items:center;padding:24px;display:grid;position:absolute;inset:0}@media (width<=980px){.app{width:min(100vw - 24px,1200px)}.hero{flex-direction:column;align-items:stretch}.workspace,.debug-grid{grid-template-columns:1fr}.stage{min-height:420px}}