:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141416;--panel:#1d1d21;--raised:#2a2a30;--border:#33333a;--text:#ececef;--muted:#9c9ca6;--accent:#ff9f0a;--accent-soft:#ff9f0a33;--fader:#4aa3ff;--mute:#ffd60a;--solo:#5ac8fa;--clip:#ff453a;--focus:#7cc4ff;--meter:linear-gradient(to top, #30d158 0%, #30d158 64%, #ffd60a 82%, #ff453a 92%)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:13px/1.45 ui-sans-serif,system-ui,sans-serif}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{gap:16px;max-width:1080px;margin:0 auto;padding:24px 16px 48px;display:grid}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}h1{margin:0 0 4px;font-size:20px}h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:600}.header p{max-width:560px;color:var(--muted);margin:0}.docs-link{color:var(--accent);margin-top:6px;display:inline-block}.settings{gap:12px;display:flex}.settings label{color:var(--muted);gap:4px;font-size:11px;display:grid}select{border:1px solid var(--border);background:var(--raised);color:var(--text);font:inherit;border-radius:4px;padding:4px 6px}.panel{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:16px}.control-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none;font-size:10px}.control-value{min-width:5.5em;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;font:11px/1.2 ui-monospace,monospace}.transport{align-items:center;gap:16px;display:flex}.play{border:1px solid var(--border);background:var(--raised);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;font-size:16px;display:grid}.play[data-pressed]{border-color:var(--accent);background:var(--accent);color:#1d1d21}.number-box{gap:4px;display:grid}.number-box-field{border:1px solid var(--border);background:var(--raised);min-width:110px;color:var(--text);font-variant-numeric:tabular-nums;cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:4px;padding:6px 10px;font:15px/1.2 ui-monospace,monospace}.number-box-field[data-dragging]{border-color:var(--accent)}.number-box-field[data-editing]{cursor:text;width:110px}.sequencer-panel{overflow-x:auto}.sequencer{gap:6px;width:max-content;display:grid}.sequencer-row{align-items:center;gap:4px;display:flex}.sequencer-name{width:88px;color:var(--muted)}.step{border:1px solid var(--border);background:var(--raised);cursor:pointer;border-radius:4px;width:30px;height:30px;padding:0}.step[data-beat]:not(:nth-child(2)){margin-inline-start:6px}.step[data-beat]{background:#33333b}.step[data-pressed]{border-color:var(--accent);background:var(--accent)}.step[data-current]{box-shadow:0 0 0 2px var(--text) inset}.sequencer[data-painting=off] .step:hover{background:var(--raised)}.mixer{flex-wrap:wrap;gap:8px;display:flex}.strip{border:1px solid var(--border);background:#19191c;border-radius:6px;align-content:start;justify-items:center;gap:10px;width:92px;padding:10px 6px;display:grid}.strip.master{grid-template-columns:1fr 1fr;width:184px}.strip.master .strip-name,.strip.master .strip-levels{grid-column:1/-1}.strip-name{font-weight:600}.strip-buttons{gap:6px;display:flex}.strip-toggle{border:1px solid var(--border);background:var(--raised);width:30px;height:22px;color:var(--muted);cursor:pointer;border-radius:4px;padding:0;font:600 11px/1 ui-sans-serif,system-ui,sans-serif}.strip-toggle.mute[data-pressed]{border-color:var(--mute);background:var(--mute);color:#1d1d21}.strip-toggle.solo[data-pressed]{border-color:var(--solo);background:var(--solo);color:#1d1d21}.strip-levels{justify-content:center;gap:10px;display:flex}.knob{justify-items:center;gap:4px;display:grid}.knob-control{cursor:ns-resize;touch-action:none;border-radius:50%;width:46px;height:46px}.knob-control svg{width:100%;height:100%;display:block;overflow:visible}.knob-track,.knob-range{stroke-width:9px;stroke-linecap:round}.knob-track{stroke:var(--raised)}.knob-range{stroke:var(--accent)}.knob-pointer{stroke:var(--text);stroke-width:7px;stroke-linecap:round}.knob[data-dragging] .knob-range{stroke:#ffb340}.fader{justify-items:center;gap:6px;display:grid}.fader-control{cursor:ns-resize;padding:8px 26px 8px 12px}.fader-track{background:var(--raised);border-radius:2px;width:4px;height:170px}.fader-range{background:var(--fader);border-radius:2px;width:100%}.fader-range[data-zone=hot]{background:var(--clip)}.fader-thumb{background:linear-gradient(#f4f4f6,#b9b9c0);border:1px solid #0006;border-radius:3px;width:24px;height:12px;margin-inline-start:-10px;box-shadow:0 1px 3px #0008}.fader[data-dragging] .fader-range[data-zone=hot]{background:var(--clip)}.fader-tick[data-zone=hot]{color:var(--clip)}.fader-thumb{background:linear-gradient(#fff,#d6d6dc)}.fader-tick{color:var(--muted);pointer-events:none;font:9px/1 ui-monospace,monospace;inset-inline-start:18px}.meter{justify-items:center;gap:4px;padding-top:8px;display:grid}.meter-clip{background:var(--raised);cursor:pointer;border:0;border-radius:2px;width:8px;height:6px;padding:0}.meter-clip[data-clipped]{background:var(--clip)}.meter-track{background:#0f0f11;border-radius:2px;width:8px;height:170px;overflow:hidden}.meter-bar{background:var(--meter)}.meter-peak{background:var(--text);width:100%;height:2px}.meter:not([data-active]) .meter-peak{display:none}.hints ul{color:var(--muted);margin:0;padding-inline-start:18px}.hints li+li{margin-top:4px}