._knob_jgwt6_4{box-sizing:border-box;width:var(--knob-size);height:var(--knob-size);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #aaa;border-radius:50%;position:relative}._knob_jgwt6_4:active{cursor:grabbing}._knob_jgwt6_4:focus-visible{outline-offset:4px;outline:1px solid #ffffff73}._knob_jgwt6_4[aria-disabled=true]{cursor:not-allowed;opacity:.5}._knob_jgwt6_4>span{width:2px;height:41%;transform:rotate(var(--knob-rotation));transform-origin:50% 100%;background:#eee;border-radius:1px;position:absolute;top:9%;left:calc(50% - 1px)}._knobContainer_11v1p_1{--knob-font-size:12px;--knob-el-width:45px;line-height:1.5;font-size:var(--knob-font-size);width:calc(var(--knob-el-width) * 1.5);flex-direction:column;display:flex}._knobContainer_11v1p_1 ._knobLabel_11v1p_12{justify-content:center;display:flex}._knobContainer_11v1p_1 ._knobValue_11v1p_17{white-space:nowrap;font-variant-numeric:tabular-nums;width:100%;font-family:monospace;font-size:calc(var(--knob-font-size) * .6);color:#bbb;text-align:center;margin-inline:auto;justify-content:center;margin-top:.25em;margin-bottom:.25em;padding:.25em .5em;font-weight:100;display:flex}._knobControl_11v1p_36{margin-inline:auto;margin-top:.5em}._region_1h0h0_1{z-index:1000;pointer-events:none;position:fixed;inset-block-end:1rem;inset-inline-start:1rem}._list_1h0h0_9{gap:.5rem;width:min(24rem,100vw - 2rem);margin:0;padding:0;list-style:none;display:grid}._toast_1h0h0_18{--toast-accent:#60a5fa;color:#fff;border-inline-start:.25rem solid var(--toast-accent);pointer-events:auto;background:#202124;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;animation:.16s ease-out _toast-in_1h0h0_1;display:flex;box-shadow:0 .25rem 1rem #0000004d}._success_1h0h0_35{--toast-accent:#4ade80}._error_1h0h0_39{--toast-accent:#f87171}._info_1h0h0_43{--toast-accent:#60a5fa}._close_1h0h0_47{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem;line-height:1}@keyframes _toast-in_1h0h0_1{0%{opacity:0;transform:translateY(.5rem)}}@media (prefers-reduced-motion:reduce){._toast_1h0h0_18{animation:none}}.midi-learn-highlight{z-index:10;position:relative;outline:2px solid #0fc!important;box-shadow:0 0 10px #0fc!important}body.midi-learn-active [data-knob]{cursor:pointer}@media (hover:hover) and (pointer:fine){body.midi-learn-active [data-knob]:hover{outline:1px dashed #0fc}}.midi-learn-status{color:#0fc;z-index:1000;pointer-events:none;background-color:#000000b3;border-radius:4px;padding:8px 15px;font-size:14px;transition:opacity .3s;position:fixed;top:10px;right:10px}.midi-learn-status.active{opacity:1}.midi-learn-status.inactive{opacity:0}._toggle_j6xd7_1{cursor:pointer;align-items:center;display:inline-flex;position:relative}._input_j6xd7_9{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}._toggle_j6xd7_1:has(:focus-visible){outline-offset:2px;outline:2px solid}._toggle_j6xd7_1:has(:disabled){cursor:not-allowed;opacity:.5}._panel_1rw1s_1{color:#fff;background:#000c;border-radius:.35rem;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;max-width:1380px;margin-inline:auto;padding:.5rem;font-size:.85rem;display:flex;position:relative}._title_1rw1s_18{letter-spacing:.04rem;font-weight:700}._status_1rw1s_23{color:#95dfff}._stats_1rw1s_27{color:#e7f8ff}._error_1rw1s_31{color:oklch(75% .15 25)}._disabled_1dtqz_1{cursor:not-allowed;opacity:.5}._toggle_1dtqz_8{--toggle-height:.85rem;justify-content:center;align-items:center;gap:calc(var(--toggle-height) / 2);border-radius:16px;display:flex}._input_1dtqz_18{opacity:0;width:1px;height:1px;position:absolute}._container_1dtqz_25{width:calc(var(--toggle-height) * 2);height:var(--toggle-height);display:inline-block;position:relative}._switch_1dtqz_32{cursor:pointer;background:#464646;border:1px solid #0000;border-radius:12px;transition:all .15s ease-in-out;position:absolute;inset:0;box-shadow:0 1px 4px 1px #00000040}._switch_1dtqz_32:before{width:calc(var(--toggle-height) - 4px);height:calc(var(--toggle-height) - 4px);content:"";background:#fff;border:1px solid #0000;border-radius:50%;transition:all .15s ease-in-out;position:absolute;inset:0;box-shadow:0 1px 4px 1px #00000040}._enabled_1dtqz_56 ._switch_1dtqz_32{background:#ff9800}._enabled_1dtqz_56 ._switch_1dtqz_32:before{transform:translateX(var(--toggle-height))}._label_1dtqz_64{color:#fff;font-family:system-ui,sans-serif;font-size:.75rem;font-weight:350}._button_jtsyb_3{box-sizing:border-box;color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;margin:4px;padding:8px;transition:all .15s ease-in-out;display:inline-flex}._button_jtsyb_3._off_jtsyb_21{color:#aaa}._input_jtsyb_29{opacity:0;width:1px;height:1px;position:absolute}._button_jtsyb_3:has(:focus-visible){border-color:#999}._button_jtsyb_3 svg{width:20px;height:20px}._button_jtsyb_3._disabled_jtsyb_47{cursor:not-allowed;opacity:.5}@media (hover:hover) and (pointer:fine){._button_jtsyb_3:not(._disabled_jtsyb_47):hover{border-color:#999}}._group_14d9s_1{gap:.5rem;display:inline-flex}._option_14d9s_6{cursor:pointer;align-items:center;gap:.25rem;display:inline-flex}._hideInput_14d9s_13 ._option_14d9s_6{position:relative}._hideInput_14d9s_13 input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}._hideInput_14d9s_13 ._option_14d9s_6:has(:focus-visible){outline-offset:2px;outline:2px solid}._bar_156zg_1{background:#121417ed;border:none;border-radius:.25rem;flex-wrap:nowrap;align-items:center;gap:.5rem;padding:.25rem;font-size:.9rem;display:flex}._bar_156zg_1 select,._bar_156zg_1 button{justify-content:center;align-items:center;display:flex}._modeSelector_156zg_20{align-items:center;gap:.5rem;display:flex}._modeSelector_156zg_20 label[data-checked]{color:#3adbf3fb;text-shadow:0 0 2px #3adbf3fb}._toggles_156zg_31,._pointRoleSelectors_156zg_32{align-items:center;gap:.5rem;display:flex}._speedKnobContainer_156zg_38{align-items:center;gap:.5rem;margin-inline-start:auto;display:flex}._speedKnobContainer_156zg_38 ._value_156zg_44{width:4ch;display:inline-block}._toggle_156zg_31{color:#777}._toggle_156zg_31[data-checked]{color:#4ade80}._dot_156zg_58{background:currentColor;border-radius:50%;width:.75rem;height:.75rem}._resetButton_156zg_65{all:unset;cursor:pointer;border-radius:.25rem;padding:.15rem .5rem}._resetButton_156zg_65:focus-visible{outline:2px solid}._resetButton_156zg_65:hover{background:#691515d9;border:1px solid;transform:scale(1.025)}._editor_11sfk_1{flex-direction:column;flex:1;min-height:0;display:flex}._editor_11sfk_1 ._empty_11sfk_7{color:#aaa;text-align:center;margin-top:1rem}._svg_11sfk_14{box-sizing:border-box;background:var(--envelope-bg);touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff1a;border-radius:.25rem;width:100%;height:100%;min-height:200px;max-height:400px;padding:.5rem;display:block;overflow:visible;box-shadow:0 0 .5rem #00000040}._point_11sfk_35{fill:var(--envelope-point-normal,currentcolor);stroke:#0000;stroke-width:16px;pointer-events:all;cursor:grab}._snapLine_11sfk_43{stroke:currentColor;stroke-opacity:.25;stroke-dasharray:4 4;pointer-events:none}._svg_11sfk_14._dragging_11sfk_50{cursor:grabbing}._point_11sfk_35[data-role=sustain]{fill:var(--envelope-point-sustain,orange)}._point_11sfk_35[data-role=sustain][data-inactive]{opacity:.5}._point_11sfk_35[data-role=release]{fill:var(--envelope-point-release,dodgerblue)}._point_11sfk_35[data-role=sustain-release]{fill:var(--envelope-point-combined,mediumpurple)}._waveform_vsq9a_1{color:var(--audio-waveform-color,#3467bca6);display:block;overflow:hidden}._waveform_vsq9a_1 path{fill:none;stroke:currentColor;stroke-width:1px}._icon_iunw2_1{width:1.5rem;height:1.5rem;color:var(--color-text);-webkit-mask:var(--waveform-icon) center / contain no-repeat;-webkit-mask:var(--waveform-icon) center / contain no-repeat;mask:var(--waveform-icon) center / contain no-repeat;pointer-events:none;background-color:currentColor;display:inline-block}._container_1bm2n_1{align-items:center;display:inline-flex;position:relative}._icon_1bm2n_7{position:absolute;left:.25rem}._select_1bm2n_12{color:#0000;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background-color:#0000;border:none;border-radius:4px;width:1.75rem;min-width:2rem;max-width:2rem;height:1.75rem;padding:.5rem;font-size:0;overflow:hidden}._select_1bm2n_12 option{color:var(--color-text);margin-left:1.8rem;font-size:16px}[data-theme=dark]{--bg-color-1:oklch(20% .0001 220);--bg-color-2:oklch(25% .01 200);--bg-color-3:oklch(20% .005 210);--sidebar-bg:#232323;--envelope-bg:oklch(10% .0001 220);--color-text:oklch(90% .01 240)}[data-theme=light]{--bg-color-1:oklch(91.611% .12855 106.293);--bg-color-2:oklch(30% .08 155);--bg-color-3:oklch(25% .07 155/.75);--sidebar-bg:#232323;--envelope-bg:oklch(5% .0001 0);--color-text:oklch(94.618% .00681 234.2)}body{background-color:var(--bg-color-1);color:var(--color-text);-webkit-user-select:none;user-select:none;text-shadow:-1px -1px #0000004d,1px -1px #0000004d,-1px 1px #0000004d,1px 1px #0000004d;border-color:#999;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:root{interpolate-size:allow-keywords;box-sizing:border-box}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}select{appearance:base-select;color:var(--color-text);background-color:#333;border-color:#999;outline:none;font-size:smaller}::picker(select){appearance:base-select;color:var(--color-text);background-color:#333;border-color:#999;outline:none;font-size:smaller}selectedcontent,option{align-items:center;gap:.5rem;display:flex}option{padding-block:.1rem}option::checkmark{display:none}option:checked{color:#d6d6d6;background-color:#26436e}.content-wrapper{border:none;place-items:center;width:100%;max-width:1400px;margin-inline:auto;padding:.5rem 0;position:relative;overflow:hidden}.control-grid{padding:1rem;background-color:var(--bg-color-2);will-change:grid-template-areas, width;border:none;border-radius:.5rem;grid-auto-rows:min-content;gap:1rem;max-width:1350px;margin-inline:auto;padding-right:2.5rem;transition:grid-template-areas .2s,width .2s;display:grid;position:relative}.control-grid.layout-desktop{grid-template-areas:"env env sample space""env env filter feedback""loop trim misc lfo""toggle keyboard keyboard keyboard"}.control-grid.layout-mobile{grid-template-columns:minmax(0,1fr);grid-template-areas:"sample""env""keyboard""loop""trim""space""filter""misc""feedback""lfo""toggle"}.control-grid.layout-tablet{grid-template-columns:1fr 1fr;grid-template-areas:"env sample""env filter""loop trim""space misc""feedback feedback""lfo lfo""keyboard keyboard""toggle."}.control-grid.layout-tablet .row-collapse-icon{pointer-events:none;display:none}.control-grid.layout-tablet .control-group{box-sizing:border-box;justify-content:center;min-width:0;max-width:100%;overflow:hidden}.control-grid.layout-tablet .env-group{min-height:150px}.control-grid.layout-tablet .piano-keyboard{max-width:100%}.control-grid.layout-tablet .piano-keyboard webaudio-keyboard{width:100%;max-width:calc(100dvw - 2rem)}.control-grid.layout-mobile{box-sizing:border-box;width:100%;max-width:100%;padding-right:1rem;overflow:hidden}.control-grid.layout-mobile .row-collapse-icon{pointer-events:none;display:none}.control-grid.layout-mobile .control-group{box-sizing:border-box;justify-content:center;min-width:0;max-width:100%;overflow:hidden}.control-grid.layout-mobile .expandable-content,.control-grid.layout-mobile .lfo-container{flex-wrap:wrap;justify-content:center}.control-grid.layout-mobile .keyboard-controls{flex-direction:row;gap:.5rem}.control-grid.layout-mobile .env-group{min-height:150px}.control-grid.layout-mobile .piano-keyboard,.control-grid.layout-mobile .piano-keyboard webaudio-keyboard{max-width:100%}.flex-col{flex-direction:column;justify-content:center;align-items:center;display:flex}.flex-row{flex-direction:row;justify-content:center;align-items:flex-start;display:flex}.control-group{background-color:var(--bg-color-3);will-change:max-height, opacity, width, background-color, padding, border;border:1px solid #a8a6a692;border-radius:.5rem;place-self:start center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.control-group>legend{text-align:center;color:var(--color-text);font-weight:400}.control-group.collapsed .expandable-content{opacity:0;pointer-events:none;max-height:0;overflow:hidden}.control-group.collapsed{background-color:#0000;border:none;border-top:1px solid #a8a6a692;border-radius:0;padding:.5rem 0}.expandable-content{opacity:1;flex-direction:row;justify-content:center;align-items:flex-start;max-height:60dvh;transition:max-height .2s,opacity .2s;display:flex}.expandable-legend{cursor:pointer}.feedback-group{grid-area:feedback}.env-group{grid-area:env;height:auto;min-height:200px}.env-group.collapsed{grid-area:env;height:auto;min-height:0}.sample-group{grid-area:sample}.space-group{grid-area:space}.loop-group{grid-area:loop}.lfo-container{grid-area:lfo;justify-content:center;gap:1rem;display:flex}.trim-group{grid-area:trim}.filter-group{grid-area:filter}.misc-group{grid-area:misc}.toggle-group{grid-area:toggle;place-self:center;width:50%}.toggle-group>div{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;justify-content:center;gap:.2rem;display:grid}.toggle-group .sampler-toggle-container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.toggle-group .sampler-status{color:#b7b5b5d6;align-items:center;display:flex}.keyboard-group{grid-area:keyboard;justify-content:center;align-items:center;width:fit-content;height:fit-content;min-height:fit-content;padding:.25rem}.keyboard-group .flex-row{gap:.5rem;margin-inline:auto;padding:0 .5rem .25rem}.keyboard-controls{flex-direction:column;justify-content:center;align-items:center;display:flex}.piano-keyboard{border-radius:16px;flex-direction:column;gap:.5rem;min-height:40px;margin:.25rem;padding:.5rem;display:flex;overflow-x:hidden}.piano-keyboard>*{margin:0!important;padding:0!important}.row-collapse-icon{cursor:pointer;opacity:.9;color:#dedede;z-index:10;border:none;border-radius:3px;place-self:start end;width:1.2rem;height:fit-content;margin-top:.5rem;margin-right:-1.85rem;font-size:.8rem;transition:all .2s}.row-collapse-icon:before{content:"﹀";font-weight:700}@media (prefers-reduced-motion:reduce){.expandable-content{transition:none}}.reset-button{stroke:#fff;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1rem;cursor:pointer;background:0 0;border:none;border-radius:.25rem;width:auto;height:1.5rem;margin-top:.35rem;display:flex}.input-device-select,.output-device-select{color:#fff;width:36px;height:36px;position:relative}:is(.input-device-select,.output-device-select):has(select:disabled){color:gray}.icon-select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.icon-select-icon{pointer-events:none;justify-content:center;align-items:center;padding:.1rem;display:flex;position:absolute;inset:0}.input-source-selection-container{justify-content:center;align-items:center;gap:.25rem;width:120px;display:flex;overflow-x:visible}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;color:var(--color-text);background-color:#333;border:1px solid #999;border-radius:4px}.toolbar-wrapper{background:var(--sidebar-bg);z-index:1001;pointer-events:auto;opacity:1;will-change:opacity, transform;border:2px solid #000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:.5em;left:.5em;transform:translate(0);box-shadow:10px 10px 20px 5px #0003}.toolbar-wrapper.__sidebar-open{opacity:0;pointer-events:none;transform:translate(-150px)}.toolbar-wrapper>.expandable-width{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:0;transition:height .3s,transform .3s;display:flex;overflow:clip}.toolbar-wrapper>.expandable-width.__toolbar-open{height:max-content}.toolbar-wrapper>.toolbar-toggle,.toolbar-wrapper>.expandable-width>.toolbar-btn{z-index:1000;cursor:pointer;color:#fff;opacity:1;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden;transform:scale(1)}@media (hover:hover) and (pointer:fine){:is(.toolbar-wrapper>.toolbar-toggle,.toolbar-wrapper>.expandable-width>.toolbar-btn):hover{transform:scale(1.1)}}:is(.toolbar-wrapper>.toolbar-toggle,.toolbar-wrapper>.expandable-width>.toolbar-btn):active{transform:scale(.9)}:is(.toolbar-wrapper>.toolbar-toggle,.toolbar-wrapper>.expandable-width>.toolbar-btn):disabled{color:gray}:is(.toolbar-wrapper>.toolbar-toggle,.toolbar-wrapper>.expandable-width>.toolbar-btn):has(select:disabled){color:gray}.toolbar-wrapper>.expandable-width>.toolbar-btn{visibility:visible}.toolbar-wrapper>.expandable-width>.output-device-select,.input-device-select{white-space:nowrap;color:#fff;max-width:36px;overflow:hidden}:is(.toolbar-wrapper>.expandable-width>.output-device-select,.input-device-select):has(select:open){color:#58f;transform:scale(.9)}:is(.toolbar-wrapper>.expandable-width>.output-device-select,.input-device-select) option{font-family:monospace;font-size:12px}:is(.toolbar-wrapper>.expandable-width>.output-device-select,.input-device-select) option:checked{color:#58f;background:#00000087}.theme-toggle{font-size:20px}.sidebar{background:var(--sidebar-bg);width:max(20dvw,300px);height:100dvh;color:var(--color-text);z-index:999;will-change:transform;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{overflow-y:auto;transform:translate(0)}.sidebar-header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:20px;display:flex}.close-button{color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:24px}.sidebar-content{padding:20px}.instrument-item{border:1px solid #444;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px;display:flex}.instrument-select-button{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:flex}.instrument-item:has(.instrument-select-button[aria-current=true]){border-color:#8ab4f8}.instrument-item:has(.instrument-select-button[data-layer]){border-color:#bb6363}.instrument-info{flex:1}.instrument-name{font-weight:700;display:block}.instrument-date{opacity:.7;font-size:12px;display:block}.delete-button{color:#ddd;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:10px;padding:4px;display:flex}.delete-button svg{pointer-events:none}.save-popup{z-index:1000;background-color:#000;border:1px solid #f5f5f5;border-radius:8px;flex-direction:column;gap:1.2rem;padding:1.2rem;display:flex;position:absolute;top:50px;left:50px;box-shadow:10px 5px 5px #000}.save-popup .save-popup-header{color:beige;align-self:flex-start}.save-popup input{align-self:flex-start;width:120px;max-width:250px}.save-popup .save-popup-buttons{gap:1rem;display:flex}.save-popup .save-popup-buttons button{color:#fff;opacity:1;will-change:opacity, transform;background-color:#444;width:auto;height:auto;padding:4px 8px;transition:opacity .3s,transform .3s;transform:scale(1)}@media (hover:hover) and (pointer:fine){.save-popup .save-popup-buttons button:hover{opacity:1;transform:scale(1.1)!important}}.save-popup .save-popup-buttons button:active{opacity:1;transform:scale(.9)}.crop-button{color:var(--color-text);text-shadow:0 0 4px #000000bf;cursor:pointer;will-change:transform;background:#552b2b;border:1px solid #999;border-radius:3px;padding:4px;transition:transform .1s ease-out,background-color .1s ease-out,border-color .1s ease-out;transform:scale(1)}@media (hover:hover) and (pointer:fine){.crop-button:hover{background-color:#5a1818;border-color:#ccc;transform:scale(1.025)}}.crop-button:active{background-color:#7a2020;border-color:#ccc;transform:scale(.975)}@media (hover:hover) and (pointer:fine){.expandable-legend:hover{color:#fff}.row-collapse-icon:hover{opacity:1;background:#fff3;border:1px solid #ffffff59}.instrument-item:hover{background:#333}.delete-button:hover{color:#ff5252;background:#ff6b6b33}}.drop-overlay{z-index:1002;pointer-events:none;opacity:0;color:var(--color-text);outline-offset:-1rem;background:oklch(0% 0 0/.6);outline:3px dashed;place-items:center;font-size:1.25rem;transition:opacity .12s;display:grid;position:fixed;inset:0}.drop-overlay.__active{opacity:1}