.input-group.svelte-1xilzp9{position:relative;display:flex;align-items:center}.input-group.svelte-1xilzp9,input[type=range].svelte-1xilzp9{writing-mode:vertical-lr}.track-container.svelte-1xilzp9{position:relative;width:var(--size-menu);height:8rem;overflow:hidden;border-radius:100px;rotate:180deg}.track.svelte-1xilzp9{position:relative;pointer-events:none;background-color:var(--theme-bg-0);width:100%;height:100%}.track-container.svelte-1xilzp9:focus-within{outline:2px solid var(--theme-pt-0);outline-offset:2px}.progress.svelte-1xilzp9{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-1xilzp9: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-1xilzp9{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}.value.svelte-1xilzp9{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-tsj0nj{display:flex;flex-direction:column;gap:1rem}section.svelte-nhc6zq{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-nhc6zq{appearance:none;background-color:transparent;border:none;color:var(--theme-bg-0);font-size:1rem;padding:0;cursor:pointer;height:100%}.divider.svelte-nhc6zq{opacity:.4;padding:0 .25rem}.menu-scale.svelte-nhc6zq{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-nhc6zq{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-nhc6zq{margin:0;padding:0;list-style-type:none;border:none}input[type=radio].svelte-nhc6zq{width:0;height:0;position:absolute}label.svelte-nhc6zq{display:flex;width:100%;font-size:1.5rem;align-items:center;justify-content:space-between;padding:.25rem .125rem}label.svelte-nhc6zq:hover,label.svelte-nhc6zq:has(input[type=radio]:where(.svelte-nhc6zq):focus),label.svelte-nhc6zq:has(input[type=radio]:where(.svelte-nhc6zq):checked){color:var(--theme-fg-0);background-color:var(--theme-bg-0)}label.svelte-nhc6zq:hover .color-group:where(.svelte-nhc6zq){gap:.25rem}.color-group.svelte-nhc6zq{display:inline-flex;margin-left:.25rem;gap:0}.color.svelte-nhc6zq{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)))}button.svelte-1u9q83u{position:relative;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-1u9q83u[data-resetting=true]{animation:svelte-1u9q83u-reset 2s linear,svelte-1u9q83u-boom 2s}button.svelte-1u9q83u[data-resetting=true] svg{animation:svelte-1u9q83u-boom 2s,svelte-1u9q83u-shake .1s infinite}@keyframes svelte-1u9q83u-reset{to{background:red}}@keyframes svelte-1u9q83u-shake{33.33%{translate:-2px 0}33.33%{translate:2px 0}0%,to{translate:0}}@keyframes svelte-1u9q83u-boom{95%{scale:1}96%{scale:1.1}}.container.svelte-15l8yv1{display:inline-flex;gap:1rem;align-items:center;writing-mode:vertical-lr}button.svelte-15l8yv1{position:relative;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-15l8yv1{aspect-ratio:1}.tool[data-selected=false].svelte-15l8yv1{opacity:0}.tool-draw.svelte-15l8yv1{width:60%;background-color:var(--theme-fg-0);border-radius:100%}.tool-erase.svelte-15l8yv1{font-size:0;width:60%;color:var(--theme-fg-0)}.tool-erase.svelte-15l8yv1 svg{width:100%}.tool-pitch.svelte-15l8yv1{width:50%;background-color:var(--theme-fg-0);rotate:45deg}.pad-inner.svelte-mijjfp{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-inner.is_playing.svelte-mijjfp{animation:svelte-mijjfp-scale .5s ease-out}.pad-inner.ineditable.svelte-mijjfp{background-image:none}.pad-inner[data-empty=true].svelte-mijjfp{background-image:none;box-shadow:none}@keyframes svelte-mijjfp-scale{0%{scale:1}to{scale:.9}}.pad.svelte-tb5z9k{position:relative;border:none;padding:0;display:flex;background-color:transparent;aspect-ratio:1}.pad.editable.svelte-tb5z9k{box-shadow:inset 0 0 0 1px var(--color-border)}.pad.is_playing.svelte-tb5z9k{filter:brightness(1.2)}.pad.editable.svelte-tb5z9k:hover{z-index:10}.pad.ineditable.svelte-tb5z9k .dot:where(.svelte-tb5z9k),.pad.all.svelte-tb5z9k .dot:where(.svelte-tb5z9k){display:none}.pad[data-empty=true].svelte-tb5z9k .dot:where(.svelte-tb5z9k){position:absolute;top:50%;left:50%;translate:-50%;width:.5rem;height:.5rem;border-radius:1rem;background-color:var(--color-0);z-index:0}.grid.svelte-a5nzfe{display:grid;min-width:320px;grid-template-columns:repeat(var(--width, 4),1fr);transition:gap .3s ease}.grid.editable.svelte-a5nzfe{box-shadow:0 0 0 1px var(--color-border)}.container.svelte-1e0f9um{position:relative;width:100%;max-width:800px;flex:2}.track-container.svelte-1e0f9um{width:100%;padding:0}.track-container.svelte-1e0f9um{position:absolute;top:0;left:0}.track-container.disable.svelte-1e0f9um{pointer-events:none}.tool-select-synth-menu.svelte-16eh8ft{margin:1rem 0;padding:0;list-style-type:none}.tool-item.svelte-16eh8ft{position:relative;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-16eh8ft{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-16eh8ft{background-image:linear-gradient(var(--synth-select-0),var(--synth-select-1))}.tool-item.svelte-16eh8ft:focus{outline:none}main.svelte-1uha8ag{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-1uha8ag{position:relative;display:flex;padding:2rem;align-items:center;justify-content:center;overflow-y:scroll}.stage.svelte-1uha8ag::-webkit-scrollbar{display:none}.action-bar.svelte-1uha8ag{grid-area:a;display:flex;align-items:center;justify-content:center;background-color:var(--theme-fg-0)}.btn-play.svelte-1uha8ag{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-1uha8ag{background:var(--theme-fg-0);color:var(--theme-bg-0);width:2.5rem;margin:0;padding:0}.menu-tool-container.svelte-1uha8ag{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-1uha8ag ul:where(.svelte-1uha8ag){margin:0;padding:0;list-style-type:none}.tool-item.svelte-1uha8ag{position:relative;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-1uha8ag{translate:-25% 0}.tool-item.svelte-1uha8ag:focus{outline:none}.tool-all.svelte-1uha8ag{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-1uha8ag{grid-area:c;display:flex;flex-direction:column;justify-content:center;align-items:center}.menu-bottom-container.svelte-1uha8ag{grid-area:d;display:flex;justify-content:center;align-items:center;width:100%;background:var(--theme-fg-0)}.stage.svelte-1uha8ag .noise:where(.svelte-1uha8ag){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-1uha8ag-noise 1s steps(8) infinite}.stage.svelte-1uha8ag .noise[data-state=paused]:where(.svelte-1uha8ag){animation:none}@keyframes svelte-1uha8ag-noise{0%{background-position:0 0}to{background-position:100% 100%}}