@layer tokens{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#171b1e;--panel:#252c30;--panel-top:#2a3237;--ink:#efede3;--muted:#b4bab9;--line:#475157;--accent:#e8b063;--key:#343d42;--key-top:#3e494f;--key-ink:#f1eee2;--key-edge:#12191d;--key-border:#566268;--selected:#30383c;--selected-top:#354045;--selected-ink:#f1eee2;--selected-edge:#12191d;--engraving-shadow:#111a1f;--engraving-highlight:#ffffff12;--knob-face:#376078;--knob-face-top:#507e94;--knob-pointer:#fff1d2;--fader:#d5d8d4;--invalid-ink:var(--lightningcss-light,#923b2e)var(--lightningcss-dark,#f2a599);--valid-ink:var(--lightningcss-light,#356047)var(--lightningcss-dark,#acd0b5);--radius:5px;--header-control-size:2.75rem;--sans:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-finish=ivory]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#cfccbf;--panel:#eae7da;--panel-top:#f1eee3;--ink:#292f2c;--muted:#60665e;--line:#bcbdae;--accent:#a34432;--key:#dedfd1;--key-top:#f4f1e5;--key-ink:#2d342f;--key-edge:#a5aa99;--key-border:#b4b8a9;--selected:#c8c9b9;--selected-top:#d5d6c6;--selected-ink:#242c28;--selected-edge:#8b9282;--engraving-shadow:#93998c;--engraving-highlight:#fffef280;--knob-face:#232928;--knob-face-top:#383e3b;--knob-pointer:#f1edde;--fader:#e7e5d7;--radius:3px}}@layer base{*{box-sizing:border-box}body{min-block-size:100svh;padding:max(1rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:var(--page);color:var(--ink);font:16px/1.4 var(--sans);flex-direction:column;row-gap:1.5rem;margin:0;display:flex}#root{display:contents}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button,input,a,.wave-option,.channel-option,.key{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer components{.theme-button{width:var(--header-control-size);height:var(--header-control-size);border:1px solid color-mix(in srgb, var(--page) 72%, black);background:linear-gradient(color-mix(in srgb, var(--page) 91%, black), var(--page));color:var(--muted);box-shadow:inset 0 2px 4px #0006, inset 0 -1px 0 #ffffff0a, 0 1px 0 var(--engraving-highlight);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:7px;place-items:center;padding:0;transition:box-shadow 90ms;display:grid}.theme-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem;filter:drop-shadow(0 1px 0 var(--engraving-highlight));grid-area:1/1;transition:transform 90ms}.theme-moon{display:none}[data-finish=ivory] .theme-moon{display:block}[data-finish=ivory] .theme-sun{display:none}.theme-button:active{box-shadow:inset 0 3px 6px #0008, 0 1px 0 var(--engraving-highlight)}.theme-button:active .theme-icon{transform:translateY(1px)}.workbench{flex:none;grid-template-columns:minmax(0,1fr);inline-size:min(34.5rem,100%);margin:auto;display:grid;container:tester/inline-size}.page-header{flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-inline:.25rem;display:grid;container:masthead/inline-size}.route-message a{color:inherit;text-underline-offset:.2em}.wordmark{letter-spacing:-.045em;min-inline-size:0;margin:0;font:700 min(1.65rem,9cqi)/1 Georgia,Times New Roman,serif}.wordmark a{min-block-size:var(--header-control-size);color:var(--ink);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.wordmark span{color:var(--accent)}.route-message h1{margin:0;font-size:2rem;line-height:1.2}.wave-option,.channel-option{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-width:0;position:relative}.wave-option input,.channel-option input{z-index:2;opacity:0;cursor:pointer;touch-action:manipulation;width:100%;height:100%;margin:0;position:absolute;inset:0}.instrument{background:var(--panel);border:1px solid var(--line);border-radius:9px;grid-template-columns:minmax(0,1fr);min-width:0;display:grid;box-shadow:0 18px 40px #0003,0 3px #0005,inset 0 1px #ffffff16}.scope-section{grid-column:1/-1;min-width:0;padding:1.75rem 1.75rem 0}.scope{color:#b3dcaa;box-shadow:0 0 0 1px var(--line), inset 0 0 2px #b9eca340, inset 0 0 12px #8ad17130, inset 0 0 28px #6db85a1a, inset 0 2px 14px #0006;background:#0d1b17;border:3px solid #111917;border-radius:5px;padding:.75rem 1rem .65rem;position:relative;overflow:hidden}.scope-graph{width:100%;height:7rem;display:block;overflow:hidden}.wave-path{fill:none;stroke:#d1f3c0;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.wave-glow{fill:none;stroke:#a3eb84;stroke-width:3px;filter:url(#glow);opacity:.55;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.scope-bottomline{font:.875rem/1.5 var(--mono);justify-content:space-between;align-items:center;margin-top:.15rem;display:flex}.scope-channel{font-weight:600}.controls-panel{grid-column:1/-1;grid-template-columns:subgrid;column-gap:1.75rem;padding:1.75rem;display:grid}.section-label{font:600 .8125rem/1.4 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0}.signal-section{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem .75rem;min-width:0;display:grid}.frequency-control{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:1.2rem;display:grid}.dial{aspect-ratio:1;--dial-angle:-14deg;justify-self:center;width:100%;max-width:13rem;transition:--dial-angle .14s ease-out;position:relative}.dial-scale{width:100%;height:100%;color:var(--muted);position:absolute;inset:0;overflow:visible}.dial-scale line{stroke:currentColor;stroke-width:1.2px}.dial-scale .major-tick{stroke:var(--ink);stroke-width:2px}.dial-scale text{fill:currentColor;font:14px var(--mono);text-anchor:middle;dominant-baseline:middle}.dial-socket{background:#111719;border:1px solid #060b0e;border-radius:50%;padding:5px;position:absolute;inset:21%;box-shadow:0 3px 5px #0006,0 -1px #ffffff3b}.dial-grip{width:100%;height:100%;transform:rotate(var(--dial-angle));background:linear-gradient(#737c7d,#2b3438);border-radius:50%;padding:9%;box-shadow:inset 0 1px 1px #fff4}.dial-face{background:linear-gradient(145deg, var(--knob-face-top), var(--knob-face));border:2px solid #151d20;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset 0 1px 2px #ffffff36}.dial-pointer{background:var(--knob-pointer);border-radius:1px;width:4px;height:29%;position:absolute;top:6%;left:calc(50% - 2px)}[data-finish=ivory] .dial-grip{background:repeating-conic-gradient(#424b47 0 5deg, #1b2320 5deg 10deg);padding:7%}.dial-input{opacity:0;cursor:ns-resize;touch-action:none;border-radius:50%;width:58%;height:58%;margin:0;position:absolute;inset:21%}.dial:has(.dial-input:focus-visible) .dial-socket{outline:2px solid var(--accent);outline-offset:5px}.dial.is-dragging{transition:none}.dial.is-dragging .dial-socket{box-shadow:0 1px 2px #0006,0 -1px #ffffff3b}.frequency-settings{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid;container:readout/inline-size}.frequency-settings>*{grid-column:1/-1}.frequency-readout{background:color-mix(in srgb, var(--panel) 94%, black);border-radius:3px;align-items:baseline;gap:.3rem;min-width:0;margin:.45rem 0 .8rem;padding:.2rem .35rem;display:flex;box-shadow:inset 0 1px 2px #0002,0 1px #ffffff12}.frequency-readout input{--frequency-tracking:-.06em;width:calc(var(--frequency-digits,3) * (1ch + var(--frequency-tracking)) + 2px);min-width:0;max-width:100%;color:var(--ink);font:500 clamp(1.65rem, 20cqi, 3.4rem)/1.1 var(--mono);letter-spacing:var(--frequency-tracking);-moz-appearance:textfield;background:0 0;border:0;border-radius:0;padding:0}.frequency-readout input::-webkit-inner-spin-button{appearance:none;margin:0}.frequency-readout input::-webkit-outer-spin-button{appearance:none;margin:0}.frequency-readout>span{font:1rem var(--mono);color:var(--muted)}.frequency-readout input:user-invalid{color:var(--invalid-ink)}.frequency-readout:has(input:user-invalid)>span{color:var(--invalid-ink)}.frequency-readout:has(input:user-valid)>span{color:var(--valid-ink)}.frequency-readout input:focus-visible{outline-offset:3px}.frequency-readout input[data-focus-origin=pointer]:focus{outline:none}@supports (field-sizing:content){.frequency-readout input{field-sizing:content;inline-size:auto;min-inline-size:1ch;max-inline-size:calc(100% - 2.25rem)}}.frequency-settings{position:relative}.input-error{z-index:4;border:1px solid var(--invalid-ink);background:var(--panel);color:var(--invalid-ink);border-radius:3px;margin:.4rem 0 0;padding:.45rem .6rem;font-size:.8125rem;position:absolute;inset-block-start:100%;inset-inline:0;box-shadow:0 2px 6px #0003}.input-error:empty{display:none}.frequency-presets{grid-template-columns:subgrid;gap:.625rem;display:grid}.frequency-presets button{min-height:3.25rem;font:600 .875rem var(--mono);white-space:nowrap;padding:3px;position:relative}.frequency-presets .preset-unit{margin-left:.25rem;font-size:.75rem}.waveform-section{grid-column:1/-1;grid-template-columns:subgrid;gap:.65rem;display:grid}.waveform-section>*{grid-column:1/-1}.waveform-options{box-shadow:inset 0 2px 4px #0006, 0 1px 0 var(--engraving-highlight);background:var(--lightningcss-light,#828b7b)var(--lightningcss-dark,#11181b);border:1px solid var(--lightningcss-light,#969d8e)var(--lightningcss-dark,#414b50);border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;padding:.3rem .3rem .5rem;display:grid}.wave-option>.key{align-content:center;justify-items:center;gap:.2rem;min-height:3.75rem;padding:.5rem .2rem;font-size:.8125rem;display:grid;position:relative}.wave-option svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;width:1.9rem;height:1.15rem}.output-section{border-inline-start:1px solid var(--line);grid-template-rows:auto minmax(7rem,1fr);grid-template-columns:repeat(4,minmax(0,1fr)) 3rem;gap:.8rem .75rem;min-width:0;padding-inline-start:1.75rem;display:grid;container:output/inline-size}.output-section>.section-label{grid-area:1/1/auto/5}.output-controls{--transport-size:clamp(2.75rem, 16cqi, 3.5rem);grid-area:2/1/auto/5;grid-template-columns:minmax(6.25rem,1fr) auto;justify-self:center;align-items:center;column-gap:.75rem;inline-size:min(100%,20rem);display:grid}.channel-selector{--channel-angle:-55deg;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;justify-self:center;block-size:7rem;inline-size:min(100%,8rem);position:relative}.channel-selector:has(#channel-both:checked){--channel-angle:0deg}.channel-selector:has(#channel-right:checked){--channel-angle:55deg}.channel-option{touch-action:pan-y;place-items:start center;block-size:2.75rem;inline-size:2.75rem;display:grid;position:absolute}.channel-left{inset-block-start:1.15rem;inset-inline-start:0}.channel-both{inset-block-start:0;inset-inline-start:calc(50% - 1.375rem)}.channel-right{inset-block-start:1.15rem;inset-inline-end:0}.channel-option input{touch-action:pan-y}.channel-label{color:var(--muted);font:500 .75rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 0 var(--engraving-highlight);border-radius:2px;padding:.1rem .25rem}.channel-option input:checked+.channel-label{color:var(--ink);font-weight:700}.channel-option input:focus-visible+.channel-label{outline:2px solid var(--accent);outline-offset:3px}.channel-dial{pointer-events:none;background:#111719;border:1px solid #060b0e;border-radius:50%;block-size:3.6rem;inline-size:3.6rem;padding:4px;position:absolute;inset-block-end:calc(.75rem + .6875rem * 1.4 + (var(--transport-size) - 3.6rem) / 2);inset-inline-start:calc(50% - 1.8rem);box-shadow:0 3px 5px #0006,0 -1px #ffffff3b}.channel-mark{background:var(--engraving-shadow);block-size:.35rem;inline-size:2px;box-shadow:1px 0 var(--engraving-highlight);transform-origin:50% 2.45rem;position:absolute;inset-block-start:-.65rem;inset-inline-start:calc(50% - 1px)}.channel-mark-left{transform:rotate(-55deg)}.channel-mark-right{transform:rotate(55deg)}.channel-rotor{background:repeating-conic-gradient(#555f60 0 5deg, #2c3537 5deg 10deg);block-size:100%;inline-size:100%;transform:rotate(var(--channel-angle));border-radius:50%;padding:4px;transition:transform .14s cubic-bezier(.2,.7,.2,1);display:block;box-shadow:inset 0 1px 1px #ffffff38}.channel-face{background:linear-gradient(145deg,#475256,#293236);border:1px solid #131a1c;border-radius:50%;block-size:100%;inline-size:100%;display:block;position:relative;box-shadow:inset 0 1px 2px #ffffff26}.channel-pointer{background:var(--knob-pointer);border-radius:1px;block-size:38%;inline-size:3px;position:absolute;inset-block-start:3px;inset-inline-start:calc(50% - 1.5px);box-shadow:0 1px 1px #0005}.channel-selector.is-dragging,.channel-selector.is-dragging input{cursor:grabbing}.transport-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;gap:.6rem;padding-block-end:.1rem;display:grid}.transport-button{--rubber-edge:var(--lightningcss-light,#a9a58e)var(--lightningcss-dark,#484d43);-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:50% 50% 4px 4px;justify-items:center;gap:.65rem;min-inline-size:2.75rem;padding:0;display:grid}.transport-well{isolation:isolate;inline-size:var(--transport-size);aspect-ratio:1;box-shadow:inset 0 2px 4px #0005, 0 1px 0 var(--engraving-highlight);background:var(--lightningcss-light,#8f9688)var(--lightningcss-dark,#12191b);border:1px solid var(--lightningcss-light,#91988b)var(--lightningcss-dark,#414b4c);border-radius:50%;padding:3px;display:grid;position:relative}.transport-cap{z-index:1;color:#30372a;box-shadow:0 2px 0 var(--rubber-edge), 0 3px 4px #0003, inset 0 1px 2px #ffffff26;background:radial-gradient(at 50% 25%,var(--lightningcss-light,#e8e5d0)var(--lightningcss-dark,#c2c6af),var(--lightningcss-light,#c9c9b2)var(--lightningcss-dark,#9aa389));border:1px solid var(--lightningcss-light,#c2c1ac)var(--lightningcss-dark,#979d8b);border-radius:50%;place-items:center;transition:transform .1s,box-shadow .1s;display:grid;position:relative;transform:translateY(-1px)}.stop-cap{--rubber-edge:var(--lightningcss-light,#a1a595)var(--lightningcss-dark,#20292c);color:var(--lightningcss-light,#333c31)var(--lightningcss-dark,#e4e7d9);background:radial-gradient(at 50% 25%,var(--lightningcss-light,#e3e3d6)var(--lightningcss-dark,#606d70),var(--lightningcss-light,#c8ceba)var(--lightningcss-dark,#445155));border-color:var(--lightningcss-light,#bbbfaf)var(--lightningcss-dark,#697477)}.play-cap:before,.transport-cap:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.play-cap:before{opacity:0;background:radial-gradient(.8rem at 50% 54%,#ffd39be6,#ffb05bd9 16%,#f1923a8c 38%,#e8803038 65%,#df721f00 100%);transition:opacity .16s}.transport-cap:after{mix-blend-mode:multiply;opacity:.075;background:url(/rubber-grain.svg)}.transport-symbol{z-index:1;fill:currentColor;block-size:1.25rem;inline-size:1.25rem;position:relative}.transport-label{color:var(--muted);font:500 .6875rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 0 var(--engraving-highlight)}.play-button[aria-disabled=true]{cursor:wait}.play-button[data-playing=true] .play-cap:before{opacity:1}.play-button[data-playing=true] .transport-label{color:var(--ink)}.transport-button:not([aria-disabled=true]):active .transport-cap,.play-button[data-playing=true] .play-cap{box-shadow:0 0 0 var(--rubber-edge), inset 0 2px 4px #27332b38;transition-duration:45ms;transform:translateY(1px)}.level-section{grid-area:1/5/3;grid-template-rows:subgrid;text-align:center;min-width:0;display:grid}.level-section>.section-label{grid-row:1}.fader{grid-row:2;grid-template-rows:minmax(0,1fr) auto;gap:.6rem;min-height:0;display:grid}.fader-track{justify-items:center;min-height:0;display:grid;position:relative}.fader-ticks{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:.625rem 0}.fader-ticks>span{--tick-width:10px;flex:none;height:2px;position:relative}.fader-ticks>.major{--tick-width:16px}.fader-ticks>span:before,.fader-ticks>span:after{content:"";width:var(--tick-width);background:linear-gradient(to bottom, var(--engraving-shadow) 0 1px, var(--engraving-highlight) 1px 2px);height:2px;position:absolute;top:0}.fader-ticks>span:before{right:calc(50% + 5px)}.fader-ticks>span:after{left:calc(50% + 5px)}#volume{writing-mode:vertical-lr;appearance:none;cursor:ns-resize;touch-action:none;direction:rtl;background:0 0;width:2.75rem;height:100%;min-height:0;margin:0;padding:0;display:block;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}#volume::-webkit-slider-runnable-track{width:4px;height:100%;box-shadow:inset 1px 0 2px #000b, 1px 0 0 var(--engraving-highlight);background:#23312d;border-radius:1px}#volume::-webkit-slider-thumb{appearance:none;background:linear-gradient(to bottom, #f3f3eb 0%, var(--fader) 29%, #bcc3b8 41%, #3e4a43 44%, #3e4a43 49%, #f0f0e3 52%, var(--fader) 70%, #a0a99f 100%);border:1px solid #7b847d;border-radius:3px;width:2.5rem;height:1.5rem;margin-left:-18px;box-shadow:0 2px #68736a,0 3px 4px #0005,inset 0 1px #fff9}#volume::-moz-range-track{width:4px;height:100%;box-shadow:inset 1px 0 2px #000b, 1px 0 0 var(--engraving-highlight);background:#23312d;border-radius:1px}#volume::-moz-range-thumb{background:linear-gradient(to bottom, #f3f3eb 0%, var(--fader) 29%, #bcc3b8 41%, #3e4a43 44%, #3e4a43 49%, #f0f0e3 52%, var(--fader) 70%, #a0a99f 100%);border:1px solid #7b847d;border-radius:3px;width:2.5rem;height:1.5rem;box-shadow:0 2px #68736a,0 3px 4px #0005,inset 0 1px #fff9}#volume-value{font:.875rem/1 var(--mono);padding:.3rem 0}.audio-error{color:var(--accent);overflow-wrap:anywhere;grid-column:1/-1;margin:.5rem 0 0;font-size:.875rem}.audio-error[hidden]{display:none}.key{border:1px solid var(--key-border);border-radius:var(--radius);background:linear-gradient(var(--key-top), var(--key));color:var(--key-ink);box-shadow:0 4px 0 var(--key-edge), 0 5px 5px #0003, inset 0 1px 0 #ffffff28;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .14s cubic-bezier(.2,.7,.2,1),box-shadow .14s;transform:translateY(0)}.wave-option>.key{--key-top:var(--lightningcss-light,#faf7ec)var(--lightningcss-dark,#e5e5d9);--key:var(--lightningcss-light,#dedfd0)var(--lightningcss-dark,#c9cebf);--key-border:var(--lightningcss-light,#adb5a3)var(--lightningcss-dark,#9da997);--key-edge:var(--lightningcss-light,#68745f)var(--lightningcss-dark,#52614c);--key-ink:#2a342a;--selected-top:var(--lightningcss-light,#d0d4c3)var(--lightningcss-dark,#bdc7b3);--selected:var(--lightningcss-light,#bec6b1)var(--lightningcss-dark,#aab89d);--selected-ink:#253021;--selected-edge:var(--lightningcss-light,#738169)var(--lightningcss-dark,#748469);border-radius:1px 1px 3px 3px}.wave-option input:checked+.key{background:linear-gradient(color-mix(in srgb, var(--selected-top) 96%, black), color-mix(in srgb, var(--selected) 96%, black));color:var(--selected-ink);border-color:var(--selected-edge);box-shadow:0 1px 0 var(--selected-edge), inset 0 3px 5px #0006, inset 0 -1px 0 #ffffff18;transform:translateY(3px)}.wave-option input:active+.key{box-shadow:0 1px 0 var(--key-edge), inset 0 2px 3px #0004;transition-duration:45ms;transform:translateY(3px)}.wave-option input:checked+.key{transition-duration:65ms}.preset-button{color:var(--lightningcss-light,#30372e)var(--lightningcss-dark,#f0eee5);-webkit-user-select:none;user-select:none;background:var(--lightningcss-light,#7c8576)var(--lightningcss-dark,#11181d);border:1px solid var(--lightningcss-light,#a1a89a)var(--lightningcss-dark,#414c52);border-radius:4px;display:grid;box-shadow:inset 0 1px 3px #0006,0 1px var(--lightningcss-light,#fffdf880)var(--lightningcss-dark,#ffffff16)}.preset-cap{border:1px solid;background:linear-gradient(var(--lightningcss-light,#f2f0e4)var(--lightningcss-dark,#4c575e),var(--lightningcss-light,#e5e6d8)var(--lightningcss-dark,#414c53) 55%,var(--lightningcss-light,#d9dece)var(--lightningcss-dark,#354048));border-color:var(--lightningcss-light,#fffdf1)var(--lightningcss-dark,#69767d) var(--lightningcss-light,#bac2b0)var(--lightningcss-dark,#2c373d) var(--lightningcss-light,#a7b19d)var(--lightningcss-dark,#202a30);border-radius:2px;grid-template-rows:minmax(0,1fr);justify-items:center;padding:.45rem .3rem;transition:transform .1s,box-shadow .1s;display:grid;transform:translateY(-2px);box-shadow:0 3px var(--lightningcss-light,#a0aa95)var(--lightningcss-dark,#202b32),0 4px 3px var(--lightningcss-light,#2730204d)var(--lightningcss-dark,#0006),inset 0 1px var(--lightningcss-light,#fffff380)var(--lightningcss-dark,#ffffff18)}.preset-label{text-shadow:0 1px var(--lightningcss-light,#fffdf899)var(--lightningcss-dark,#0006);background:linear-gradient(var(--lightningcss-light,#72836218)var(--lightningcss-dark,#0b131930),#0000 45%);border-block-start:1px solid var(--lightningcss-light,#7d8a704d)var(--lightningcss-dark,#10191e99);border-radius:0 0 1px 1px;justify-content:center;align-items:center;inline-size:100%;display:flex;box-shadow:inset 0 1px var(--lightningcss-light,#fffef580)var(--lightningcss-dark,#ffffff12)}.preset-button[aria-pressed=true] .preset-cap,.preset-button:not(:disabled):active .preset-cap{background:linear-gradient(var(--lightningcss-light,#d9ddce)var(--lightningcss-dark,#3e4950),var(--lightningcss-light,#d0d7c4)var(--lightningcss-dark,#303c43));transition-duration:40ms;transform:translateY(1px);box-shadow:0 0 var(--lightningcss-light,#a0aa95)var(--lightningcss-dark,#202b32),inset 0 2px 3px var(--lightningcss-light,#27302033)var(--lightningcss-dark,#0004)}.wave-option input:focus-visible+.key{outline:2px solid var(--accent);outline-offset:5px}.scope{transition:box-shadow .14s}.scope .wave-path{opacity:.58}.scope .wave-glow{opacity:.18}.scope[data-live=true] .wave-path{opacity:1}.scope[data-live=true] .wave-glow{opacity:.65}#scope-timebase{text-align:center;white-space:nowrap;margin-inline:.5rem;font-size:.6875rem}}@layer responsive{@container output (width<=16rem){.output-controls{grid-template-columns:minmax(0,1fr);row-gap:1rem}.transport-controls{justify-self:center}}@container tester (width<=55rem){.controls-panel{column-gap:1.25rem;padding:1.4rem}.scope-section{padding:1.4rem 1.4rem 0}.output-section{grid-template-columns:repeat(4,minmax(0,1fr)) 2.75rem;column-gap:.6rem;padding-inline-start:1.25rem}.frequency-control{gap:.6rem}}@container tester (width<=46rem){.instrument{grid-template-columns:minmax(0,1fr)}.controls-panel{gap:1.5rem;padding:1.5rem}.signal-section{grid-column:1}.frequency-control{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.75rem}.output-section{border-inline-start:0;border-block-start:1px solid var(--line);grid-column:1;grid-template-rows:auto minmax(7rem,1fr);grid-template-columns:repeat(4,minmax(0,1fr)) 3.5rem;gap:.8rem 1rem;padding:1.25rem 0 0}.scope-graph{height:6rem}}@container tester (width<=34rem){.scope-section{padding:1rem 1rem 0}.scope{padding:.5rem .65rem}.scope-graph{height:4.5rem}.scope-bottomline{font-size:.75rem}.controls-panel{gap:1.25rem;padding:1rem}.signal-section{gap:1rem .5rem}.frequency-control{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:.5rem}.frequency-presets{gap:.55rem}.frequency-presets button{font-size:.8125rem}.frequency-presets .preset-unit{margin-left:.1rem}.frequency-readout{margin:.35rem 0 .7rem}.waveform-section{gap:.6rem}.waveform-options{gap:.2rem}.wave-option>.key{min-height:3rem}.wave-name{display:none}.dial-scale text{font-size:19px}.output-section{grid-template-rows:auto minmax(7rem,1fr);grid-template-columns:repeat(4,minmax(0,1fr)) 2.75rem;column-gap:.65rem}.section-label{font-size:.75rem}}@container tester (width<=19rem){.scope-section{padding:.75rem .75rem 0}.controls-panel{padding:.75rem}.frequency-control{gap:.4rem}.frequency-readout>span{font-size:.8125rem}.frequency-presets .preset-unit{font-size:.6875rem}.dial-scale text{font-size:23px}}@container tester (width<=14rem){.scope-bottomline{grid-template-columns:auto 1fr;gap:.15rem;display:grid}#scope-frequency{text-align:end}#scope-timebase{white-space:normal;grid-area:2/1/auto/-1;margin:0}.frequency-control{grid-template-columns:minmax(0,1fr);gap:1rem}.dial{width:min(10rem,100%)}.input-error{margin:.4rem 0;position:static}.waveform-options{grid-template-columns:repeat(2,minmax(0,1fr))}.level-section{grid-row:1/3}.fader{grid-row:2;min-block-size:6rem}}}@layer motion{body{transition:background-color .14s}}@layer accessibility{@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.theme-button{color:buttontext;border-color:buttontext}.theme-icon{filter:none}.key{border:2px solid buttontext}.transport-cap{color:buttontext;background:buttonface;border-color:buttontext}.play-cap:before,.transport-cap:after{display:none}.play-button[data-playing=true] .play-cap,.wave-option input:checked+.key,.preset-button[aria-pressed=true]{border-color:highlight}.channel-option input:checked+.channel-label{color:highlight;outline:1px solid highlight}.channel-dial,.channel-rotor,.channel-face{background:buttonface;border-color:buttontext}.channel-pointer,.channel-mark{background:buttontext}.dial-input{opacity:1}}}@property --dial-angle{syntax:"<angle>";inherits:true;initial-value:0deg}