:root{color-scheme:dark;--bg: #050505;--panel: #0d0d0d;--panel-2: #141414;--border: rgba(255, 77, 109, .28);--text: #ffffff;--muted: rgba(255, 255, 255, .65);--coral: #ff4d6d;--coral-dim: #ff859b;--mint: #ff4d6d;--mint-dim: rgba(255, 77, 109, .16);--danger: #ff3366;--warn: #ffaa00;--alert-amber: #ffaa00;--phosphor-green: #00ff41;--terminal-cyan: #00f0ff;--font-mono: "Space Mono", "Courier New", Courier, monospace;--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;font-family:var(--font-sans)}*{box-sizing:border-box}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:99}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 20% -10%,rgba(255,77,109,.14) 0%,transparent 60%),radial-gradient(ellipse at 80% 90%,rgba(0,240,255,.05) 0%,transparent 60%),var(--bg);color:var(--text)}body{min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:20px 16px 40px}.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.top h1{margin:0;font-size:1.45rem;letter-spacing:.04em;color:var(--coral);text-shadow:0 0 16px rgba(255,77,109,.4)}.top p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.78rem;font-family:var(--font-mono)}.badge strong{color:var(--coral);font-weight:600}.layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:16px;align-items:start}@media(max-width:900px){.layout{grid-template-columns:1fr}.stage-wrap{position:static}}.panel{background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--border);border-radius:16px;padding:14px}.panel h2{margin:12px 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--coral-dim);font-family:var(--font-mono)}.panel h2:first-child{margin-top:0}.stack{display:flex;flex-direction:column;gap:10px}label.field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted)}label.field.check{flex-direction:row;align-items:center;gap:8px}input[type=text],input[type=search],select{width:100%;border-radius:10px;border:1px solid var(--border);background:#0000008c;color:var(--text);padding:10px 12px;font:inherit;color-scheme:dark;font-family:var(--font-sans)}select option,select optgroup{background-color:#0d0d0d;color:#fff}select:focus,input[type=search]:focus,input[type=text]:focus{outline:none;border-color:var(--coral);box-shadow:0 0 10px #ff4d6d40}select:disabled,select option:disabled{color:var(--muted);background-color:#0d0d0d}input[type=file]{width:100%;font-size:.82rem;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--coral)}.row{display:flex;flex-wrap:wrap;gap:8px}button,.btn{appearance:none;border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;font-size:.9rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}button:hover:not(:disabled){border-color:#ff4d6d80;background:var(--mint-dim)}button.primary{background:linear-gradient(180deg,#ff4d6d59,#ff4d6d29);border-color:#ff4d6d8c;color:#fff;font-weight:600;box-shadow:0 0 16px #ff4d6d33}button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ff4d6d80,#ff4d6d40);border-color:var(--coral)}button.danger{border-color:#ff336673;color:#ffd0d5}button:disabled{opacity:.45;cursor:not-allowed}.track-list{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:12px}.track-list li button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:10px 12px}.track-list li button:hover{background:#ff4d6d14}.track-list li:last-child button{border-bottom:0}.track-list .t{display:block;color:var(--text);font-size:.9rem}.track-list .a{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.stage-wrap{position:sticky;top:16px;align-self:start}.stage{position:relative;width:100%;aspect-ratio:var(--stage-ar, 16 / 9);max-height:min(70vh,720px);margin-inline:auto;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#050505}.stage canvas{width:100%;height:100%;display:block;object-fit:contain}.meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:.85rem;font-family:var(--font-mono)}.meta strong{color:var(--text);font-weight:600}.rec-meta{color:#ff4d6d}.rec-meta.hidden{display:none}.progress{margin-top:10px;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--coral-dim),var(--coral));transition:width .12s linear}.status{margin-top:10px;min-height:1.3em;color:var(--muted);font-size:.88rem;font-family:var(--font-mono)}.status.error{color:var(--danger)}.status.warn{color:var(--warn)}.hint{margin:8px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.hotkeys{opacity:.85}