.sounds-control.svelte-1nsjcng{min-height:var(--vellum-knob-cell-min-height,8rem);padding:var(--vellum-knob-cell-padding,1rem);grid-template-columns:1fr auto;align-items:center;gap:.55rem;display:grid}.sounds-control.svelte-1nsjcng input:where(.svelte-1nsjcng){width:100%;accent-color:var(--vellum-knob-active-color,var(--vellum-current-blue,#5578f6));grid-area:2/1/auto/-1}.sounds-control.svelte-1nsjcng .knob-wrap:where(.svelte-1nsjcng){grid-area:1/2;justify-self:end}.knob.svelte-1nsjcng{width:var(--vellum-knob-size,2.55rem);height:var(--vellum-knob-size,2.55rem);border:1px solid var(--vellum-knob-border,var(--vellum-ink,#171813));background:var(--vellum-knob-background,radial-gradient(circle at 36% 30%, #fcfbf7, #d8d6cd));box-shadow:inset 0 0 0 .2rem var(--vellum-knob-track,#f5f2ea);border-radius:50%;display:block}.knob.svelte-1nsjcng:after{width:1px;height:calc(var(--vellum-knob-size,2.55rem) * .275);margin:calc(var(--vellum-knob-size,2.55rem) * .1) auto;background:var(--vellum-knob-indicator,var(--vellum-ink,#171813));content:"";transform:rotate(var(--turn));transform-origin:50% calc(var(--vellum-knob-size,2.55rem) * .39);display:block}.sounds-control.svelte-1nsjcng .control-label:where(.svelte-1nsjcng){font-size:var(--vellum-knob-label-size,.9rem);grid-area:1/1}.sounds-control.svelte-1nsjcng output:where(.svelte-1nsjcng){grid-area:3/1;justify-self:start}.default-control.svelte-1nsjcng{grid-template-columns:1fr auto;align-items:center;gap:.25rem .6rem;min-width:0;display:grid}.dial.svelte-1nsjcng{grid-area:1/2/3;place-items:center;width:2.6rem;height:2.6rem;display:grid;position:relative}.default-control.svelte-1nsjcng input:where(.svelte-1nsjcng){opacity:0;cursor:ew-resize;z-index:2;width:3rem;height:3rem;position:absolute}.face.svelte-1nsjcng{border:1px solid var(--vellum-ink);background:var(--vellum-panel);width:2.2rem;height:2.2rem;rotate:var(--rotation);box-shadow:inset 0 0 0 .18rem var(--vellum-paper-strong);border-radius:50%;position:relative}.face.svelte-1nsjcng:after{content:"";background:var(--vellum-ink);width:1px;height:.55rem;position:absolute;top:.18rem;left:50%;translate:-50%}strong.svelte-1nsjcng{text-transform:lowercase;font-size:.75rem;font-weight:400}output.svelte-1nsjcng{color:var(--vellum-muted);font:.5625rem/1 var(--vellum-mono)}input.svelte-1nsjcng:focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.default-scope.svelte-1tve508{width:100%;height:var(--vellum-scope-height,5.5rem);border:1px solid var(--vellum-scope-border,var(--vellum-line,#c8c6bc));background:var(--vellum-scope-background,var(--vellum-paper-strong,#fcfbf7));display:block}.scope.svelte-1tve508{width:100%;height:var(--vellum-scope-height,100%);border:0;margin:0;display:block}.scope.svelte-1tve508:not(.scope-header){display:block}.pwa-update.svelte-l08s39{z-index:1000;border:1px solid var(--vellum-ink,#222);background:var(--vellum-paper,#f8f6ef);width:min(25rem,100vw - 2rem);color:var(--vellum-ink,#222);font-family:var(--vellum-mono);padding:1rem;animation:.18s ease-out svelte-l08s39-enter;position:fixed;bottom:1rem;right:1rem;box-shadow:4px 4px #0000001f}.pwa-update.error.svelte-l08s39{border-color:#c53b36}.technical.svelte-l08s39{color:#77776f;letter-spacing:.08em;margin:0 0 .4rem;font-size:.72rem}h2.svelte-l08s39{margin:0;font:700 1.05rem/1.2 system-ui,sans-serif}p.svelte-l08s39{margin:.55rem 0 0;font-size:.85rem;line-height:1.35}.actions.svelte-l08s39{gap:.5rem;margin-top:.9rem;display:flex}button.svelte-l08s39{font:inherit;cursor:pointer;background:0 0;border:1px solid;padding:.5rem .65rem}.primary.svelte-l08s39{color:#fff;background:#4f73e8;border-color:#4f73e8}button.svelte-l08s39:disabled{cursor:wait;opacity:.7}button.svelte-l08s39:focus-visible{outline-offset:2px;outline:2px solid #4f73e8}@keyframes svelte-l08s39-enter{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pwa-update.svelte-l08s39{animation:none}}@media (width<=520px){.pwa-update.svelte-l08s39{box-sizing:border-box;width:100%;padding-bottom:calc(1rem + env(safe-area-inset-bottom));box-shadow:none;bottom:0;right:0}}.audio-actions.svelte-1klxg2z,.sounds-audio-actions.svelte-1klxg2z{align-items:center;gap:var(--vellum-control-gap,.5rem);flex-wrap:wrap;display:flex}.status.svelte-1klxg2z{font:.7rem var(--vellum-mono,monospace);text-transform:uppercase}button.svelte-1klxg2z{min-height:var(--vellum-audio-action-min-height,2rem);border:1px solid var(--vellum-line-strong,#76786f);background:var(--vellum-paper-strong,#fcfbf7);color:var(--vellum-ink,#171813);font:inherit;cursor:pointer;padding:.45rem .65rem}.sounds-audio-actions.svelte-1klxg2z button:where(.svelte-1klxg2z){border-color:var(--vellum-line,#c8c6bc)}button.active.svelte-1klxg2z{border-color:var(--vellum-current-blue,#5578f6);background:var(--vellum-current-blue,#5578f6);color:#fff}button.danger.svelte-1klxg2z,.panic.svelte-1klxg2z{color:var(--vellum-signal-red,#ee5146)}.audio-actions.svelte-1klxg2z .panic:where(.svelte-1klxg2z){border-color:var(--vellum-signal-red,#ee5146)}button.svelte-1klxg2z:disabled{cursor:not-allowed;opacity:.5}button.svelte-1klxg2z:focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.audio-actions.svelte-1klxg2z p:where(.svelte-1klxg2z){color:var(--vellum-signal-red,#b83a31);font:.75rem var(--vellum-mono,monospace);flex-basis:100%;margin:0}.playable-surface.svelte-1mht01x{touch-action:none;-webkit-user-select:none;user-select:none;min-width:0}div.keyboard.svelte-p0zmv8{height:var(--vellum-keyboard-height,11rem);padding:var(--vellum-keyboard-padding,.6rem);background:var(--vellum-keyboard-background,var(--vellum-panel-deep,#d8d6cd));touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:hidden}.keyboard.svelte-p0zmv8 .white-keys:where(.svelte-p0zmv8){height:100%;display:flex}.keyboard.svelte-p0zmv8 button:where(.svelte-p0zmv8){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;min-width:0;position:relative}.keyboard.svelte-p0zmv8 .white-key:where(.svelte-p0zmv8){border:1px solid var(--vellum-key-border,var(--vellum-line-strong,#76786f));background:var(--vellum-key-white-background,var(--vellum-paper-strong,#fcfbf7));color:var(--vellum-key-white-color,var(--vellum-ink,#171813));padding:var(--vellum-key-padding,.7rem .75rem);text-align:left;border-right:0;flex:1;justify-content:space-between;align-items:flex-end;display:flex}.keyboard.svelte-p0zmv8 .white-key:where(.svelte-p0zmv8):last-child{border-right:1px solid var(--vellum-key-border,var(--vellum-line-strong,#76786f))}.white-key.svelte-p0zmv8 span:where(.svelte-p0zmv8),.pad-key.svelte-p0zmv8 span:where(.svelte-p0zmv8){font-size:var(--vellum-key-label-size,clamp(1rem, 1.5vw, 1.35rem));font-weight:500}.white-key.svelte-p0zmv8 small:where(.svelte-p0zmv8),.pad-key.svelte-p0zmv8 small:where(.svelte-p0zmv8){color:var(--vellum-key-muted-color,var(--vellum-muted,#76786f));font:var(--vellum-key-detail-font,.58rem var(--vellum-mono,monospace))}.keyboard.svelte-p0zmv8 .black-key:where(.svelte-p0zmv8){z-index:2;top:var(--vellum-black-key-top,.6rem);left:calc(var(--vellum-keyboard-inline-padding,.6rem) + var(--position) * 9.0909%);width:var(--vellum-black-key-width,clamp(1.7rem, 3.8vw, 2.65rem));height:var(--vellum-black-key-height,58%);border:1px solid var(--vellum-black-key-border,var(--vellum-screen,#1a1c18));background:var(--vellum-key-black-background,var(--vellum-screen,#1a1c18));color:var(--vellum-key-black-color,var(--vellum-paper-strong,#fcfbf7));padding:.45rem .2rem;position:absolute;transform:translate(-50%);box-shadow:0 2px #17181340}.black-key.svelte-p0zmv8 span:where(.svelte-p0zmv8){display:none}.white-key.held.svelte-p0zmv8{background:var(--vellum-key-active-background,var(--color-primary-100,#dce4ff));color:var(--vellum-key-active-color,var(--vellum-ink,#171813));box-shadow:inset 0 -5px 0 var(--vellum-key-active-accent,var(--vellum-current-blue,#5578f6))}.black-key.held.svelte-p0zmv8{background:var(--vellum-key-active-accent,var(--vellum-current-blue,#5578f6));box-shadow:0 2px 0 var(--vellum-key-active-shadow,#2b4cba)}.pad-layout.svelte-p0zmv8{height:auto;min-height:0;padding:var(--vellum-pad-padding,.75rem)}.pad-grid.svelte-p0zmv8{grid-template-columns:repeat(var(--vellum-pad-columns,4), minmax(0, 1fr));gap:var(--vellum-pad-gap,.5rem);display:grid}.pad-key.svelte-p0zmv8{min-width:0;aspect-ratio:var(--vellum-pad-aspect,1);border:1px solid var(--vellum-key-border,var(--vellum-line-strong,#76786f));background:var(--vellum-key-white-background,var(--vellum-paper-strong,#fcfbf7));color:var(--vellum-key-white-color,var(--vellum-ink,#171813));padding:var(--vellum-pad-key-padding,.7rem);text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.pad-key.held.svelte-p0zmv8{border-color:var(--vellum-key-active-shadow,#2b4cba);background:var(--vellum-key-active-background,var(--color-primary-100,#dce4ff));box-shadow:inset 0 -4px 0 var(--vellum-key-active-accent,var(--vellum-current-blue,#5578f6))}button.svelte-p0zmv8:focus-visible{z-index:3;outline:2px solid var(--vellum-focus-color,var(--vellum-current-blue,#5578f6));outline-offset:-2px}@media (width<=620px){.keyboard.svelte-p0zmv8{height:var(--vellum-keyboard-mobile-height,10rem)}.white-key.svelte-p0zmv8{padding:var(--vellum-key-mobile-padding,.5rem .35rem)}.white-key.svelte-p0zmv8 small:where(.svelte-p0zmv8){display:none}.black-key.svelte-p0zmv8{width:var(--vellum-black-key-mobile-width,1.5rem)}}.pad-grid.svelte-mk6ev9{grid-template-columns:repeat(var(--vellum-pad-columns,4),minmax(0,1fr));gap:var(--vellum-pad-gap,.5rem);display:grid}button.svelte-mk6ev9{aspect-ratio:var(--vellum-pad-size,1);border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7);color:var(--vellum-ink,#171813);font:700 1rem var(--vellum-mono,monospace);touch-action:none}button.active.svelte-mk6ev9,button[aria-pressed=true].svelte-mk6ev9{background:var(--vellum-pad-active-background,#5578f6);color:#fff}button.svelte-mk6ev9:disabled{opacity:.45;cursor:not-allowed}button.svelte-mk6ev9:focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.chords.svelte-gxtr28{gap:var(--vellum-control-gap,.5rem);display:grid}.chords.svelte-gxtr28 header:where(.svelte-gxtr28){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chords.svelte-gxtr28 h2:where(.svelte-gxtr28){margin:0}.chords.svelte-gxtr28 label:where(.svelte-gxtr28){font:.7rem var(--vellum-mono,monospace);align-items:center;gap:.35rem;display:flex}.chords.svelte-gxtr28 select:where(.svelte-gxtr28),.chords.svelte-gxtr28 button:where(.svelte-gxtr28),.chord-buttons.svelte-gxtr28 button:where(.svelte-gxtr28){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7);color:var(--vellum-ink,#171813);padding:.45rem .6rem}.grid.svelte-gxtr28,.chord-buttons.svelte-gxtr28{grid-template-columns:repeat(var(--vellum-chord-columns,auto-fit), minmax(5rem, 1fr));gap:var(--vellum-chord-gap,.4rem);display:grid}.chord-buttons.svelte-gxtr28{grid-template-columns:repeat(var(--vellum-chord-columns,7), 1fr);padding:var(--vellum-chord-padding,.8rem);gap:0}.chord-buttons.svelte-gxtr28 button:where(.svelte-gxtr28){min-height:var(--vellum-chord-button-height,4.5rem);border-right:0;font-size:1rem}.chord-buttons.svelte-gxtr28 button:where(.svelte-gxtr28):last-child{border-right:1px solid var(--vellum-line,#c8c6bc)}.chord-buttons.svelte-gxtr28 span:where(.svelte-gxtr28){color:var(--vellum-muted,#76786f);font:.6rem var(--vellum-mono,monospace);margin-top:.35rem;display:block}.grid.svelte-gxtr28 button.active:where(.svelte-gxtr28),.chord-buttons.svelte-gxtr28 button.active:where(.svelte-gxtr28){background:var(--vellum-chord-active-background,#5578f6);color:#fff}.chord-buttons.svelte-gxtr28 button.active:where(.svelte-gxtr28) span:where(.svelte-gxtr28){color:var(--vellum-chord-active-detail,#e7ecff)}.chords.svelte-gxtr28 button[aria-pressed=true]:where(.svelte-gxtr28){border-color:var(--vellum-current-blue,#5578f6)}.chords.svelte-gxtr28 :where(.svelte-gxtr28):focus-visible,.chord-buttons.svelte-gxtr28 :where(.svelte-gxtr28):focus-visible{z-index:1;outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px;position:relative}@media (width<=620px){.chord-buttons.svelte-gxtr28{grid-template-columns:repeat(var(--vellum-chord-mobile-columns,4), 1fr)}}.arp-panel.svelte-14pw7mh{border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7)}.arp-panel.svelte-14pw7mh .panel-heading:where(.svelte-14pw7mh){border-bottom:1px solid var(--vellum-line,#c8c6bc);justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding:.65rem .9rem;display:flex}.arp-panel.svelte-14pw7mh h2:where(.svelte-14pw7mh){margin:0;font-size:1rem;font-weight:500}.arp-panel.svelte-14pw7mh .panel-heading:where(.svelte-14pw7mh) label:where(.svelte-14pw7mh),.arp-controls.svelte-14pw7mh label:where(.svelte-14pw7mh){color:var(--vellum-muted,#76786f);font:.6rem var(--vellum-mono,monospace);text-transform:uppercase}.arp-controls.svelte-14pw7mh{align-items:end;gap:var(--vellum-control-gap,.7rem);border:0;border-bottom:1px solid var(--vellum-line,#c8c6bc);color:var(--vellum-muted,#76786f);font:.6rem var(--vellum-mono,monospace);text-transform:uppercase;flex-wrap:wrap;margin:0;padding:.7rem .8rem;display:flex}.arp-controls.svelte-14pw7mh label:where(.svelte-14pw7mh){gap:.25rem;display:grid}.arp-controls.svelte-14pw7mh input[type=range]:where(.svelte-14pw7mh){accent-color:var(--vellum-current-blue,#5578f6)}.arp-controls.svelte-14pw7mh select:where(.svelte-14pw7mh){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper,#f5f2ea);min-height:2rem;color:var(--vellum-ink,#171813);padding:.28rem}.arp-controls.svelte-14pw7mh output:where(.svelte-14pw7mh){color:var(--vellum-ink,#171813)}.arp-controls.svelte-14pw7mh :where(.svelte-14pw7mh):focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.focused-arp.svelte-14pw7mh{color:var(--vellum-muted,#76786f);font:.6rem var(--vellum-mono,monospace);text-transform:lowercase;display:grid}.focused-arp.svelte-14pw7mh header:where(.svelte-14pw7mh){border-bottom:1px solid var(--vellum-line,#c8c6bc);justify-content:space-between;align-items:center;min-height:2.5rem;padding:.65rem .8rem;display:flex}.focused-arp.svelte-14pw7mh header:where(.svelte-14pw7mh) strong:where(.svelte-14pw7mh){color:var(--vellum-ink,#171813);font:500 .85rem/1 var(--vellum-sans,sans-serif)}.focused-arp.svelte-14pw7mh button:where(.svelte-14pw7mh){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7);min-height:2.1rem;color:var(--vellum-ink,#171813);font:.6rem var(--vellum-mono,monospace);text-transform:lowercase;padding:.35rem .65rem}.focused-arp.svelte-14pw7mh button[aria-pressed=true]:where(.svelte-14pw7mh){border-color:var(--vellum-current-blue,#5578f6);background:var(--color-primary-50,#eef1ff);color:var(--vellum-current-blue,#5578f6)}.focused-arp-controls.svelte-14pw7mh{grid-template-columns:minmax(6rem,1fr) minmax(6rem,1fr) 5rem auto;align-items:end;gap:.65rem;min-height:5.2rem;padding:.75rem .8rem;display:grid}.focused-arp-controls.svelte-14pw7mh label:where(.svelte-14pw7mh){gap:.25rem;display:grid}.focused-arp-controls.svelte-14pw7mh select:where(.svelte-14pw7mh),.focused-arp-controls.svelte-14pw7mh input[type=number]:where(.svelte-14pw7mh){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7);width:100%;min-height:2.1rem;padding:.3rem}.focused-arp-controls.svelte-14pw7mh .gate:where(.svelte-14pw7mh){grid-column:1/-1}.focused-arp-controls.svelte-14pw7mh input[type=range]:where(.svelte-14pw7mh){width:100%;accent-color:var(--vellum-current-blue,#5578f6)}.focused-arp.svelte-14pw7mh :where(.svelte-14pw7mh):focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}@media (width<=620px){.arp-controls.svelte-14pw7mh{align-items:stretch}.focused-arp-controls.svelte-14pw7mh{grid-template-columns:1fr 1fr}.focused-arp-controls.svelte-14pw7mh .gate:where(.svelte-14pw7mh){grid-column:1/-1}}.key-scale-controls.svelte-wdh4qr{align-items:center;gap:var(--vellum-control-gap,.75rem);padding:var(--vellum-key-scale-padding,0);color:var(--vellum-muted,#76786f);font:.65rem var(--vellum-mono,monospace);text-transform:uppercase;border:0;flex-wrap:wrap;margin:0;display:flex}.key-scale.svelte-wdh4qr{color:var(--vellum-muted,#76786f);font:.6rem var(--vellum-mono,monospace);text-transform:lowercase;display:grid}.key-scale.svelte-wdh4qr header:where(.svelte-wdh4qr){border-bottom:1px solid var(--vellum-line,#c8c6bc);justify-content:space-between;align-items:center;min-height:2.5rem;padding:.65rem .8rem;display:flex}.key-scale.svelte-wdh4qr header:where(.svelte-wdh4qr) strong:where(.svelte-wdh4qr){color:var(--vellum-ink,#171813);font:500 .85rem/1 var(--vellum-sans,sans-serif)}.key-scale.svelte-wdh4qr>div:where(.svelte-wdh4qr){align-items:end;gap:.65rem;min-height:5.2rem;padding:.75rem .8rem;display:flex}.key-scale.svelte-wdh4qr label:where(.svelte-wdh4qr),.key-scale-controls.svelte-wdh4qr label:where(.svelte-wdh4qr){gap:.25rem;display:grid}.key-scale-controls.svelte-wdh4qr label:where(.svelte-wdh4qr){align-items:center;gap:.4rem;display:flex}select.svelte-wdh4qr{border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper,#f5f2ea);min-height:2rem;color:var(--vellum-ink,#171813);padding:.35rem}select.svelte-wdh4qr:focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.parameter-rack.svelte-16ea3v8{grid-template-columns:repeat(var(--vellum-parameter-columns,auto-fit), minmax(var(--vellum-parameter-min-width,8rem),1fr));gap:var(--vellum-parameter-gap,0);min-width:0;display:grid}.parameter-cell.svelte-16ea3v8{border-right:var(--vellum-parameter-border,1px solid var(--vellum-line,#c8c6bc));border-bottom:var(--vellum-parameter-row-border,0);min-width:0;padding:var(--vellum-parameter-cell-padding,.8rem)}.parameter-cell.svelte-16ea3v8:last-child{border-right:0}.parameter-cell.svelte-16ea3v8 .default-control{min-height:var(--vellum-parameter-cell-min-height,3rem)}.parameter-cell.svelte-16ea3v8 .sounds-control{padding:0}.xy.svelte-st30i6,.xy-pad.svelte-st30i6{aspect-ratio:var(--vellum-xy-aspect,1);min-height:var(--vellum-xy-size,10rem);border:1px solid var(--vellum-xy-border,var(--vellum-line,#c8c6bc));background:var(--vellum-xy-background,repeating-linear-gradient(0deg, transparent 0 2rem, var(--vellum-line,#c8c6bc) 2rem 2.05rem), repeating-linear-gradient(90deg, transparent 0 2rem, var(--vellum-line,#c8c6bc) 2rem 2.05rem), var(--vellum-panel,#e6e4dc));touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative}.xy-pad.svelte-st30i6{margin:var(--vellum-xy-margin,1rem);min-height:0}.xy-pad.svelte-st30i6:before,.xy-pad.svelte-st30i6:after{background:var(--vellum-xy-axis-color,var(--vellum-muted,#76786f));content:"";position:absolute}.xy-pad.svelte-st30i6:before{width:100%;height:1px;top:50%}.xy-pad.svelte-st30i6:after{width:1px;height:100%;left:50%}i.svelte-st30i6{width:var(--vellum-xy-indicator-size,1rem);height:var(--vellum-xy-indicator-size,1rem);border:1px solid var(--vellum-xy-indicator-border,var(--vellum-ink,#171813));background:var(--vellum-xy-indicator-color,#5578f6);pointer-events:none;border-radius:50%;position:absolute;translate:-50% -50%}.xy.svelte-st30i6 output:where(.svelte-st30i6){font:.7rem var(--vellum-mono,monospace);position:absolute;bottom:.4rem;left:.4rem}.xy.svelte-st30i6:focus-visible,.xy-pad.svelte-st30i6:focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.midi-learn-panel.svelte-bp2k03{gap:var(--vellum-control-gap,.5rem);display:grid}.midi-controls.svelte-bp2k03{border-bottom:1px solid var(--vellum-line,#c8c6bc);flex-wrap:wrap;align-items:end;gap:.7rem;padding:.7rem .9rem;display:flex}.midi-learn-panel.svelte-bp2k03 label:where(.svelte-bp2k03){color:var(--vellum-muted,#76786f);font:.6rem var(--vellum-mono,monospace);text-transform:uppercase;gap:.25rem;display:grid}.midi-controls.svelte-bp2k03 select:where(.svelte-bp2k03),.midi-controls.svelte-bp2k03 input:where(.svelte-bp2k03),.midi-mapping-list.svelte-bp2k03 input:where(.svelte-bp2k03){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper,#f5f2ea);min-width:5rem;color:var(--vellum-ink,#171813);padding:.35rem}.midi-mappings.svelte-bp2k03{flex-wrap:wrap;gap:.35rem;padding:.7rem .9rem;display:flex}.midi-mappings.svelte-bp2k03 button:where(.svelte-bp2k03),.midi-mapping-list.svelte-bp2k03 button:where(.svelte-bp2k03){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7);font:.6rem var(--vellum-mono,monospace);padding:.32rem .45rem}.midi-mappings.svelte-bp2k03 button.active:where(.svelte-bp2k03){border-color:var(--vellum-current-blue,#5578f6);background:var(--color-primary-50,#e7ecff)}.midi-mapping-list.svelte-bp2k03{border-top:1px solid var(--vellum-line,#c8c6bc);gap:.4rem;padding:.7rem .9rem;display:grid}.midi-mapping-list.svelte-bp2k03 label:where(.svelte-bp2k03){grid-template-columns:1fr repeat(3,auto);align-items:center}.midi-learn-panel.svelte-bp2k03 :where(.svelte-bp2k03):focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.midi-learn-panel.svelte-bp2k03:has(.midi-controls:where(.svelte-bp2k03)) .midi-mappings:where(.svelte-bp2k03) button:where(.svelte-bp2k03){padding-inline:.55rem}.focused.svelte-bp2k03{gap:0;container-type:inline-size}.focused.svelte-bp2k03 header:where(.svelte-bp2k03){border-bottom:1px solid var(--vellum-line,#c8c6bc);min-height:2.5rem;font:.6rem var(--vellum-mono,monospace);text-transform:lowercase;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;display:flex}.focused.svelte-bp2k03 header:where(.svelte-bp2k03) strong:where(.svelte-bp2k03){color:var(--vellum-ink,#171813);font:500 .85rem/1 var(--vellum-sans,sans-serif)}.focused.svelte-bp2k03 header:where(.svelte-bp2k03) span:where(.svelte-bp2k03){color:var(--vellum-muted,#76786f)}.focused-controls.svelte-bp2k03{grid-template-columns:auto minmax(10rem,1fr) minmax(5rem,.45fr) minmax(4rem,.3fr) minmax(10rem,1.25fr) auto;align-items:end;gap:.7rem;padding:.75rem .8rem;display:grid}.focused-controls.svelte-bp2k03>button:where(.svelte-bp2k03){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7);min-height:2.35rem;font:.6rem var(--vellum-mono,monospace);text-transform:lowercase;padding:.4rem .75rem}.focused-controls.svelte-bp2k03 label:where(.svelte-bp2k03){text-transform:lowercase;min-width:0}.focused-controls.svelte-bp2k03 select:where(.svelte-bp2k03),.focused-controls.svelte-bp2k03 input:where(.svelte-bp2k03){border:1px solid var(--vellum-line,#c8c6bc);background:var(--vellum-paper-strong,#fcfbf7);width:100%;min-width:0;min-height:2.35rem;padding:.35rem}.focused-mappings.svelte-bp2k03{gap:.4rem;margin:0;padding:0 .8rem .75rem;list-style:none;display:grid}.focused-mappings.svelte-bp2k03:empty{display:none}.focused-mappings.svelte-bp2k03 li:where(.svelte-bp2k03){border-top:1px solid var(--vellum-line,#c8c6bc);grid-template-columns:minmax(8rem,1fr) repeat(3,auto);align-items:end;gap:.5rem;padding-top:.55rem;display:grid}@container (width<=40rem){.focused-controls.svelte-bp2k03{grid-template-columns:1fr 1fr}.focused-controls.svelte-bp2k03>button:where(.svelte-bp2k03),.focused-controls.svelte-bp2k03 .learn-control:where(.svelte-bp2k03){grid-column:1/-1}.focused-mappings.svelte-bp2k03 li:where(.svelte-bp2k03){grid-template-columns:1fr 1fr}}@media (width<=620px){.midi-controls.svelte-bp2k03{align-items:stretch}.midi-mapping-list.svelte-bp2k03 label:where(.svelte-bp2k03){grid-template-columns:1fr 1fr}.midi-mapping-list.svelte-bp2k03 label:where(.svelte-bp2k03)>:where(.svelte-bp2k03):first-child{grid-column:1/-1}.focused-controls.svelte-bp2k03{grid-template-columns:1fr 1fr}.focused-controls.svelte-bp2k03>button:where(.svelte-bp2k03),.focused-controls.svelte-bp2k03 .learn-control:where(.svelte-bp2k03){grid-column:1/-1}.focused-mappings.svelte-bp2k03 li:where(.svelte-bp2k03){grid-template-columns:1fr 1fr}}.output-monitor.svelte-171o9md{gap:var(--vellum-control-gap,.5rem);display:grid}.output-monitor.svelte-171o9md dl:where(.svelte-171o9md){flex-wrap:wrap;gap:1rem;margin:.5rem 0;display:flex}.output-monitor.svelte-171o9md dt:where(.svelte-171o9md){color:var(--vellum-muted,#76786f);font:.65rem var(--vellum-mono,monospace);text-transform:uppercase}.output-monitor.svelte-171o9md dd:where(.svelte-171o9md){margin:0}.output-monitor.svelte-171o9md p:where(.svelte-171o9md){color:var(--vellum-signal-red,#b83a31);font:.75rem var(--vellum-mono,monospace)}.preset-frame.svelte-1scaqpg{gap:var(--vellum-control-gap,.5rem);display:grid}.preset-frame.svelte-1scaqpg header:where(.svelte-1scaqpg){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.preset-frame.svelte-1scaqpg button:where(.svelte-1scaqpg){border:1px solid var(--vellum-line-strong,#76786f);background:var(--vellum-paper-strong,#fcfbf7);min-height:2rem;color:var(--vellum-ink,#171813);padding:.4rem .65rem}.preset-frame.svelte-1scaqpg p:where(.svelte-1scaqpg){color:var(--vellum-muted,#76786f);margin:0}.preset-frame.svelte-1scaqpg :where(.svelte-1scaqpg):focus-visible{outline:2px solid var(--vellum-current-blue,#5578f6);outline-offset:2px}.visually-hidden.svelte-1scaqpg{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}