._knob_1vvqv_1{border:1px solid var(--colour-border);background:#0000001f;border-radius:.5rem;justify-items:center;gap:.22rem;width:min(100%,5.25rem);padding:.4rem .35rem;display:grid}._knob_1vvqv_1[data-disabled]{opacity:.5}._controlLabel_1vvqv_15{text-align:center;min-height:1.7em;font-size:.68rem;font-weight:700;line-height:1.15}._knobFace_1vvqv_23{width:3.25rem;height:3.25rem;position:relative}._knobTrack_1vvqv_29{fill:none;stroke:var(--colour-border);stroke-width:3px;stroke-dasharray:202 70;transform-origin:50%;transform:rotate(134deg)}._knobBody_1vvqv_38{fill:#24211e;stroke:#514b44;stroke-width:2px}._knobIndicator_1vvqv_44{transform-origin:50%;transition:transform 80ms linear}._knobIndicator_1vvqv_44 line{stroke:var(--colour-accent-soft);stroke-linecap:round;stroke-width:5px}._knobIndicator_1vvqv_44 circle{fill:var(--colour-accent)}._knobInput_1vvqv_57{cursor:grab;opacity:0;touch-action:none;width:100%;height:100%;margin:0;position:absolute;inset:0}._knobInput_1vvqv_57:active{cursor:grabbing}._knobInput_1vvqv_57:focus-visible+*{outline:none}._knobInput_1vvqv_57:focus-visible{opacity:.08;outline:4px solid var(--colour-focus);outline-offset:2px;border-radius:50%}._valueReadout_1vvqv_80{color:var(--colour-accent-soft);font-family:var(--font-mono);font-size:.68rem}._resetButton_1vvqv_86{color:var(--colour-text-subtle);cursor:pointer;background:0 0;border:0;font-size:.6rem}._resetButton_1vvqv_86:focus-visible{outline:2px solid var(--colour-focus)}._toggle_1vvqv_97{border:1px solid var(--colour-border);background:var(--colour-background);color:var(--colour-text);cursor:pointer;border-radius:.45rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;padding:.45rem .6rem;display:inline-grid}._toggle_1vvqv_97[aria-pressed=true]{border-color:var(--colour-accent)}._toggle_1vvqv_97:focus-visible{outline:3px solid var(--colour-focus);outline-offset:2px}._toggleState_1vvqv_117{color:var(--colour-accent)}._stateText_1vvqv_121{color:var(--colour-text-muted);font-size:.72rem}._accessibleContext_1vvqv_126{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}._selectLabel_1vvqv_135{color:var(--colour-text-muted);gap:.25rem;font-size:.75rem;display:grid}._selectLabel_1vvqv_135 select{border:1px solid var(--colour-border);background:var(--colour-background);width:100%;min-width:7.5rem;color:var(--colour-text);border-radius:.4rem;padding:.42rem}._selectLabel_1vvqv_135 select:focus-visible{outline:3px solid var(--colour-focus);outline-offset:2px}._panel_1vvqv_155{border:1px solid var(--colour-border);border-radius:var(--radius-panel);background:var(--colour-panel);padding:.85rem}._panelHeader_1vvqv_162{justify-content:space-between;gap:.75rem;margin-bottom:.65rem;display:flex}._panelHeader_1vvqv_162 p,._panelHeader_1vvqv_162 h2{margin:0}._panelHeader_1vvqv_162 p{color:var(--colour-accent);text-transform:uppercase;font-size:.68rem}@media (prefers-reduced-motion:reduce){._knobIndicator_1vvqv_44{transition:none}}@media (forced-colors:active){._knobBody_1vvqv_38,._toggle_1vvqv_97{forced-color-adjust:auto}._toggle_1vvqv_97[aria-pressed=true]{outline:2px solid buttontext}}._synthGrid_1joqg_1{grid-template-columns:repeat(12,minmax(0,1fr));gap:.65rem;margin-top:.75rem;display:grid}._sources_1joqg_8,._filters_1joqg_9,._modulation_1joqg_10,._performance_1joqg_11,._amplitude_1joqg_12,._effects_1joqg_13{min-width:0}._sources_1joqg_8{grid-column:span 12}._filters_1joqg_9,._modulation_1joqg_10{grid-column:span 6}._effects_1joqg_13{grid-column:span 5}._performance_1joqg_11{grid-column:span 3}._amplitude_1joqg_12{grid-column:span 4}._controlGrid_1joqg_38{grid-template-columns:repeat(auto-fit,minmax(3.9rem,1fr));align-items:stretch;gap:.4rem;display:grid}._controlRows_1joqg_45{gap:.4rem;display:grid}._subgroupGrid_1joqg_50{grid-template-columns:repeat(auto-fit,minmax(15.5rem,1fr));align-items:start;gap:.5rem;display:grid}._modulation_1joqg_10 ._subgroupGrid_1joqg_50{grid-template-columns:repeat(3,minmax(0,1fr))}._subgroup_1joqg_50{border:1px solid color-mix(in srgb, var(--colour-border), transparent 25%);background:#0000001a;border-radius:.4rem;min-width:0;padding:.45rem}._subgroup_1joqg_50 h3{border-bottom:1px solid var(--colour-border);color:var(--colour-text-muted);letter-spacing:.07em;text-transform:uppercase;margin:0 0 .45rem;padding-bottom:.35rem;font-size:.68rem}._parameterControl_1joqg_78{justify-items:center;gap:.2rem;min-width:0;padding-bottom:.35rem;display:grid}._parameterControl_1joqg_78[data-control-kind=boolean],._parameterControl_1joqg_78[data-control-kind=enum]{grid-column:1/-1;justify-items:stretch}._parameterControl_1joqg_78[data-control-kind=boolean]>:first-child,._parameterControl_1joqg_78[data-control-kind=enum]>:first-child{width:100%}._parameterControl_1joqg_78[data-control-kind=number]{grid-template-rows:1fr auto;height:100%}._learnButton_1joqg_97{min-height:1.5rem;color:var(--colour-text-subtle);font-family:var(--font-mono);cursor:pointer;background:0 0;border:0;font-size:.62rem}._learnButton_1joqg_97[aria-pressed=true]{color:var(--colour-accent-soft);text-decoration:underline}._learnButton_1joqg_97:focus-visible{outline:2px solid var(--colour-focus);outline-offset:2px}._learnPlaceholder_1joqg_115{min-height:1.5rem}@media (width<=60rem){._sources_1joqg_8,._filters_1joqg_9,._modulation_1joqg_10,._performance_1joqg_11,._amplitude_1joqg_12,._effects_1joqg_13{grid-column:span 6}._filters_1joqg_9,._modulation_1joqg_10,._sources_1joqg_8{grid-column:span 12}}@media (width<=44rem){._sources_1joqg_8,._filters_1joqg_9,._modulation_1joqg_10,._performance_1joqg_11,._amplitude_1joqg_12,._effects_1joqg_13{grid-column:span 12}}@media (width<=36rem){._subgroupGrid_1joqg_50,._modulation_1joqg_10 ._subgroupGrid_1joqg_50{grid-template-columns:1fr}._controlGrid_1joqg_38{grid-template-columns:repeat(2,minmax(0,1fr))}}._presetBar_7dsjm_2{flex:22rem;align-items:center;gap:.45rem;min-width:18rem;display:flex;position:relative}._presetBar_7dsjm_2 select,._presetBar_7dsjm_2 summary,._presetBar_7dsjm_2 button{border:1px solid var(--colour-border);background:var(--colour-panel);color:var(--colour-text);border-radius:.35rem;padding:.42rem .55rem}._presetBar_7dsjm_2 summary,._presetBar_7dsjm_2 button{cursor:pointer}._presetBar_7dsjm_2 summary:focus-visible,._presetBar_7dsjm_2 select:focus-visible,._presetBar_7dsjm_2 button:focus-visible{outline:3px solid var(--colour-focus);outline-offset:2px}._presetBar_7dsjm_2 button:disabled{cursor:not-allowed;opacity:.45}._presetPicker_7dsjm_34{min-width:0;color:var(--colour-text-muted);align-items:center;gap:.35rem;font-size:.7rem;display:flex}._presetPicker_7dsjm_34 select{min-width:9rem;max-width:13rem}._dirtyState_7dsjm_47{color:var(--colour-accent-soft);font-family:var(--font-mono);white-space:nowrap;font-size:.64rem}._actions_7dsjm_54{position:relative}._actions_7dsjm_54 summary{white-space:nowrap;font-size:.75rem;list-style:none}._actions_7dsjm_54 summary::-webkit-details-marker{display:none}._actions_7dsjm_54 summary:after{color:var(--colour-accent);content:"▾";margin-left:.45rem}._actions_7dsjm_54[open] summary{border-color:var(--colour-accent)}._actionMenu_7dsjm_74{z-index:20;border:1px solid var(--colour-border);background:var(--colour-panel);border-radius:.5rem;min-width:10rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 .75rem 2rem #00000073}._actionMenu_7dsjm_74 button{text-align:left;background:0 0;border-color:#0000}._actionMenu_7dsjm_74 button:hover:not(:disabled){border-color:var(--colour-border);background:color-mix(in srgb, var(--colour-accent), transparent 88%)}._fileInput_7dsjm_97{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}._error_7dsjm_105{z-index:20;background:var(--colour-panel);color:#ffd166;border:1px solid #ffd166;border-radius:.35rem;margin:0;padding:.4rem .55rem;font-size:.72rem;position:absolute;top:calc(100% + .35rem);left:0}@media (width<=36rem){._presetBar_7dsjm_2{flex-basis:100%;order:1;min-width:0}._presetPicker_7dsjm_34{flex:1}._presetPicker_7dsjm_34 select{width:100%;min-width:0}}._scope_1u94a_1{border:1px solid var(--colour-border);border-radius:var(--radius-panel);background:#0a0a09;margin:1.5rem 0 0;padding:.75rem}._scope_1u94a_1 figcaption{color:var(--colour-text-subtle);font-family:var(--font-mono);text-transform:uppercase;margin-bottom:.5rem;font-size:.68rem}._scope_1u94a_1 canvas{width:100%;height:9rem;display:block}._appShell_ugvz4_1{width:min(100% - 1.25rem,84rem);margin:0 auto;padding:.65rem 0 1rem}._header_ugvz4_7{z-index:10;border-bottom:1px solid var(--colour-border);flex-wrap:wrap;align-items:center;gap:.55rem .75rem;margin-bottom:.65rem;padding:.35rem 0 .6rem;display:flex;position:relative}._header_ugvz4_7 h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1}._accentPicker_ugvz4_25{color:var(--colour-text-muted);align-items:center;gap:.35rem;font-size:.7rem;display:flex}._accentPicker_ugvz4_25 input{border:1px solid var(--colour-border);background:var(--colour-panel);cursor:pointer;border-radius:.4rem;width:2.25rem;height:2rem;padding:.15rem}._accentPicker_ugvz4_25 input:focus-visible{outline:3px solid var(--colour-focus);outline-offset:3px}._audioControl_ugvz4_46{border:1px solid var(--colour-border);background:var(--colour-panel);border-radius:.5rem;align-items:center;gap:.55rem;margin-left:auto;padding:.3rem;display:flex}._audioControl_ugvz4_46[data-needs-action]{border-color:var(--colour-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--colour-accent), transparent 70%)}._audioControl_ugvz4_46 h2{white-space:nowrap;margin:0;font-size:.72rem}._audioStatus_ugvz4_66{padding-left:.35rem}._audioError_ugvz4_70{color:#ffd166;max-width:16rem;margin:.2rem 0 0;font-size:.68rem}._inputPanel_ugvz4_77{border:1px solid var(--colour-border);border-radius:var(--radius-panel);background:var(--colour-panel);margin-bottom:.65rem;padding:.8rem}._inputHeader_ugvz4_85,._midiRow_ugvz4_86{justify-content:space-between;align-items:center;gap:1rem;display:flex}._inputHeader_ugvz4_85 h2,._midiRow_ugvz4_86 h2{margin:0;font-size:1rem}._inputHelp_ugvz4_98,._midiStatus_ugvz4_99{color:var(--colour-text-muted);font-size:.72rem}._inputHelp_ugvz4_98{margin:.5rem 0 0}._midiRow_ugvz4_86{flex-wrap:wrap;justify-content:flex-start;margin-top:.65rem}._midiRow_ugvz4_86 label{align-items:center;gap:.5rem;font-size:.8rem;display:flex}._midiRow_ugvz4_86 select{border:1px solid var(--colour-border);background:var(--colour-background);color:var(--colour-text);border-radius:.35rem;padding:.45rem}._secondaryButton_ugvz4_127{border:1px solid var(--colour-accent-muted);color:var(--colour-accent-soft);cursor:pointer;background:0 0;border-radius:.4rem;padding:.55rem .75rem}._secondaryButton_ugvz4_127:focus-visible{outline:3px solid var(--colour-focus);outline-offset:3px}._startButton_ugvz4_140{border:1px solid var(--colour-accent);background:var(--colour-accent);min-width:6.5rem;color:var(--colour-background);cursor:pointer;border-radius:.45rem;flex:none;padding:.5rem .7rem;font-weight:800}._startButton_ugvz4_140:hover:not(:disabled){background:var(--colour-accent-soft)}._startButton_ugvz4_140:focus-visible{outline:3px solid var(--colour-focus);outline-offset:3px}._startButton_ugvz4_140:disabled{border-color:var(--colour-border);background:var(--colour-border);color:var(--colour-text-subtle);cursor:not-allowed}@media (width<=34rem){._header_ugvz4_7 h1{flex:1}._audioControl_ugvz4_46{order:2;justify-content:space-between;width:100%;margin-left:0}._inputHeader_ugvz4_85,._midiRow_ugvz4_86{flex-direction:column;align-items:stretch}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--colour-background:#11100f;--colour-panel:#191816;--colour-border:#33302b;--colour-text:#f5f0e7;--colour-text-muted:#c4bbae;--colour-text-subtle:#8d867b;--colour-accent:#76d04b;--colour-accent-soft:color-mix(in srgb, var(--colour-accent), white 38%);--colour-accent-muted:color-mix(in srgb, var(--colour-accent), black 48%);--colour-focus:color-mix(in srgb, var(--colour-accent), white 28%);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-panel:.75rem}*,:before,:after{box-sizing:border-box}html{background:var(--colour-background);min-width:20rem;min-height:100%}body{background:radial-gradient(circle at 50% -20%, color-mix(in srgb, var(--colour-accent), transparent 88%), transparent 42rem), var(--colour-background);min-width:20rem;min-height:100vh;color:var(--colour-text);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}::selection{background:var(--colour-accent);color:var(--colour-background)}.pianoKeyboard{margin-top:1rem;padding-bottom:.5rem;overflow-x:auto}.pianoKeyboardKeys{grid-template-columns:repeat(15,minmax(3rem,1fr));min-width:48rem;height:8.5rem;display:grid;position:relative}.pianoKey{color:#24211e;cursor:pointer;touch-action:none;background:#eee8dd;border:1px solid #aaa39a;border-radius:0 0 .3rem .3rem;justify-content:center;align-items:flex-end;min-width:0;height:100%;padding:0 .2rem .6rem;font-size:.7rem;display:flex}.pianoKey[aria-pressed=true]{border-color:var(--colour-accent);background:var(--colour-accent-soft)}.pianoKey:focus-visible{outline:3px solid var(--colour-focus);outline-offset:2px}.pianoKey[data-audio-locked]{opacity:.65}.pianoKeySharp{z-index:2;top:0;left:calc(var(--piano-key-position) * 100% / 15);width:4.13333%;height:61%;color:var(--colour-text);background:#292724;border-color:#514e49;border-radius:0 0 .25rem .25rem;position:absolute;transform:translate(-50%)}.pianoKeySharp[aria-pressed=true]{background:color-mix(in srgb, var(--colour-accent), #292724 35%)}
