:root{color:#f3f4f6;background:#121416;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-width:320px;min-height:100%;background:#121416}body{min-height:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button.svelte-1n46o8q{font:inherit}.workspace.svelte-1n46o8q{min-height:100vh;overflow-x:auto;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(#1f2428,#121416);background-size:28px 28px,auto;color:#f3f4f6;padding:24px}.rack.svelte-1n46o8q{width:min(1180px,calc(100vw - 48px));min-width:920px;margin:0 auto;border:1px solid #08090a;background:#0f1113;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff14}.rack-panel.svelte-1n46o8q{position:relative;padding:26px 32px 30px;border:1px solid #2d3338;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42px),#24292d}.rack-panel.svelte-1n46o8q+.rack-panel:where(.svelte-1n46o8q){border-top:8px solid #0b0d0e}.sequencer-panel.svelte-1n46o8q{min-height:300px}.synth-panel.svelte-1n46o8q{min-height:260px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42px),#20252a}.screw.svelte-1n46o8q{position:absolute;width:14px;height:14px;border-radius:50%;border:1px solid #6d747b;background:linear-gradient(90deg,transparent 44%,#111 44% 56%,transparent 56%),radial-gradient(circle at 35% 30%,#d6d9dc,#555d64 48%,#171a1d 72%);box-shadow:0 1px #ffffff38}.screw-tl.svelte-1n46o8q{top:12px;left:12px}.screw-tr.svelte-1n46o8q{top:12px;right:12px}.screw-bl.svelte-1n46o8q{bottom:12px;left:12px}.screw-br.svelte-1n46o8q{right:12px;bottom:12px}.panel-header.svelte-1n46o8q,.sequencer-layout.svelte-1n46o8q,.synth-layout.svelte-1n46o8q{display:flex;gap:24px;align-items:flex-start}.panel-header.svelte-1n46o8q{justify-content:space-between;margin-bottom:24px}.module-id.svelte-1n46o8q,.control-slot.svelte-1n46o8q span:where(.svelte-1n46o8q),.readout.svelte-1n46o8q small:where(.svelte-1n46o8q),.keyboard-display.svelte-1n46o8q span:where(.svelte-1n46o8q),.status-strip.svelte-1n46o8q,.operator-block.svelte-1n46o8q h3:where(.svelte-1n46o8q),.waveform-block.svelte-1n46o8q h3:where(.svelte-1n46o8q){margin:0;color:#a9b2ba;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1.svelte-1n46o8q,h2.svelte-1n46o8q{margin:2px 0 0;font-size:30px;line-height:1}h2.svelte-1n46o8q{font-size:28px}.status-strip.svelte-1n46o8q,.keyboard-display.svelte-1n46o8q{display:flex;align-items:center;gap:10px;min-height:38px;border:1px solid #424a51;background:#171b1f;padding:8px 12px}.status-led.svelte-1n46o8q{width:10px;height:10px;border-radius:50%;background:#335346;box-shadow:0 0 10px #22c55e47}.status-led.running.svelte-1n46o8q{background:#a3e635;box-shadow:0 0 6px #a3e635cc,0 0 18px #a3e6358c}.keyboard-display.svelte-1n46o8q{flex-direction:column;align-items:flex-end;gap:2px}.keyboard-display.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:#f8fafc;font-family:SFMono-Regular,Consolas,monospace;font-size:18px}.transport-block.svelte-1n46o8q{display:grid;gap:12px;width:118px}.transport-button.svelte-1n46o8q{height:52px;border:1px solid #94a3b8;background:linear-gradient(#e5e7eb,#aeb7c0);color:#0f172a;font-weight:800;text-transform:uppercase;box-shadow:inset 0 1px #ffffffd9,0 4px #111827}.transport-button.active.svelte-1n46o8q{background:linear-gradient(#fca5a5,#ef4444);color:#1f0606}.keycap.svelte-1n46o8q{border:1px solid #4b5563;background:#15191d;color:#cbd5e1;padding:8px 10px;text-align:center;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.control-bank.svelte-1n46o8q{display:grid;grid-template-columns:repeat(2,88px);gap:18px}.control-bank.large.svelte-1n46o8q{grid-template-columns:repeat(4,88px)}.control-slot.svelte-1n46o8q{display:grid;justify-items:center;gap:8px}.knob.svelte-1n46o8q{position:relative;width:54px;height:54px;border-radius:50%;border:1px solid #6b7280;background:radial-gradient(circle at 35% 30%,#d4d4d8,#747b83 44%,#22272c 72%),#4b5563;box-shadow:inset 0 -5px 10px #0000008c,0 3px 8px #00000059}.knob.interactive.svelte-1n46o8q{cursor:ns-resize;touch-action:none}.knob.interactive.svelte-1n46o8q:focus-visible{outline:2px solid #38bdf8;outline-offset:4px}.knob.svelte-1n46o8q span:where(.svelte-1n46o8q){position:absolute;top:50%;left:50%;width:3px;height:22px;border-radius:99px;background:#f8fafc;transform:translate(-50%,-100%) rotate(var(--knob-angle, 0deg));transform-origin:50% 100%}.readout.svelte-1n46o8q{display:grid;width:72px;min-height:40px;place-items:center;border:1px solid #334155;background:#101418;color:#d7f99d;font-family:SFMono-Regular,Consolas,monospace}.readout.svelte-1n46o8q strong:where(.svelte-1n46o8q){font-size:15px;line-height:1}.readout.svelte-1n46o8q small:where(.svelte-1n46o8q){font-size:8px}.matrix-frame.svelte-1n46o8q{flex:1;min-width:0;border:1px solid #47515a;background:#161a1e;padding:12px}.matrix-status.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;border:1px solid #334155;background:#101418;padding:8px 10px;color:#d7f99d;font-family:SFMono-Regular,Consolas,monospace}.matrix-status.svelte-1n46o8q span:where(.svelte-1n46o8q){color:#a9b2ba;font-size:10px;font-weight:700;text-transform:uppercase}.matrix-status.svelte-1n46o8q strong:where(.svelte-1n46o8q){font-size:14px}.octave-bank.svelte-1n46o8q{display:flex;gap:6px}.octave-bank.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:42px;border:1px solid #475569;background:#172029;color:#a9b2ba;padding:6px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700}.octave-bank.svelte-1n46o8q button.active:where(.svelte-1n46o8q){border-color:#a3e635;background:#31451f;color:#ecfccb;box-shadow:0 0 10px #a3e63547}.octave-bank.svelte-1n46o8q .randomize-button:where(.svelte-1n46o8q){min-width:68px;border-color:#64748b;color:#e2e8f0}.octave-bank.svelte-1n46o8q .clear-button:where(.svelte-1n46o8q){min-width:58px;border-color:#64748b;color:#e2e8f0}.step-row.svelte-1n46o8q,.matrix-grid.svelte-1n46o8q{display:grid;grid-template-columns:44px repeat(var(--steps-count),minmax(0,1fr))}.step-row.svelte-1n46o8q{column-gap:0;row-gap:7px;margin-bottom:4px;color:#a9b2ba;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;text-align:center}.step-row.svelte-1n46o8q button:where(.svelte-1n46o8q){min-height:28px;border:1px solid #3c464f;background:#151a1f;color:#a9b2ba;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:700}.step-row.svelte-1n46o8q button.current:where(.svelte-1n46o8q){border-color:#38bdf8;color:#e0f2fe;box-shadow:0 0 10px #38bdf861}.matrix-grid.svelte-1n46o8q{align-items:center;column-gap:0;row-gap:0}.note-label.svelte-1n46o8q{box-sizing:border-box;padding-right:8px;color:#d1d5db;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;text-align:right}.matrix-grid.svelte-1n46o8q button:where(.svelte-1n46o8q){height:28px;border:1px solid #3c464f;background:#11161a;box-shadow:inset 0 0 8px #0009}.matrix-grid.svelte-1n46o8q button.active:where(.svelte-1n46o8q){border-color:#a3e635;background:#84cc16;box-shadow:0 0 12px #a3e63580,inset 0 0 8px #ffffff59}.matrix-grid.svelte-1n46o8q button.disabled:where(.svelte-1n46o8q){border-color:#252c33;background:linear-gradient(135deg,transparent 46%,#39424a 46% 54%,transparent 54%),#101418;box-shadow:none;cursor:not-allowed;opacity:.42}.matrix-grid.svelte-1n46o8q button.playhead:where(.svelte-1n46o8q){outline:2px solid #38bdf8;outline-offset:-2px}.synth-layout.svelte-1n46o8q{justify-content:space-between}.operator-block.svelte-1n46o8q{display:grid;gap:14px}.waveform-block.svelte-1n46o8q{display:grid;gap:14px;min-width:180px}.waveform-screen.svelte-1n46o8q{position:relative;min-height:82px;border:1px solid #47515a;background:linear-gradient(rgba(56,189,248,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px),#081115;background-size:100% 14px,22px 100%;padding:10px 12px 26px;box-shadow:inset 0 0 20px #0ea5e929,0 1px #ffffff14;overflow:hidden}.waveform-screen.svelte-1n46o8q canvas:where(.svelte-1n46o8q){display:block;width:100%;height:58px}.waveform-readout.svelte-1n46o8q{position:absolute;right:12px;bottom:8px;left:12px;display:flex;align-items:center;justify-content:space-between;color:#cbd5e1;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:0}.waveform-readout.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:#a3e635;font-size:10px;font-weight:800}@media(max-width:980px){.workspace.svelte-1n46o8q{padding:16px}.rack.svelte-1n46o8q{width:920px;margin:0}}