@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);:root{--seed-page:#0b0b10;--seed-bg:#16161e;--seed-surface:#24283b;--seed-surface-2:#2f3449;--seed-overlay:#111116;--seed-border:#414868;--seed-text:#c0caf5;--seed-accent:#bb9af7;--seed-active:#ff9e64;--seed-playhead:#f7768e;--seed-clear:#7dcfff;--seed-vol:#d9a974;--seed-danger:#f7768e;--ui-page-bg:var(--seed-page);--ui-surface:var(--seed-surface);--ui-surface-light:var(--seed-surface-2);--ui-surface-overlay:var(--seed-overlay);--ui-panel-bg:color-mix(in srgb,var(--seed-surface) 88%,var(--seed-page));--ui-border:var(--seed-border);--ui-border-soft:color-mix(in srgb,var(--seed-border) 55%,var(--seed-surface));--ui-text-primary:var(--seed-text);--ui-text-muted:color-mix(in srgb,var(--seed-text) 62%,var(--seed-surface));--ui-accent:var(--seed-accent);--ui-accent-2:color-mix(in srgb,var(--seed-accent) 78%,var(--seed-surface));--ui-hover:color-mix(in srgb,var(--seed-accent) 34%,var(--seed-surface));--ui-text-gold:color-mix(in srgb,var(--seed-vol) 72%,var(--seed-text));--key-white:color-mix(in srgb,var(--seed-accent) 7%,#fff);--key-white-hover:color-mix(in srgb,var(--seed-accent) 26%,#fff);--key-black:color-mix(in srgb,var(--seed-accent) 12%,#101014);--key-black-hover:color-mix(in srgb,var(--seed-accent) 32%,#101014);--key-white-pressed:color-mix(in srgb,var(--seed-active) 78%,var(--key-black));--key-black-pressed:var(--seed-playhead);--key-label:color-mix(in srgb,var(--seed-accent) 22%,#2a2a30);--key-gap:color-mix(in srgb,var(--seed-page) 70%,#000);--eq-bg:color-mix(in srgb,var(--seed-bg) 92%,var(--seed-page));--eq-axis:color-mix(in srgb,var(--seed-text) 55%,var(--seed-page));--eq-label:color-mix(in srgb,var(--seed-text) 72%,var(--seed-page));--eq-trace:color-mix(in srgb,var(--seed-playhead) 58%,var(--seed-text));--eq-fill:color-mix(in srgb,var(--eq-trace) 22%,#0000);--slider-track:color-mix(in srgb,var(--seed-border) 70%,var(--seed-page));--slider-thumb:var(--seed-vol);--button-bg:color-mix(in srgb,var(--seed-surface) 70%,var(--seed-page));--button-bg-hover:var(--ui-hover);--button-bg-active:color-mix(in srgb,var(--seed-clear) 55%,var(--seed-surface));--button-text:var(--ui-text-gold);--scrollbar-thumb:color-mix(in srgb,var(--seed-accent) 70%,var(--seed-bg));--scrollbar-track:color-mix(in srgb,var(--seed-bg) 70%,var(--seed-page));--danger:color-mix(in srgb,var(--seed-danger) 78%,var(--seed-text));--base-font-size:12px;--text-xs:clamp(9.5px,calc(var(--base-font-size)*0.44),15px);--text-sm:clamp(11px,calc(var(--base-font-size)*0.58),19px);--text-md:clamp(12px,calc(var(--base-font-size)*0.7),22px);--panel-gap:5px;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-key:0 0 4px 4px;--shadow-lg:0 12px 32px #00000073;--focus-ring:0 0 0 2px var(--seed-bg),0 0 0 4px var(--ui-accent);--transition-fast:120ms ease}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms}}[data-theme=plum]{--seed-page:#0d0716;--seed-bg:#150d24;--seed-surface:#221537;--seed-surface-2:#2e1d49;--seed-overlay:#0f0819;--seed-border:#432b66;--seed-text:#e2d6f8;--seed-accent:#a678ff;--seed-active:#ffb2e6;--seed-playhead:#66e0c0;--seed-clear:#78c8ff;--seed-vol:#d9b06a;--seed-danger:#ff6b9d}[data-theme=neon]{--seed-page:#05050a;--seed-bg:#0a0a14;--seed-surface:#141428;--seed-surface-2:#1d1d3a;--seed-overlay:#08080f;--seed-border:#2e2e5c;--seed-text:#d8f6ff;--seed-accent:#00e5ff;--seed-active:#ff2bd6;--seed-playhead:#00ff9d;--seed-clear:#00e5ff;--seed-vol:#ffd166;--seed-danger:#ff2b6b}[data-theme=ocean]{--seed-page:#04101a;--seed-bg:#071c2b;--seed-surface:#0e2c40;--seed-surface-2:#143a53;--seed-overlay:#05141f;--seed-border:#245a77;--seed-text:#cfe9f5;--seed-accent:#4fc3d9;--seed-active:#ffd166;--seed-playhead:#ff6f91;--seed-clear:#4fc3d9;--seed-vol:#e0b877;--seed-danger:#ff6f91}[data-theme=forest]{--seed-page:#080d0a;--seed-bg:#101a14;--seed-surface:#19281e;--seed-surface-2:#22362a;--seed-overlay:#0c1410;--seed-border:#33503d;--seed-text:#d6e8d8;--seed-accent:#7fc98a;--seed-active:#e0b34d;--seed-playhead:#ff9a52;--seed-clear:#6fb3b8;--seed-vol:#b9a76b;--seed-danger:#e2705a}[data-theme=terminal]{--seed-page:#000;--seed-bg:#030703;--seed-surface:#0a120a;--seed-surface-2:#101c10;--seed-overlay:#020502;--seed-border:#1d331d;--seed-text:#9bf29b;--seed-accent:#3f6;--seed-active:#3f6;--seed-playhead:#cf3;--seed-clear:#7dffc4;--seed-vol:#8fdf6a;--seed-danger:#ff5c5c}[data-theme=bakery]{--seed-page:#17100c;--seed-bg:#221812;--seed-surface:#35251b;--seed-surface-2:#46311f;--seed-overlay:#1b120d;--seed-border:#5e4530;--seed-text:#f4e3cf;--seed-accent:#e8a33d;--seed-active:#f0b455;--seed-playhead:#ff7a59;--seed-clear:#7fb3ad;--seed-vol:#d9a974;--seed-danger:#e2705a}[data-theme=sunset]{--seed-page:#150a1a;--seed-bg:#1f0f26;--seed-surface:#301641;--seed-surface-2:#3f1e53;--seed-overlay:#170b1d;--seed-border:#5a2d6e;--seed-text:#f6dfef;--seed-accent:#ff8fb1;--seed-active:#ffa552;--seed-playhead:#ffe066;--seed-clear:#b58cff;--seed-vol:#ffc978;--seed-danger:#ff5d8f}[data-theme=rose]{--seed-page:#170c10;--seed-bg:#21131a;--seed-surface:#331d27;--seed-surface-2:#452833;--seed-overlay:#190e14;--seed-border:#5e3a48;--seed-text:#f0dde3;--seed-accent:#d98fa4;--seed-active:#e8a0a8;--seed-playhead:#ffb37a;--seed-clear:#8fb0c4;--seed-vol:#d3a07f;--seed-danger:#d96b7f}[data-theme=mono]{--seed-page:#0c0c0c;--seed-bg:#141414;--seed-surface:#1e1e1e;--seed-surface-2:#2a2a2a;--seed-overlay:#101010;--seed-border:#3a3a3a;--seed-text:#ededed;--seed-accent:#f5f5f5;--seed-active:#fff;--seed-playhead:#ff4d4d;--seed-clear:#9a9a9a;--seed-vol:#8a8a8a;--seed-danger:#ff4d4d}[data-theme=daylight]{--seed-page:#e8e6f0;--seed-bg:#f7f6fb;--seed-surface:#fff;--seed-surface-2:#f0eef7;--seed-overlay:#fff;--seed-border:#c9c5da;--seed-text:#2b2740;--seed-accent:#6c4bd8;--seed-active:#f2802a;--seed-playhead:#e0356b;--seed-clear:#2a9bd8;--seed-vol:#c98a2e;--seed-danger:#d12b52}[data-theme=arctic]{--seed-page:#dfe8f0;--seed-bg:#f2f7fb;--seed-surface:#fff;--seed-surface-2:#e9f1f7;--seed-overlay:#fff;--seed-border:#bccddd;--seed-text:#22323f;--seed-accent:#1b7fa8;--seed-active:#ff8c42;--seed-playhead:#d63d6e;--seed-clear:#1b7fa8;--seed-vol:#c2812c;--seed-danger:#cc2e50}[data-theme=candy]{--seed-page:#f5e7f2;--seed-bg:#fdf4fa;--seed-surface:#fff;--seed-surface-2:#fbeaf5;--seed-overlay:#fff;--seed-border:#e4c2da;--seed-text:#46293e;--seed-accent:#d94f9c;--seed-active:#ffa93d;--seed-playhead:#5ec8d8;--seed-clear:#4fb6cc;--seed-vol:#d9932f;--seed-danger:#d93f6e}[data-theme=sand]{--seed-page:#e9e0d1;--seed-bg:#f7f1e6;--seed-surface:#fffaf2;--seed-surface-2:#f1e7d7;--seed-overlay:#fffaf2;--seed-border:#d3c3a9;--seed-text:#3d3326;--seed-accent:#b06a2c;--seed-active:#d98324;--seed-playhead:#c0453f;--seed-clear:#3f7f8f;--seed-vol:#a87a3a;--seed-danger:#b83a34}*,:after,:before{box-sizing:border-box}#root,body,html{height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:manipulation;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--ui-page-bg);color:var(--ui-text-primary);font-family:Space Grotesk,system-ui,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus-visible{box-shadow:var(--focus-ring);outline:none}input[type=range]{accent-color:var(--slider-thumb);cursor:pointer}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.SynthControls_controlsContainer__CXXoI{background:var(--ui-border);border:1px solid var(--ui-border);border-radius:var(--radius-md);display:flex;flex-direction:row;gap:1px;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.SynthControls_column__LkkLF{grid-gap:4px 8px;align-items:center;background:var(--ui-panel-bg);display:grid;flex:1 1;gap:4px 8px;grid-auto-rows:minmax(calc(var(--text-md)*1.9),1fr);grid-template-columns:max-content minmax(0,1fr) max-content;grid-template-rows:auto;min-height:0;min-width:0;overflow-y:auto;padding:6px 10px;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.SynthControls_column__LkkLF::-webkit-scrollbar{width:6px}.SynthControls_column__LkkLF::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.SynthControls_column__LkkLF::-webkit-scrollbar-track{background:var(--scrollbar-track)}.SynthControls_columnHeading__halff{color:var(--ui-text-muted);font-size:var(--text-xs);font-weight:700;grid-column:1/-1;letter-spacing:.1em;margin:0 0 2px;text-transform:uppercase}.SynthControls_control__8ZnHb{display:contents}.SynthControls_controlLabel__ICZrq{color:var(--ui-text-primary);font-size:var(--text-md);font-weight:600;white-space:nowrap}.SynthControls_readout__2A6ec{font-feature-settings:"tnum";color:var(--ui-text-gold);font-size:var(--text-md);font-variant-numeric:tabular-nums;font-weight:600;min-width:3.2em;text-align:right;white-space:nowrap}.SynthControls_slider__nsHv9{height:6px;min-width:0;width:100%}.SynthControls_cycleButton__B0hsb{background:var(--button-bg);border:1px solid var(--ui-border-soft);border-radius:var(--radius-sm);color:var(--button-text);cursor:pointer;font:inherit;font-size:var(--text-md);font-weight:600;grid-column:2/-1;height:2em;padding:0 .6em;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.SynthControls_cycleButton__B0hsb:hover{background:var(--button-bg-hover);border-color:var(--ui-accent)}.SynthControls_cycleButton__B0hsb:active{background:var(--button-bg-active)}.SynthControls_switchText__n6yVh{color:var(--ui-text-gold);font-weight:600}.SynthControls_switch__3T7JX{align-items:center;cursor:pointer;display:flex;font-size:var(--text-md);gap:.55em;grid-column:2/-1}.SynthControls_switchInput__Jwl45{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.SynthControls_switchTrack__tk1Kd{background:var(--slider-track);border:1px solid var(--ui-border-soft);border-radius:999px;flex:0 0 auto;height:1.3em;position:relative;transition:background-color var(--transition-fast);width:2.4em}.SynthControls_switchKnob__HaiOJ{background:var(--ui-text-muted);border-radius:50%;height:.9em;left:.15em;position:absolute;top:50%;transform:translateY(-50%);transition:transform var(--transition-fast),background-color var(--transition-fast);width:.9em}.SynthControls_switchInput__Jwl45:checked+.SynthControls_switchTrack__tk1Kd{background:var(--ui-accent-2)}.SynthControls_switchInput__Jwl45:checked+.SynthControls_switchTrack__tk1Kd .SynthControls_switchKnob__HaiOJ{background:var(--ui-text-primary);transform:translate(1.2em,-50%)}.SynthControls_switchInput__Jwl45:focus-visible+.SynthControls_switchTrack__tk1Kd{box-shadow:var(--focus-ring)}@media (orientation:portrait){.SynthControls_column__LkkLF{gap:3px 6px;grid-auto-rows:minmax(calc(var(--text-md)*1.6),1fr);padding:5px 7px}.SynthControls_readout__2A6ec{min-width:2.8em}}@media (max-width:420px){.SynthControls_columnHeading__halff{display:none}.SynthControls_readout__2A6ec{min-width:2.6em}}.Keyboard_keyboard__8PeiB{--key-gap-size:2px;--white-count:7;background:var(--key-gap);border:1px solid var(--ui-border);border-radius:var(--radius-md);display:flex;height:100%;overflow:hidden;padding:3px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.Keyboard_whiteKeyboard__ExY-p{display:flex;flex-wrap:nowrap;gap:var(--key-gap-size);height:100%;width:100%}.Keyboard_blackKeyboard__77AOe{display:flex;flex-wrap:nowrap;gap:var(--key-gap-size);height:58%;inset:3px 3px auto 3px;pointer-events:none;position:absolute;transform:translateX(calc(((100% - var(--key-gap-size)*(var(--white-count) - 1))/var(--white-count) + var(--key-gap-size))*-.5))}.Keyboard_blackSlot__BIDMk{display:flex;flex:1 1;height:100%;justify-content:center;min-width:0}.Keyboard_whiteKey__Fn05H{flex:1 1}.Keyboard_blackKey__WIcXC,.Keyboard_whiteKey__Fn05H{border:none;cursor:pointer;font:inherit;min-width:0;padding:0;transition:background-color var(--transition-fast)}.Keyboard_whiteKey__Fn05H{align-items:flex-end;background:var(--key-white);border-radius:var(--radius-key);color:var(--key-label);display:flex;height:100%;justify-content:center}.Keyboard_whiteKey__Fn05H:hover{background:var(--key-white-hover)}.Keyboard_whiteKeyPressed__B6CtF,.Keyboard_whiteKeyPressed__B6CtF:hover{background:var(--key-white-pressed);transition:none}.Keyboard_blackKey__WIcXC{background:var(--key-black);border-radius:var(--radius-key);height:100%;pointer-events:auto;width:64%}.Keyboard_blackKey__WIcXC:hover{background:var(--key-black-hover)}.Keyboard_blackKeyPressed__nfBi1,.Keyboard_blackKeyPressed__nfBi1:hover{background:var(--key-black-pressed);transition:none}.Keyboard_keyLabel__ukuey{font-size:var(--text-xs);font-weight:600;padding-bottom:4px;pointer-events:none}.Keyboard_blackKey__WIcXC:focus-visible,.Keyboard_whiteKey__Fn05H:focus-visible{box-shadow:inset 0 0 0 2px var(--ui-accent);outline:none}.ThemeSwitcher_trigger__YVbHw{align-items:center;background:var(--ui-surface-light);border:1px solid var(--ui-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:var(--text-sm);height:2.2em;padding:8px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.ThemeSwitcher_trigger__YVbHw:hover{background:var(--ui-hover);border-color:var(--ui-accent)}.ThemeSwitcher_swatches__CMx7W{display:flex;flex:0 0 auto;gap:2px}.ThemeSwitcher_swatches__CMx7W i{border-radius:2px;height:7px;width:7px}.ThemeSwitcher_panel__etVTU{background:var(--ui-surface-overlay);border:1px solid var(--ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:10px;max-height:min(70vh,460px);overflow-y:auto;padding:12px;position:fixed;width:min(400px,calc(100vw - 20px));z-index:1000}.ThemeSwitcher_groupLabel__F6MqY{color:var(--ui-text-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;margin-bottom:6px;opacity:.5;text-transform:uppercase}.ThemeSwitcher_swatchGrid__SrsFS{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.ThemeSwitcher_swatch__oNJug{align-items:center;background:var(--seed-surface);border:1px solid var(--seed-border);border-radius:var(--radius-md);color:var(--seed-text);cursor:pointer;display:flex;font:inherit;font-size:var(--text-xs);font-weight:600;gap:7px;padding:6px 8px;text-align:left;transition:border-color var(--transition-fast)}.ThemeSwitcher_swatch__oNJug:hover{border-color:var(--seed-accent)}.ThemeSwitcher_swatchActive__Qq6jn{border-color:var(--seed-accent);box-shadow:inset 0 0 0 1px var(--seed-accent)}.ThemeSwitcher_swatch__oNJug:focus-visible{outline:2px solid var(--seed-accent);outline-offset:1px}.ThemeSwitcher_swatchChip__mWBVk{grid-gap:1px;display:grid;flex:0 0 auto;gap:1px;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px)}.ThemeSwitcher_swatchChip__mWBVk i{border-radius:1px}.MainControls_mainControls__z-i-t{align-items:center;background:var(--ui-panel-bg);border:1px solid var(--ui-border);border-radius:var(--radius-md);display:flex;gap:12px;height:100%;min-height:calc(var(--text-sm)*4);padding:0 .9em;width:100%}.MainControls_logo__25BGn{border-radius:var(--radius-sm);flex-shrink:0;height:calc(var(--text-sm)*2.9);object-fit:contain;width:calc(var(--text-sm)*2.9)}.MainControls_backLink__fXpPa{color:var(--ui-text-gold);flex-shrink:0;font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.MainControls_backLink__fXpPa:hover{color:var(--ui-accent);text-decoration:underline}.MainControls_status__wKxjP{color:var(--ui-text-muted);flex:1 1 auto;font-size:var(--text-sm);margin:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.MainControls_statusError__KnDym{color:var(--danger)}.MainControls_buttons__s5Esh{align-items:center;display:flex;flex-shrink:0;gap:8px}.MainControls_button__afvwa{background:var(--button-bg);border:1px solid var(--ui-border-soft);border-radius:var(--radius-md);color:var(--button-text);cursor:pointer;font:inherit;font-size:var(--text-sm);font-weight:600;height:2.2em;padding:0 .9em;transition:background-color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.MainControls_button__afvwa:hover:not(:disabled){background:var(--button-bg-hover);border-color:var(--ui-accent)}.MainControls_button__afvwa:active:not(:disabled){background:var(--button-bg-active)}.MainControls_button__afvwa[aria-pressed=true]{background:var(--ui-accent-2);border-color:var(--ui-accent);color:var(--ui-text-primary)}.MainControls_button__afvwa:disabled{cursor:default;opacity:.4}@media (max-width:700px){.MainControls_backLink__fXpPa,.MainControls_status__wKxjP{display:none}.MainControls_mainControls__z-i-t{justify-content:space-between;padding:0 8px}.MainControls_buttons__s5Esh{gap:6px}.MainControls_button__afvwa{padding:0 8px}}.EQVisualizer_wrapper__V3-B6{background:var(--eq-bg);border:1px solid var(--ui-border);border-radius:var(--radius-md);display:flex;height:100%;min-height:0;min-width:0;overflow:hidden;padding:4px;position:relative;width:100%}.EQVisualizer_canvas__6SwJK{display:block;inset:4px;position:absolute}.App_app__zr1wm{grid-gap:var(--panel-gap);background-color:var(--ui-page-bg);color:var(--ui-text-primary);display:grid;gap:var(--panel-gap);grid-template-areas:"header" "eq" "controls" "piano";grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) minmax(0,1.4fr) auto;height:100dvh;overflow:hidden;padding:var(--panel-gap);width:100%}.App_headerPanel__YDT7X{grid-area:header;min-width:0}.App_eqPanel__IpwZH{display:flex;grid-area:eq;min-height:0;min-width:0}.App_controlsPanel__U4OG9{display:flex;grid-area:controls;min-height:0;min-width:0}.App_pianoPanel__-bcVw{display:flex;grid-area:piano;height:clamp(110px,26dvh,190px);min-width:0}@media (orientation:landscape){.App_app__zr1wm{grid-template-areas:"header controls" "eq controls" "piano piano";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.App_pianoPanel__-bcVw{height:clamp(90px,30dvh,260px)}}.ErrorBoundary_fallback__bQSlX{align-items:center;background:var(--ui-page-bg);color:var(--ui-text-primary);display:flex;flex-direction:column;gap:14px;height:100%;justify-content:center;padding:24px;text-align:center}.ErrorBoundary_title__7L3Wx{font-size:20px;font-weight:700;margin:0}.ErrorBoundary_message__x77Ff{color:var(--ui-text-muted);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:13px;margin:0;max-width:44ch}.ErrorBoundary_button__OHBLY{background:var(--ui-accent-2);border:1px solid var(--ui-border);border-radius:var(--radius-md);color:var(--ui-text-primary);cursor:pointer;font:inherit;font-weight:600;padding:9px 18px;transition:background-color var(--transition-fast)}.ErrorBoundary_button__OHBLY:hover{background:var(--ui-hover)}
/*# sourceMappingURL=main.3c610699.css.map*/