.input-group.svelte-3bsg9h{position:relative;display:flex;align-items:center}.input-group.svelte-3bsg9h,input[type=range].svelte-3bsg9h{writing-mode:vertical-lr}.track-container.svelte-3bsg9h{position:relative;width:var(--size-menu);height:8rem;overflow:hidden;border-radius:100px;rotate:180deg}.track.svelte-3bsg9h{position:relative;pointer-events:none;background-color:var(--theme-bg-0);width:100%;height:100%}.track-container.svelte-3bsg9h:focus-within{outline:2px solid var(--theme-pt-0);outline-offset:2px}.progress.svelte-3bsg9h{position:relative;width:100%;height:var(--knob-progress);background-image:linear-gradient(var(--knob-color-progress-0),var(--knob-color-progress-1));top:var(--knob-origin-pos);left:0;scale:1 var(--knob-flip);transform-origin:top center}.progress.svelte-3bsg9h:after{content:"";width:75%;aspect-ratio:1;position:absolute;bottom:0;left:50%;translate:-50% 50%;rotate:45deg;transform-origin:center;background-color:var(--theme-fg-0)}input[type=range].svelte-3bsg9h{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}.value.svelte-3bsg9h{width:var(--size-menu);height:3rem;color:var(--theme-bg-0);background-color:var(--theme-fg-0);border-radius:100px;text-align:center;line-height:var(--size-menu)}.inputs.svelte-13j00fq{display:flex;flex-direction:column;gap:1rem}section.svelte-45i9d5{display:inline-flex;padding:0 1.5rem;height:var(--size-menu-lg);gap:.5rem;align-items:center;background-color:var(--theme-fg-0);border-radius:999px;color:var(--theme-bg-0)}.btn-scale.svelte-45i9d5{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:var(--theme-bg-0);font-size:1rem;padding:0;cursor:pointer;height:100%}.divider.svelte-45i9d5{opacity:.4;padding:0 .25rem}.menu-scale.svelte-45i9d5{width:calc(100vw - calc(var(--size-menu-lg) * 2));max-width:640px;top:var(--size-menu-lg);left:auto;right:var(--size-menu-lg);position:fixed;z-index:1000;margin:0;padding:.25rem;border:none;background:transparent}.menu.svelte-45i9d5{display:inline-grid;width:100%;padding:2rem;margin:0;grid-template-columns:1fr 2fr;color:var(--theme-bg-0);background-color:rgb(var(--theme-fg-0-r) / .9)}fieldset.svelte-45i9d5{margin:0;padding:0;list-style-type:none;border:none}input[type=radio].svelte-45i9d5{width:0;height:0;position:absolute}label.svelte-45i9d5{display:flex;width:100%;font-size:1.5rem;align-items:center;justify-content:space-between;padding:.25rem .125rem}label.svelte-45i9d5:hover,label.svelte-45i9d5:has(input[type=radio]:where(.svelte-45i9d5):focus),label.svelte-45i9d5:has(input[type=radio]:where(.svelte-45i9d5):checked){color:var(--theme-fg-0);background-color:var(--theme-bg-0)}label.svelte-45i9d5:hover .color-group:where(.svelte-45i9d5){gap:.25rem}.color-group.svelte-45i9d5{display:inline-flex;margin-left:.25rem;gap:0}.color.svelte-45i9d5{width:1.5rem;height:1.5rem;border-radius:1rem;margin-left:-.25rem;background-image:linear-gradient(rgb(var(--scale-color-0)),rgb(var(--scale-color-1)))}.menu-divider.svelte-1rcqvos{padding:.5rem 0}.menu-divider-line.svelte-1rcqvos{width:100%;height:2px;margin:.4rem 0;background-color:var(--theme-bg-0)}button.svelte-9w54bd{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;width:var(--size-menu);aspect-ratio:2/3;border:none;border-radius:100px;color:var(--theme-fg-0);background-color:var(--theme-bg-0);display:inline-grid;place-content:center}button.svelte-9w54bd[data-resetting=true]{animation:svelte-9w54bd-reset 2s linear,svelte-9w54bd-boom 2s}button.svelte-9w54bd[data-resetting=true] svg{animation:svelte-9w54bd-boom 2s,svelte-9w54bd-shake .1s infinite}@keyframes svelte-9w54bd-reset{to{background:red}}@keyframes svelte-9w54bd-shake{33.33%{translate:-2px 0}33.33%{translate:2px 0}0%,to{translate:0}}@keyframes svelte-9w54bd-boom{95%{scale:1}96%{scale:1.1}}.container.svelte-ylymwe{display:inline-flex;gap:1rem;align-items:center;writing-mode:vertical-lr}button.svelte-ylymwe{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--theme-bg-0);width:var(--size-menu);border-radius:100px;display:inline-flex;gap:.5rem;align-items:center;padding:.5rem 0}.tool.svelte-ylymwe{aspect-ratio:1}.tool[data-selected=false].svelte-ylymwe{opacity:0}.tool-draw.svelte-ylymwe{width:60%;background-color:var(--theme-fg-0);border-radius:100%}.tool-erase.svelte-ylymwe{font-size:0;width:60%;color:var(--theme-fg-0)}.tool-erase.svelte-ylymwe svg{width:100%}.tool-pitch.svelte-ylymwe{width:50%;background-color:var(--theme-fg-0);rotate:45deg}.pad.svelte-dljzq4{position:relative;border:none;padding:0;display:flex;background-color:transparent;aspect-ratio:1}.pad.editable.svelte-dljzq4{box-shadow:inset 0 0 0 1px var(--color-border)}.pad.is_playing.svelte-dljzq4{filter:brightness(1.2)}.pad-inner.svelte-dljzq4{position:relative;background-image:linear-gradient(to bottom,var(--color-0),var(--color-1));background-size:160px;background-repeat:repeat;background-position-x:0;overflow:hidden;aspect-ratio:1;transform-origin:center}.pad.is_playing.svelte-dljzq4 .pad-inner:where(.svelte-dljzq4){animation:svelte-dljzq4-scale .5s ease-out}.pad.ineditable.svelte-dljzq4 .pad-inner:where(.svelte-dljzq4){background-image:none}.pad[data-empty=true].svelte-dljzq4 .pad-inner:where(.svelte-dljzq4){background-image:none;box-shadow:none}.pad.editable.svelte-dljzq4:hover{z-index:10}.pad.svelte-dljzq4:hover .pad-inner:where(.svelte-dljzq4){outline:4px solid var(--theme-pt-0);outline-offset:0}.pad.ineditable.svelte-dljzq4 .dot:where(.svelte-dljzq4),.pad.all.svelte-dljzq4 .dot:where(.svelte-dljzq4){display:none}.pad[data-empty=true].svelte-dljzq4 .dot:where(.svelte-dljzq4){position:absolute;top:50%;left:50%;translate:-50%;width:.5rem;height:.5rem;border-radius:1rem;background-color:var(--color-0);z-index:0}@keyframes svelte-dljzq4-scale{0%{scale:1}to{scale:.9}}.grid.svelte-jxxj06{display:grid;min-width:320px;grid-template-columns:repeat(var(--width, 4),1fr);transition:gap .3s ease}.grid.editable.svelte-jxxj06{box-shadow:0 0 0 1px var(--color-border)}.container.svelte-v2g1yu{position:relative;width:100%;max-width:800px;flex:2}.track-container.svelte-v2g1yu{width:100%;padding:0}.track-container.svelte-v2g1yu{position:absolute;top:0;left:0}.track-container.disable.svelte-v2g1yu{pointer-events:none}.tool-select-synth-menu.svelte-14jh2g0{margin:1rem 0;padding:0;list-style-type:none}.tool-item.svelte-14jh2g0{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--size-menu-lg);aspect-ratio:1/1.5;border:none;transform-origin:right;transition:translate .2s cubic-bezier(.34,1.56,.64,1)}.tool-item[data-selected=true].svelte-14jh2g0{color:var(--theme-bg-0);background-image:none;background-color:var(--synth-select-dimmed);border-right:8px solid var(--synth-select-0)}.tool-select-synth.svelte-14jh2g0{background-image:linear-gradient(var(--synth-select-0),var(--synth-select-1))}.tool-item.svelte-14jh2g0:focus{outline:none}main.svelte-1tutjtf{background-image:linear-gradient(var(--theme-bg-0),var(--theme-bg-1, var(--theme-bg-0)));width:100vw;height:100vh;display:grid;grid-template-areas:"a a a" "b o c" "d d d";grid-template-rows:var(--size-menu-lg) 1fr var(--size-menu-lg);grid-template-columns:var(--size-menu-lg) 1fr var(--size-menu-lg)}.stage.svelte-1tutjtf{position:relative;display:flex;padding:2rem;align-items:center;justify-content:center;overflow-y:scroll}.stage.svelte-1tutjtf::-webkit-scrollbar{display:none}.action-bar.svelte-1tutjtf{grid-area:a;display:flex;align-items:center;justify-content:center;background-color:var(--theme-fg-0)}.btn-play.svelte-1tutjtf{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-image:linear-gradient(var(--theme-pt-0),var(--theme-pt-1, var(--theme-pt-0)));aspect-ratio:1.5;height:var(--size-menu-lg);text-indent:-9999px}menu.svelte-1tutjtf{background:var(--theme-fg-0);color:var(--theme-bg-0);width:2.5rem;margin:0;padding:0}.menu-tool-container.svelte-1tutjtf{grid-area:b;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;gap:1rem;background:var(--theme-fg-0)}.menu-tool-container.svelte-1tutjtf ul:where(.svelte-1tutjtf){margin:0;padding:0;list-style-type:none}.tool-item.svelte-1tutjtf{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--size-menu);border:none;transform-origin:right;transition:translate .2s cubic-bezier(.34,1.56,.64,1)}.tool-item[data-selected=true].svelte-1tutjtf{translate:-25% 0}.tool-item.svelte-1tutjtf:focus{outline:none}.tool-all.svelte-1tutjtf{aspect-ratio:1/2;width:var(--size-menu-lg);background-image:linear-gradient(135deg,var(--theme-0-0) 0%,var(--theme-0-1, var(--theme-0-0)) 25%,var(--theme-1-0) 25%,var(--theme-1-1, var(--theme-1-0)) 50%,var(--theme-2-0) 50%,var(--theme-2-1, var(--theme-2-0)) 75%,var(--theme-3-0) 75%,var(--theme-3-1, var(--theme-3-0)) 100%)}.menu-control-container.svelte-1tutjtf{grid-area:c;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-bottom-container.svelte-1tutjtf{grid-area:d;display:flex;justify-content:center;align-items:center;width:100%;background:var(--theme-fg-0)}.stage.svelte-1tutjtf .noise:where(.svelte-1tutjtf){pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../../noise.png);background-repeat:repeat;background-size:150px;mix-blend-mode:overlay;animation:svelte-1tutjtf-noise 1s steps(8) infinite}.stage.svelte-1tutjtf .noise[data-state=paused]:where(.svelte-1tutjtf){animation:none}@keyframes svelte-1tutjtf-noise{0%{background-position:0 0}to{background-position:100% 100%}}