:root{--bg-0:#0c0c0d;--bg-1:#121214;--bg-2:#18181b;--bg-3:#1f1f23;--bg-4:#27272c;--border:#2e2e34;--border-strong:#3c3c44;--text:#d6d6da;--text-dim:#8b8b93;--text-faint:#5a5a62;--accent:#d8b24b;--accent-dim:#8a7330;--play:#4bc86b;--rec:#d84b4b;--meter-low:#3e9e55;--meter-mid:#c8b04b;--meter-hot:#d84b4b;--grid-line:#222226;--grid-bar:#303036;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:12px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;border-radius:0!important}html,body,#root{background:var(--bg-0);height:100%;color:var(--text);overflow:hidden}button{background:var(--bg-3);color:var(--text);border:1px solid var(--border);font:inherit;cursor:pointer;padding:3px 8px;font-size:11px;line-height:1.3}button:hover{background:var(--bg-4);border-color:var(--border-strong)}button:active{background:var(--bg-2)}button.active{background:var(--accent-dim);color:#fff;border-color:var(--accent)}button.danger.active{border-color:var(--rec);background:#7a2e2e}button:disabled{opacity:.4;cursor:default}input,select{background:var(--bg-1);color:var(--text);border:1px solid var(--border);font:inherit;padding:2px 5px;font-size:11px}input:focus,select:focus{outline:1px solid var(--accent-dim)}input[type=range]{accent-color:var(--accent);padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4);border:1px solid var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app{flex-direction:column;height:100%;display:flex}.panel{background:var(--bg-1);border:1px solid var(--border)}.panel-header{background:var(--bg-2);border-bottom:1px solid var(--border);height:26px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;padding:0 8px;font-size:11px;display:flex}.row{align-items:center;gap:6px;display:flex}.col{flex-direction:column;gap:6px;display:flex}.spacer{flex:1}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.mono{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Consolas,monospace}.label-xs{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:9px}.status-bar{background:var(--bg-2);border-top:1px solid var(--border);height:22px;color:var(--text-dim);align-items:center;gap:12px;padding:0 10px;font-size:10px;display:flex}