:root{--kind-a:#ffb02e;--kind-p:#5ab4ff;--kind-g:#ef2fbf;--kind-c:#68f3bf;--bg:#0a0a0b;--bg-2:#111113;--rail:#1b1c20;--surface:#1c1d21;--surface-2:#26272c;--panel:#141416;--panel-dark:#0d0d0f;--metal:#26272b;--metal-2:#0f1012;--pointer:#f4f5f7;--screen:#050607;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.07 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");--grain-dark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.09 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");--fp-alu:#b2b6bb;--fp-alu-ink:#15171a;--fp-alu-dim:#3d424a;--fp-alu-amber:#5e4108;--fp-cream:#e6dfd0;--fp-cream-ink:#221d16;--fp-cream-dim:#55504a;--fp-cream-amber:#6b4a10;--fp-pcb:#14332a;--fp-pcb-ink:#f0e2b4;--fp-pcb-dim:#b9a878;--fp-gold:#c9a227;--fp-graph:#3c4046;--fp-graph-ink:#eceef1;--fp-graph-dim:#b3b9c1;--fp-ano:#1b1c1f;--fp-ano-dim:#a6adb7;--fp-copper:#4a3323;--fp-copper-ink:#f1e3d2;--fp-copper-dim:#c3aa92;--fp-slate:#33404d;--fp-slate-ink:#e8edf2;--fp-slate-dim:#aab8c6;--fp-carbon:#17181b;--fp-white:#eceff1;--fp-white-ink:#16191c;--fp-white-dim:#4d545c;--fp-white-amber:#6b4a10;--screw-socket:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><polygon points='50,25 28.4,37.5 28.4,62.5 50,75 71.6,62.5 71.6,37.5' fill='%23050506'/></svg>");--edge:#050506;--metal-hi:#35373c;--metal-lo:#16171a;--chrome:#9ea3ab;--text-base:#e6e8eb;--text-dim-base:#8d939c;--text:var(--text-base);--text-dim:var(--text-dim-base);--text-invert:#0a0a0b;--border:#000000b3;--border-soft:#ffffff12;--focus:#9ad5ff;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--focus);--amber-base:#f3c77a;--amber:var(--amber-base);--led:#ffd166;--danger:#ff5d5d;--cat-utility:#b0b6c0;--cat-custom:#e879f9;--r-sm:2px;--r-md:4px;--r-lg:8px;--font-ui:-apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button,[role=slider],[role=radio]{touch-action:manipulation}canvas,img,svg{max-width:100%;display:block}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){:focus-visible{outline-offset:2px;outline:2px solid highlight}:root .module-panel:focus-visible{outline-offset:-2px;outline:2px solid highlight}.knob,.knob-cap,.fader,.fader-cap,.led,.mpk,.channel-vu-fill,.row-bar>i{border:1px solid canvastext}}body.reduced-motion *,body.reduced-motion :before,body.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.rack-row{width:max-content;min-width:100%;padding:calc(17 * var(--u)) 0;background-image:repeating-linear-gradient(90deg, #ffffff09 0 1px, transparent 1px 3px), linear-gradient(180deg, color-mix(in srgb, var(--rail) 55%, var(--metal-hi)) 0, color-mix(in srgb, var(--rail) 75%, var(--metal-hi)) calc(16 * var(--u)), var(--edge) calc(16 * var(--u)) calc(17 * var(--u)), transparent calc(17 * var(--u)) calc(100% - 17 * var(--u)), var(--edge) calc(100% - 17 * var(--u)) calc(100% - 16 * var(--u)), color-mix(in srgb, var(--rail) 75%, var(--metal-hi)) calc(100% - 16 * var(--u)), color-mix(in srgb, var(--rail) 55%, var(--metal-hi)) 100%);background-position:0 0,0 0;background-repeat:repeat-x,no-repeat;background-size:auto calc(16 * var(--u)), 100% 100%;content-visibility:auto;contain-intrinsic-size:auto var(--panel-h);align-items:flex-start;gap:2px;display:flex}.module-panel{width:calc(var(--hp-count,8) * var(--hp));height:var(--panel-h);border:1px solid var(--edge);border-radius:var(--r-sm);color:var(--text);background-color:var(--panel);box-shadow:var(--seam), inset 0 1px 0 #ffffff0f, inset 0 0 0 1px #ffffff05, 0 4px 10px #0000008c;contain:layout paint;--label-fs:clamp(10px, calc(var(--hp-count,8) * 2px), 13px);--sheen:.04;--sheen-a:180deg;--seam:inset 1px 0 0 var(--edge), inset 7px 0 7px -7px #000000b3;flex:none;position:relative;overflow:hidden;container-type:inline-size}.module-panel:before{content:"";background-image:var(--grain), linear-gradient(var(--sheen-a), rgb(255 255 255/var(--sheen)), transparent 30%);pointer-events:none;background-size:120px 120px,auto;position:absolute;inset:0}.rack-row>.module-panel:nth-child(4n+2){--sheen:.055;--sheen-a:172deg}.rack-row>.module-panel:nth-child(4n+3){--sheen:.03;--sheen-a:188deg}.rack-row>.module-panel:nth-child(4n){--sheen:.047;--sheen-a:194deg}.module-panel:after{content:"";background:linear-gradient(90deg, transparent, var(--cat,var(--cat-utility)) 18% 82%, transparent);pointer-events:none;width:100%;height:1px;position:absolute;top:9%;left:0}.module-panel.dark{background-color:var(--panel-dark)}.module-panel.selected{border-color:var(--cat,var(--cat-utility));box-shadow:var(--seam), 0 0 0 1px color-mix(in srgb, var(--cat,var(--cat-utility)) 40%, transparent), inset 0 1px 0 #ffffff0f, 0 4px 10px #0000008c}.module-panel:focus-visible{box-shadow:inset 0 0 0 2px var(--bg), inset 0 0 0 4px var(--focus);outline:0}.module-panel.dragging{opacity:.35}.module-head{z-index:2;text-align:center;cursor:grab;touch-action:none;background:0 0;padding:19px 6px 0;position:relative}.module-head:active{cursor:grabbing}.module-name{color:var(--text);font:600 16px/1 var(--font-mono);letter-spacing:.22em;text-overflow:ellipsis;text-transform:uppercase;text-shadow:0 0 9px color-mix(in srgb, var(--cat,var(--cat-utility)) 45%, transparent);white-space:nowrap;overflow:hidden}.module-sub{color:var(--text-dim);font:500 10px/1.05 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:3px;display:-webkit-box;overflow:hidden}@container (width<=189px){.module-name{letter-spacing:.12em;font-size:14.5px}.module-sub{letter-spacing:.08em;font-size:9.5px}}@container (width<=137px){.module-name{letter-spacing:.06em;font-size:13.5px}.module-sub{letter-spacing:.01em;font-size:8.5px}}@container (width<=85px){.module-head{padding-left:3px;padding-right:3px}.module-name{letter-spacing:.04em;font-size:11.5px}.module-sub{display:none}}.panel-node{place-items:center;min-width:0;min-height:0;display:grid;position:absolute;container-type:size}.panel-node>*{min-width:0;max-width:100%;max-height:100%}.screws{--screw-d:calc(11 * var(--u));--screw-inset:calc(6 * var(--u));--head:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--metal-hi) 92%, var(--pointer)) 0, color-mix(in srgb, var(--metal) 70%, var(--metal-hi)) 45%, var(--edge) 100%);--socket:var(--screw-socket);background-image:var(--socket), var(--head), var(--socket), var(--head), var(--socket), var(--head), var(--socket), var(--head);background-repeat:no-repeat;background-size:var(--screw-d) var(--screw-d);background-position:var(--screw-inset) var(--screw-inset), var(--screw-inset) var(--screw-inset), calc(100% - var(--screw-inset)) var(--screw-inset), calc(100% - var(--screw-inset)) var(--screw-inset), var(--screw-inset) calc(100% - var(--screw-inset)), var(--screw-inset) calc(100% - var(--screw-inset)), calc(100% - var(--screw-inset)) calc(100% - var(--screw-inset)), calc(100% - var(--screw-inset)) calc(100% - var(--screw-inset));pointer-events:none;position:absolute;inset:0}@container (width<=111px){.screws{background-image:var(--socket), var(--head), var(--socket), var(--head);background-position:var(--screw-inset) var(--screw-inset), var(--screw-inset) var(--screw-inset), calc(100% - var(--screw-inset)) calc(100% - var(--screw-inset)), calc(100% - var(--screw-inset)) calc(100% - var(--screw-inset))}}.panel-label{max-width:100%;color:var(--text);font:500 var(--label-fs,9px) / 1.1 var(--font-ui);letter-spacing:.14em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;display:block;overflow:hidden}.panel-label.sub{color:var(--text-dim);letter-spacing:.2em;font-size:10px}.scope-screen,.env-screen,.text-screen,.mini-piano,.channel-vu{border:1px solid var(--edge);background-color:var(--screen);background-image:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 4px);border-radius:4px;box-shadow:inset 0 3px 9px #000000e6,inset 0 0 0 1px #ffffff0a,0 0 0 1px #ffffff0d}.scope-screen,.env-screen{width:100%;padding:4px}.scope-screen canvas{width:100%;height:100%}.env-screen canvas{flex:1;width:100%;min-height:0}.env-vals{justify-content:space-between;gap:4px;margin-top:3px;display:flex}.env-chip{flex-direction:column;flex:1 1 0;align-items:center;line-height:1.15;display:flex}.env-chip span{color:var(--text-dim);font:600 10px var(--font-mono);letter-spacing:.05em}.env-chip b{color:var(--env-c,var(--amber));font:600 13px var(--font-mono)}.led-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.led{width:calc(10 * var(--u));height:calc(10 * var(--u));background:radial-gradient(circle at 40% 35%, var(--led-c,var(--led)) 0, color-mix(in srgb, var(--led-c,var(--led)) 55%, var(--edge)) 55%, var(--edge) 100%);box-shadow:0 0 0 1px var(--edge), 0 0 9px var(--led-c,var(--led)), 0 0 20px color-mix(in srgb, var(--led-c,var(--led)) 45%, transparent);border-radius:50%;transition:opacity 50ms linear}.led-label{color:var(--text-dim);font:500 10px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase}.step-grid{gap:4px;width:100%;height:100%;padding:4px;display:grid}.step-grid>div{min-width:0}.channel-vu{width:calc(14 * var(--u));align-items:flex-end;height:100%;min-height:58px;display:flex;position:relative;overflow:hidden}.channel-vu-fill{background:linear-gradient(var(--danger), var(--amber) 30%, var(--cat,var(--kind-c)));width:100%;height:2%}.mini-piano{gap:3px;width:100%;height:100%;padding-bottom:3px;display:flex;position:relative;overflow:hidden}.mpk{cursor:pointer;-webkit-user-select:none;user-select:none;border:0;transition:filter 60ms linear,background 60ms linear}.mpk.w{border-right:1px solid var(--edge);background:linear-gradient(color-mix(in srgb, var(--pointer) 92%, var(--metal)), color-mix(in srgb, var(--pointer) 78%, var(--metal-hi)));border-radius:0 0 4px 4px;flex:1 1 0}.mpk.b{--bk-w:calc(26 * var(--u));top:0;left:calc(var(--bk,0) / 7 * 100% - var(--bk-w) / 2);z-index:2;width:var(--bk-w);border:1px solid var(--edge);background:linear-gradient(var(--metal), color-mix(in srgb, var(--metal-2) 60%, var(--edge)));border-top:0;border-radius:0 0 4px 4px;height:62%;position:absolute}.mpk:hover{filter:brightness(1.12)}.mpk.on{background:linear-gradient(var(--mp-c,var(--cat,var(--amber))), color-mix(in srgb, var(--mp-c,var(--cat,var(--amber))) 58%, var(--edge)))}.mpk.root{box-shadow:inset 0 0 0 2px var(--pointer), 0 0 6px var(--mp-c,var(--cat,var(--amber)))}.mpk.playing{z-index:3;box-shadow:inset 0 0 0 2px var(--pointer), 0 0 10px var(--pointer)}.mpk:focus-visible{box-shadow:var(--focus-ring)}.knob-cell,.fader-cell{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;height:100%;display:flex}.knob-label{width:max-content;max-width:100%;color:color-mix(in srgb, var(--text) 76%, var(--text-dim));font:500 var(--label-fs,9px) / 1.1 var(--font-ui);letter-spacing:.14em;text-align:center;text-transform:uppercase;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.knob{--d:calc(46 * var(--u));--d-fit:min(calc(52cqh - 1.5px), 68cqw);--sweep:270deg;width:min(var(--d), var(--d-fit));aspect-ratio:1;background:radial-gradient(circle closest-side at 38% 32%, color-mix(in srgb, var(--metal-hi) 78%, var(--pointer)) 0, transparent 100%), radial-gradient(circle closest-side, var(--metal) 0 44%, color-mix(in srgb, var(--metal) 64%, var(--edge)) 74%, transparent 75%), repeating-conic-gradient(from 0deg, var(--metal-hi) 0deg 3deg, var(--metal-2) 3deg 7.5deg);box-shadow:0 4px 7px #000000b3, 0 0 0 1px var(--edge), inset 0 1px 0 #ffffff24;cursor:ns-resize;touch-action:none;border-radius:50%;flex:none;position:relative}.knob-cell.big .knob{--d:calc(64 * var(--u))}.knob:hover{filter:brightness(1.08)}.knob:before{content:"";background:conic-gradient(from calc(var(--sweep) / -2), var(--cat,var(--amber)) calc(var(--pct,0) * var(--sweep)), #ffffff1a 0 var(--sweep), transparent 0);border-radius:50%;position:absolute;inset:-19%;-webkit-mask:radial-gradient(closest-side,#0000 0 86%,currentColor 88%);mask:radial-gradient(closest-side,#0000 0 86%,currentColor 88%)}.knob:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob-cap,.knob-cv{width:calc(3 * var(--u));margin-left:calc(-1.5 * var(--u));border-radius:calc(1.5 * var(--u));transform-origin:50% 100%;position:absolute;bottom:50%;left:50%}.knob-cap{background:var(--pointer);height:36%;box-shadow:0 0 4px color-mix(in srgb, var(--cat,var(--amber)) 60%, transparent);transform:rotate(calc(var(--pct,0) * var(--sweep) - var(--sweep) / 2));transition:transform 60ms linear}.knob-cv{background:var(--kind-c);height:52%;box-shadow:0 0 6px var(--kind-c);opacity:.85;transform:rotate(calc(var(--cv,0) * var(--sweep) - var(--sweep) / 2));transition:transform 50ms linear}.knob:focus-visible{box-shadow:var(--focus-ring)}@container (width<=58px){.knob-label{letter-spacing:.04em}}@container (height<=63px){.knob-cell,.fader-cell{gap:1.5px}.knob-label{letter-spacing:.06em;font-size:9.5px}.knob{--d-fit:min(calc(70cqh - 9px), 68cqw)}}@container (height<=37px){.knob-label{display:none}.knob{--d-fit:min(72cqh, 68cqw)}.knob-cell.big .knob{--d:calc(46 * var(--u))}}.fader{--cap:calc(19 * var(--u));width:var(--fader-w);height:100%;padding:0 var(--fader-pad);background-image:linear-gradient(to top, var(--cat,var(--amber)) 0 calc(var(--cap) / 2 + var(--pct,0) * (100% - var(--cap))), transparent 0),  linear-gradient(90deg, transparent calc(6 * var(--u)), var(--edge) calc(6 * var(--u)) calc(7 * var(--u)), var(--metal-2) calc(7 * var(--u)) calc(13 * var(--u)), #ffffff14 calc(13 * var(--u)) calc(14 * var(--u)), transparent calc(14 * var(--u)));cursor:ns-resize;touch-action:none;background-repeat:no-repeat;background-clip:content-box,border-box;flex:auto;position:relative}.fader:after{content:"";width:44px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.fader-cap{top:calc((1 - var(--pct,0)) * (100% - var(--cap)));left:calc(-1 * var(--fader-pad));width:calc(35 * var(--u));height:var(--cap);border:1px solid var(--edge);border-radius:calc(3 * var(--u));background-image:repeating-linear-gradient(90deg, #ffffff0f 0 calc(1.5 * var(--u)), transparent calc(1.5 * var(--u)) calc(4 * var(--u))), linear-gradient(var(--metal-hi), var(--metal) 40%, var(--metal-lo));pointer-events:none;position:absolute;box-shadow:0 3px 6px #000000b3,inset 0 1px #ffffff29}.fader-cap:after{content:"";top:calc((var(--cap) - 3 * var(--u)) / 2);right:calc(3 * var(--u));left:calc(3 * var(--u));height:calc(3 * var(--u));background:var(--pointer);box-shadow:0 0 4px var(--cat,var(--amber));position:absolute}.fader:focus-visible{box-shadow:var(--focus-ring)}.switch{flex-direction:column;align-items:center;gap:3px;max-width:100%;display:flex}.switch-label,.select-label{color:var(--text-dim);font:500 10px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase}.switch-opts,.btn{border:1px solid var(--edge);background:var(--metal-2);border-radius:4px;box-shadow:inset 0 1.5px 4px #000000d9,inset 0 -1px #ffffff0d}.switch-opts{flex-wrap:wrap;justify-content:center;gap:0;max-width:100%;padding:1.5px;display:flex;overflow:hidden}.switch-opt{min-width:0;color:var(--text-dim);font:600 10.5px/1 var(--font-mono);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 3px;position:relative}.switch-opt:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.switch-opt:hover:not(.on){color:var(--text)}.switch-opt.on{color:var(--cat,var(--amber));text-shadow:0 0 5px var(--cat,var(--amber));box-shadow:inset 0 -3px 0 var(--cat,var(--amber));background:#ffffff0a}.switch-opt:focus-visible{box-shadow:var(--focus-ring)}.btn{color:var(--text-dim);font-family:var(--font-ui);letter-spacing:.14em;text-align:center;text-transform:uppercase;cursor:pointer;padding:4px 8px;font-size:9px;font-weight:500}.btn:hover{color:var(--text)}.btn.on{color:var(--amber);box-shadow:inset 0 -2px 0 var(--amber), 0 0 6px color-mix(in srgb, var(--amber) 35%, transparent)}.btn:focus-visible{box-shadow:var(--focus-ring)}.select{flex-direction:column;align-items:center;gap:3px;max-width:100%;display:flex}.select select{appearance:none;border:1px solid var(--edge);background:var(--metal-2);max-width:100%;color:var(--amber);font:600 11.5px/1.2 var(--font-mono);letter-spacing:.05em;cursor:pointer;border-radius:3px;padding:3px 6px}.select select:focus-visible{box-shadow:var(--focus-ring)}@media (pointer:coarse){.knob{--d:calc(55 * var(--u))}.knob-cell.big .knob{--d:calc(72 * var(--u))}.switch-opt,.btn{min-height:40px;padding:8px 6px}}@container (width<=92px){.knob-label{letter-spacing:.04em;font-size:8px}.switch-opt{letter-spacing:0;padding:3px 2px;font-size:8.5px}}.jack-cell{flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.jack-cell.out{flex-direction:column-reverse}.jack-label{max-width:100%;color:var(--text);font:500 11px/1.05 var(--font-mono);letter-spacing:.06em;text-align:center;text-transform:uppercase;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;padding:0 3px;overflow:hidden}.jack-cell.out .jack-label{border:1px solid color-mix(in srgb, var(--jc,var(--kind-a)) 55%, var(--edge));background:var(--metal-2);color:var(--jc,var(--kind-a));border-radius:3px;padding:1.5px 6px}.jack{width:var(--jack-d);height:var(--jack-d);border:2px solid var(--jc,var(--kind-a));background:radial-gradient(circle, var(--edge) 0 calc(5.7 * var(--u)), color-mix(in srgb, var(--metal) 52%, var(--edge)) calc(5.7 * var(--u)) calc(6.6 * var(--u)), color-mix(in srgb, var(--metal-hi) 60%, var(--pointer)) calc(6.6 * var(--u)) calc(7.4 * var(--u)), transparent calc(7.4 * var(--u)) calc(13.4 * var(--u)), color-mix(in srgb, var(--metal-2) 55%, var(--edge)) calc(13.4 * var(--u)) calc(15.1 * var(--u)), transparent calc(15.1 * var(--u))), conic-gradient(from 30deg, color-mix(in srgb, var(--metal) 74%, var(--metal-hi)) 0deg 60deg, color-mix(in srgb, var(--metal) 88%, var(--edge)) 60deg 120deg, color-mix(in srgb, var(--metal-2) 62%, var(--metal)) 120deg 180deg, color-mix(in srgb, var(--metal-2) 84%, var(--metal)) 180deg 240deg, color-mix(in srgb, var(--metal) 82%, var(--metal-hi)) 240deg 300deg, color-mix(in srgb, var(--metal-hi) 74%, var(--pointer)) 300deg 360deg);cursor:crosshair;touch-action:none;border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 1.5px 3px #000000e6,0 0 0 1px #0000004d,inset 0 0 4px #000000e6}.jack:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jack-glyph{color:var(--jc,var(--kind-a));opacity:.9;pointer-events:none;font-size:9px;line-height:1}@container (width<=58px){.jack-label{letter-spacing:0;padding:0;font-size:10px}.jack-cell.out .jack-label{padding:1.5px 3px}}.jack-cell:has(.jack-a){--jc:var(--kind-a)}.jack-cell:has(.jack-p){--jc:var(--kind-p)}.jack-cell:has(.jack-g){--jc:var(--kind-g)}.jack-cell:has(.jack-c){--jc:var(--kind-c)}.jack-a{border-style:solid}.jack-p{border-style:dashed}.jack-g{border-style:double;border-width:4px}.jack-c{border-style:dotted}.jack.out{box-shadow:0 0 0 1.5px var(--edge), 0 0 0 3px color-mix(in srgb, var(--jc,var(--kind-a)) 35%, transparent)}.jack.patched{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--jc,var(--kind-a)) 40%, transparent);border-style:solid}.jack-g.patched{border-style:double}.jack.patched:after{background:radial-gradient(circle at 42% 38%, var(--chrome) 0, color-mix(in srgb, var(--chrome) 45%, var(--edge)) 52%, var(--edge) 78%, transparent 80%) 50% 50% / calc(13 * var(--u)) calc(13 * var(--u)) no-repeat}.jack.patched .jack-glyph{opacity:0}.jack.compat{outline:3px dashed var(--jc,var(--kind-a));outline-offset:4px}.jack.hot,.jack[aria-pressed=true]{box-shadow:0 0 0 3px var(--jc,var(--kind-a)), 0 0 17px var(--jc,var(--kind-a));animation:1.1s ease-in-out infinite jack-pulse}@keyframes jack-pulse{0%,to{box-shadow:0 0 0 3px var(--jc,var(--kind-a)), 0 0 12px var(--jc,var(--kind-a))}50%{box-shadow:0 0 0 3px var(--jc,var(--kind-a)), 0 0 23px var(--jc,var(--kind-a))}}.jack:focus-visible{box-shadow:var(--focus-ring)}.cable-canvas{z-index:40;pointer-events:none;position:fixed;inset:0}body.cable-hover,body.cable-hover .rack{cursor:pointer}.patch-tip{z-index:60;border:1px solid color-mix(in srgb, var(--amber) 30%, var(--edge));border-radius:var(--r-sm);background:var(--bg-2);color:var(--amber);font:600 11.5px/1.2 var(--font-mono);letter-spacing:.05em;pointer-events:none;padding:4px 7px;position:fixed;box-shadow:0 4px 10px #000000b3}.workspace{flex-direction:column;min-height:100%;display:flex}.rack-head{z-index:50;position:sticky;top:0}.topbar{border-bottom:1px solid var(--edge);background:var(--rail);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex;box-shadow:0 1px #ffffff0d}.brand{font:700 14px/1 var(--font-mono);letter-spacing:.3em}.topbar-gap{flex:1}.settings-hint{color:var(--text-dim);font-size:12.5px}.live-region{background:var(--bg);min-height:18px;color:var(--amber);font:600 11.5px/1.6 var(--font-mono);letter-spacing:.06em;margin:0;padding:2px 10px}.rack-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.rack-scroll{zoom:var(--rack-zoom,1);touch-action:pan-x pan-y;flex:1;padding:6px 10px 40px;overflow-x:auto}.zoom-dock{z-index:60;right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--edge);border-radius:var(--r-sm);background:var(--rail);align-items:stretch;gap:2px;padding:3px;display:flex;position:fixed;box-shadow:0 6px 18px #0009}.zoom-dock .btn{min-width:34px;font-size:12px;line-height:1.1}.zoom-dock .zoom-level{font-variant-numeric:tabular-nums;min-width:52px;font-size:9px}.app-loading{color:var(--text-dim);padding:20px}.app-crash{max-width:46ch;color:var(--text);margin:12vh auto;padding:24px}.app-crash p{color:var(--text-dim);overflow-wrap:anywhere}.rack-row-shell{width:max-content;min-width:100%;margin-bottom:10px}.rack-row-scroll{padding:10px 0}.row-head{color:var(--text-dim);font:500 11.5px/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;padding:2px 0 4px;display:flex}.row-hp.over{color:var(--danger)}.row-bar{border:1px solid var(--edge);background:var(--metal-2);border-radius:0;width:160px;height:3px;display:block;overflow:hidden}.row-bar>i{width:calc(var(--fill,0) * 100%);background:#ffffffb3;height:100%;display:block}.row-bar.over>i{background:var(--danger)}.panel-grab{cursor:grab}.panel-x{z-index:3;border-radius:var(--r-sm);background:color-mix(in srgb, var(--panel) 92%, var(--metal-hi));width:20px;height:20px;box-shadow:0 0 0 1px var(--edge);color:var(--text-dim);cursor:pointer;opacity:0;pointer-events:none;border:0;padding:0;font-size:17px;line-height:1;transition:opacity .1s linear;position:absolute;top:4px;right:17px}.module-panel:hover .panel-x,.module-panel:focus-within .panel-x{opacity:1;pointer-events:auto}.panel-x:hover{color:var(--danger)}@container (width<=85px){.panel-x{width:16px;height:16px;font-size:14px;top:3px;right:3px}}.text-screen{width:100%;height:100%;color:var(--text);font:600 14px/1.2 var(--font-mono);letter-spacing:.06em;text-align:center;place-items:center;padding:0 6px;display:grid;overflow:hidden}.text-screen.screen-missing{color:var(--danger);letter-spacing:.14em;font-size:10px}.steps-display{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.meter-pair{justify-content:center;gap:4px;height:100%;display:flex}.channel-vu.gr .channel-vu-fill{background:var(--danger)}.seq-gate,.seq-pitch{border:1px solid var(--edge);background:var(--metal-2);width:100%;min-width:0;color:var(--text-dim);cursor:pointer;border-radius:3px;padding:0;box-shadow:inset 0 1.5px 4px #000000d9}.seq-pitch{color:var(--text);font:600 13px/1.3 var(--font-mono);text-align:center}.seq-gate[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--cat,var(--amber)), 0 0 6px color-mix(in srgb, var(--cat,var(--amber)) 45%, transparent);background:#ffffff0a}.modal-backdrop{z-index:80;background:color-mix(in srgb, var(--bg) 76%, transparent);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border-soft);border-radius:var(--r-lg);background:var(--bg-2);flex-direction:column;gap:8px;width:min(720px,100%);max-height:100%;padding:12px;display:flex;overflow:auto;box-shadow:0 20px 60px #000000b3}.modal-head{align-items:center;gap:8px;display:flex}.modal-head h2{margin:0;font-size:16px}.modal-head .search{border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--surface);min-width:0;color:var(--text);flex:1;padding:5px 8px}.modal-x{color:var(--text-dim);cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.cat-chips{flex-wrap:wrap;gap:4px;display:flex}.cat-chip{border:1px solid var(--cat,var(--cat-utility));color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11.5px}.cat-chip.on{color:var(--cat,var(--cat-utility));box-shadow:inset 0 -2px 0 var(--cat,var(--cat-utility));background:0 0}.browser-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.browser-item{border:1px solid var(--border-soft);border-left:2px solid var(--cat,var(--cat-utility));border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;gap:1px;padding:6px 8px;display:grid}.browser-item.hi,.browser-item:hover{border-color:var(--focus);border-left-color:var(--cat,var(--cat-utility))}.browser-sub,.browser-hp{color:var(--text-dim);font-size:11.5px}.browser-empty,.patch-empty{color:var(--text-dim);padding:8px}.patch-save{flex-wrap:wrap;gap:6px;display:flex}.patch-save input[type=text]{border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--surface);flex:1;min-width:140px;padding:4px 8px}.patch-heading{color:var(--text-dim);font:600 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin:12px 0 4px}.patch-tag{border:1px solid var(--border-soft);color:var(--text-dim);font:500 9px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:1px 5px}.patch-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.patch-list li{align-items:center;gap:6px;display:flex}.patch-name{border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;flex:1;padding:5px 8px}.patch-feedback{color:var(--amber);margin:0;font-size:12.5px}.settings-block{border-top:1px solid var(--border-soft);gap:6px;padding-top:6px;display:grid}.settings-block h3{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px}.settings-provider{flex-wrap:wrap;align-items:end;gap:6px;display:flex}.settings-key,.settings-field{flex:1;gap:2px;min-width:180px;font-size:12.5px;display:grid}.settings-key input,.settings-field input{border:1px solid var(--border-soft);border-radius:var(--r-sm);background:var(--surface);padding:4px 8px}.settings-field{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.settings-error{width:100%;color:var(--danger);margin:0;font-size:12.5px}@media (width<=700px){.topbar{scrollbar-width:none;flex-wrap:nowrap;gap:4px;padding:5px 8px;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.topbar .btn{flex:none}.brand{letter-spacing:.18em;flex:none;font-size:11px}.topbar-gap{flex:0 0 6px}.live-region{padding:2px 8px;font-size:11px}.rack-scroll{padding:4px 6px 76px}.modal-backdrop{padding:6px}}.module-panel[data-plate]{--cat-line:var(--cat,var(--cat-utility));--panel-dark:color-mix(in srgb, var(--panel) 88%, var(--edge));--bevel-hi:#ffffff24;--bevel-lo:#0000006b;--bevel:linear-gradient(90deg, var(--bevel-hi) 0 1px, var(--bevel-lo) 1px 2px, transparent 2px calc(100% - 2px), var(--bevel-lo) calc(100% - 2px) calc(100% - 1px), var(--bevel-hi) calc(100% - 1px));--topcut:linear-gradient(180deg, var(--bevel-hi), transparent 13px);--sheen:linear-gradient(101deg, transparent 26%, #ffffff14 46%, transparent 64%);--brush-v:repeating-linear-gradient(90deg, #0000000b 0 1px, transparent 1px 2px), repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 3px, #00000008 3px 4px, transparent 4px 7px);--brush-h:repeating-linear-gradient(0deg, #0000000d 0 1px, transparent 1px 2px), repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 3px, #0000000a 3px 5px, transparent 5px 8px);--weave:repeating-linear-gradient(45deg, #ffffff08 0 2px, transparent 2px 4px, #0000000e 4px 6px, transparent 6px 8px), repeating-linear-gradient(-45deg, #ffffff06 0 2px, transparent 2px 4px, #0000000b 4px 6px, transparent 6px 8px);--satin:repeating-linear-gradient(90deg, #ffffff07 0 1px, transparent 1px 3px);--paint:linear-gradient(180deg, #0000000b, transparent 34%, #00000016)}:is(.module-panel[data-plate=alu],.module-panel[data-plate=cream],.module-panel[data-plate=white]) :is(.scope-screen,.env-screen,.text-screen,.mini-piano,.channel-vu,.switch-opts,.switch-toggle,.btn,.select select){--text:var(--text-base);--text-dim:var(--text-dim-base);--amber:var(--amber-base)}.module-panel[data-plate=alu],.module-panel[data-plate=cream],.module-panel[data-plate=white]{--grain:var(--grain-dark);--panel-dark:var(--panel);--track:#00000047;--border-soft:#00000026;--bevel-hi:#ffffff8c;--bevel-lo:#00000038}.module-panel[data-plate=alu] .screws,.module-panel[data-plate=cream] .screws,.module-panel[data-plate=white] .screws{--head:radial-gradient(circle at 35% 30%, var(--metal-hi) 0, var(--metal) 46%, var(--edge) 100%)}.module-panel[data-plate=alu]{--panel:var(--fp-alu);--text:var(--fp-alu-ink);--text-dim:var(--fp-alu-dim);--amber:var(--fp-alu-amber);--cat-line:color-mix(in srgb, var(--cat,var(--cat-utility)) 32%, var(--fp-alu-ink));background-image:var(--bevel), var(--topcut), var(--sheen), var(--brush-v)}.module-panel[data-plate=cream]{--panel:var(--fp-cream);--text:var(--fp-cream-ink);--text-dim:var(--fp-cream-dim);--amber:var(--fp-cream-amber);--cat-line:color-mix(in srgb, var(--cat,var(--cat-utility)) 32%, var(--fp-cream-ink));background-image:var(--bevel), var(--topcut), var(--paint)}.module-panel[data-plate=white]{--panel:var(--fp-white);--text:var(--fp-white-ink);--text-dim:var(--fp-white-dim);--amber:var(--fp-white-amber);--cat-line:color-mix(in srgb, var(--cat,var(--cat-utility)) 32%, var(--fp-white-ink));background-image:var(--bevel), var(--topcut), var(--sheen), var(--paint)}.module-panel[data-plate=copper]{--panel:var(--fp-copper);--text:var(--fp-copper-ink);--text-dim:var(--fp-copper-dim);--bevel-hi:#ffd6aa38;background-image:var(--bevel), var(--topcut), var(--sheen), var(--brush-v)}.module-panel[data-plate=slate]{--panel:var(--fp-slate);--text:var(--fp-slate-ink);--text-dim:var(--fp-slate-dim);background-image:var(--bevel), var(--topcut), var(--paint)}.module-panel[data-plate=graph]{--panel:var(--fp-graph);--text:var(--fp-graph-ink);--text-dim:var(--fp-graph-dim);background-image:var(--bevel), var(--topcut), var(--brush-h)}.module-panel[data-plate=carbon]{--panel:var(--fp-carbon);--bevel-lo:#0009;background-image:var(--bevel), var(--topcut), var(--weave)}.module-panel[data-plate=black]{--bevel-hi:#ffffff1a;--bevel-lo:#00000080;background-image:var(--bevel), var(--topcut)}.module-panel[data-plate=pcb]{--panel:var(--fp-pcb);--text:var(--fp-pcb-ink);--text-dim:var(--fp-pcb-dim);--cat-line:color-mix(in srgb, var(--cat,var(--cat-utility)) 70%, var(--fp-gold));background-image:linear-gradient(90deg, #ffffff1a 0 1px, transparent 1px 3px, color-mix(in srgb, var(--fp-gold) 60%, transparent) 3px 4px, transparent 4px calc(100% - 4px), color-mix(in srgb, var(--fp-gold) 60%, transparent) calc(100% - 4px) calc(100% - 3px), transparent calc(100% - 3px) calc(100% - 1px), #0006 calc(100% - 1px)), var(--topcut), var(--weave)}.module-panel[data-plate=ano]{--panel:color-mix(in srgb, var(--cat,var(--cat-utility)) 17%, var(--fp-ano));--text-dim:var(--fp-ano-dim);--bevel-hi:#ffffff2e;background-image:var(--bevel), var(--topcut), linear-gradient(162deg, color-mix(in srgb, var(--cat,var(--cat-utility)) 9%, transparent), transparent 58%), var(--satin)}.panel-node{--dial:var(--panel)}.knob:before{background:var(--dial-marks,none), conic-gradient(from calc(var(--sweep) / -2), var(--cat-line,var(--cat,var(--amber))) calc(var(--pct,0) * var(--sweep)), var(--track,#ffffff1a) 0 var(--sweep), transparent 0);inset:-19%;-webkit-mask:radial-gradient(closest-side,#0000 0 84%,currentColor 87%);mask:radial-gradient(closest-side,#0000 0 84%,currentColor 87%)}.panel-node[data-knob=davies],.panel-node[data-knob=chicken]{--dial-marks:conic-gradient(from 222deg, var(--dial) 0 6deg, transparent 6deg 67.5deg, var(--dial) 67.5deg 73.5deg, transparent 73.5deg 135deg, var(--dial) 135deg 141deg, transparent 141deg 202.5deg, var(--dial) 202.5deg 208.5deg, transparent 208.5deg 270deg, var(--dial) 270deg 276deg, transparent 276deg)}[data-knob=davies] .knob{background:radial-gradient(circle closest-side at 40% 28%, color-mix(in srgb, var(--metal-hi) 66%, var(--pointer)) 0, transparent 60%), radial-gradient(circle closest-side, var(--metal) 0 50%, transparent 51%), radial-gradient(circle closest-side, transparent 0 51%, color-mix(in srgb, var(--metal-2) 62%, var(--metal)) 53% 74%, transparent 75%), repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--metal) 76%, var(--pointer)) 0deg 4deg, var(--metal-2) 4deg 12deg);box-shadow:0 5px 9px #0000009e, 0 1px 2px #00000080, 0 0 0 1px var(--edge), inset 0 1px 0 #ffffff29}[data-knob=davies] .knob-cap{background:linear-gradient(var(--pointer), color-mix(in srgb, var(--pointer) 74%, var(--metal)));border-radius:0 0 2px 2px;width:4px;height:46%;margin-left:-2px}[data-knob=chicken] .knob{background:radial-gradient(circle closest-side at 42% 32%, color-mix(in srgb, var(--metal-hi) 58%, var(--pointer)) 0, transparent 46%), radial-gradient(circle closest-side, var(--metal) 0 26%, color-mix(in srgb, var(--metal-2) 76%, var(--edge)) 28% 34%, color-mix(in srgb, var(--metal-2) 40%, transparent) 36% 43%, transparent 44%);box-shadow:none}[data-knob=chicken] .knob-cap{background:linear-gradient(116deg, color-mix(in srgb, var(--metal-hi) 80%, var(--pointer)), var(--metal) 34%, var(--metal-2) 84%);width:42%;height:68%;box-shadow:none;transform-origin:50% 77.9%;clip-path:polygon(50% 0,92% 46%,100% 74%,78% 100%,22% 100%,0 74%,8% 46%);border-radius:0;margin-left:-21%;bottom:35%}[data-knob=chicken] .knob-cap:after{content:"";background:var(--pointer);border-radius:1px;width:2px;height:22%;margin-left:-1px;position:absolute;top:14%;left:50%}[data-knob=trimmer] .knob{background:radial-gradient(circle closest-side at 40% 30%, color-mix(in srgb, var(--metal-hi) 62%, var(--pointer)) 0, transparent 44%), radial-gradient(circle closest-side, color-mix(in srgb, var(--metal) 86%, var(--edge)) 0 32%, color-mix(in srgb, var(--chrome) 60%, var(--edge)) 33% 37%, var(--edge) 38% 40%, transparent 41%);box-shadow:none}[data-knob=trimmer] .knob:before{inset:9%}[data-knob=trimmer] .knob-cap{background:var(--edge);width:4px;height:26%;box-shadow:none;border-radius:0;margin-left:-2px}[data-knob=trimmer] .knob-cap:after{content:"";background:var(--edge);width:100%;height:100%;position:absolute;top:100%;left:0}[data-knob=rubber] .knob{background:radial-gradient(circle closest-side at 42% 24%, #ffffff1f 0, transparent 62%), radial-gradient(circle closest-side, color-mix(in srgb, var(--metal) 82%, var(--metal-hi)) 0 62%, color-mix(in srgb, var(--metal) 70%, var(--edge)) 64% 78%, color-mix(in srgb, var(--metal-hi) 62%, var(--edge)) 80% 86%, transparent 87%), repeating-conic-gradient(from 0deg, #ffffff0d 0deg 2deg, transparent 2deg 9deg);box-shadow:0 5px 10px #0000008c, 0 0 0 1px var(--edge), inset 0 2px 3px #ffffff12}[data-knob=rubber] .knob-cap{background:linear-gradient(color-mix(in srgb, var(--pointer) 88%, var(--cat)), var(--pointer));border-radius:2.5px;width:5px;height:30%;margin-left:-2.5px;box-shadow:0 0 0 1px #0000008c}[data-knob] .knob:focus-visible{box-shadow:var(--focus-ring)}.module-panel[data-silk]{--silk-ink:color-mix(in srgb, var(--text) 7%, transparent)}.module-panel[data-plate=alu],.module-panel[data-plate=cream],.module-panel[data-plate=white]{--silk-ink:color-mix(in srgb, var(--text) 5%, transparent)}.module-panel[data-head]:after{background:linear-gradient(90deg, transparent, var(--cat-line) 18% 82%, transparent)}.module-panel[data-head=band]:after{border-bottom:1px solid color-mix(in srgb, var(--cat-line) 75%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--cat-line) 22%, transparent), color-mix(in srgb, var(--cat-line) 9%, transparent));height:9%;top:0}.module-panel[data-head=band] .module-sub{color:var(--text)}.module-panel[data-head=box]:after{display:none}.module-panel[data-head=box] .module-head:before{content:"";border:1px solid color-mix(in srgb, var(--cat-line) 55%, transparent);pointer-events:none;border-radius:2px;position:absolute;inset:15px 7% 3px}.module-panel[data-head=bar]:after{background:var(--cat-line);border-radius:1px;width:4px;height:5.8%;top:3.2%;left:5%}.module-panel[data-head=stamp]:after{background:linear-gradient(180deg, var(--cat-line) 0 1px, transparent 1px 2px, var(--cat-line) 2px 3px);width:34px;height:3px;top:9.2%;left:50%;transform:translate(-50%)}.module-panel[data-head=plain]:after{display:none}.module-panel[data-silk=grid]:before{background-image:repeating-linear-gradient(0deg, var(--silk-ink) 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, var(--silk-ink) 0 1px, transparent 1px 22px), var(--grain);background-size:auto,auto,120px 120px}.module-panel[data-silk=dots]:before{background-image:radial-gradient(circle, var(--silk-ink) 0 1.4px, transparent 1.5px), var(--grain);background-size:19px 19px,120px 120px}.module-panel[data-silk=bars]:before{background-image:repeating-linear-gradient(90deg, var(--silk-ink) 0 2px, transparent 2px 26px), var(--grain);background-size:auto,120px 120px}.module-panel[data-silk=chevron]:before{background-image:repeating-linear-gradient(45deg, var(--silk-ink) 0 1px, transparent 1px 24px), repeating-linear-gradient(-45deg, var(--silk-ink) 0 1px, transparent 1px 24px), var(--grain);background-size:auto,auto,120px 120px}.module-panel[data-silk=curve]:before{background-image:radial-gradient(circle 440px at 50% 560px, transparent 0 336px, var(--silk-ink) 336px 338px, transparent 338px), var(--grain);background-size:auto,120px 120px}.module-panel[data-silk=ring]:before{background-image:radial-gradient(circle 130px at 50% 72%, transparent 0 88px, var(--silk-ink) 88px 90px, transparent 90px), var(--grain);background-size:auto,120px 120px}.module-panel[data-type=grotesk] .module-name{font-family:var(--font-ui);font-weight:600}.module-panel[data-type=grotesk] .module-sub{font-family:var(--font-ui)}.module-panel[data-type=stencil] .module-name{box-shadow:0 1px 0 color-mix(in srgb, var(--cat-line) 60%, transparent);font-weight:700}.module-panel[data-type=stencil] .module-sub{font-family:var(--font-mono);font-weight:600}.module-panel[data-jack=plain] .jack{background:radial-gradient(circle, var(--edge) 0 5.7px, color-mix(in srgb, var(--metal) 50%, var(--edge)) 5.7px 7.2px, transparent 7.2px), radial-gradient(circle closest-side at 42% 32%, color-mix(in srgb, var(--metal-2) 55%, var(--metal)) 0, var(--metal-2) 74%)}.module-panel[data-jack=ringed] .jack{box-shadow:0 1.5px 3px #000000e6, 0 0 0 3px transparent, 0 0 0 4px color-mix(in srgb, var(--text) 26%, transparent), inset 0 0 4px #000000e6}.module-panel[data-jack] .jack:focus-visible{box-shadow:var(--focus-ring)}[data-sw=toggle] .switch-opts{background:linear-gradient(var(--metal-2), var(--edge));border-radius:3px;padding:2px 3px}[data-sw=toggle] .switch-opt{padding-top:17px}[data-sw=toggle] .switch-opt.on{background:radial-gradient(ellipse 9px 4px at 50% 15px, color-mix(in srgb, var(--metal) 72%, var(--edge)) 0 62%, transparent 64%);box-shadow:none}[data-sw=toggle] .switch-opt.on:before{content:"";background:linear-gradient(100deg, color-mix(in srgb, var(--chrome) 55%, var(--edge)), var(--chrome) 44%, color-mix(in srgb, var(--chrome) 40%, var(--edge)));transform-origin:50% 100%;border-radius:4px 4px 2px 2px;width:8px;height:14px;margin-left:-4px;position:absolute;top:2px;left:50%;box-shadow:0 1px 2px #0009}[data-sw=toggle] .switch-opt.on:first-child:before{transform:rotate(-17deg)}[data-sw=toggle] .switch-opt.on:last-child:before{transform:rotate(17deg)}[data-sw=slide] .switch-opts{padding:2px;box-shadow:inset 0 2px 4px #000000e6,inset 0 -1px #ffffff0f}[data-sw=slide] .switch-opt{isolation:isolate;padding:4px 3px}[data-sw=slide] .switch-opt.on{color:var(--pointer);text-shadow:none;box-shadow:none;background:0 0}[data-sw=slide] .switch-opt.on:before{content:"";z-index:-1;background-image:repeating-linear-gradient(90deg, #ffffff12 0 1px, transparent 1px 3px), linear-gradient(var(--metal-hi), var(--metal) 46%, var(--metal-lo));box-shadow:0 2px 3px #000000a6, inset 0 1px 0 #ffffff2e, inset 0 -2px 0 var(--cat,var(--amber));border-radius:3px;position:absolute;inset:0}[data-sw=toggle] .switch-opt:focus-visible,[data-sw=slide] .switch-opt:focus-visible{box-shadow:var(--focus-ring)}.fader-cap{background-image:linear-gradient(180deg, #ffffff24 0 1px, transparent 1px 2px), repeating-linear-gradient(90deg, #0000004d 0 1px, transparent 1px 4px), linear-gradient(180deg, color-mix(in srgb, var(--metal) 74%, var(--pointer)) 0 3px, var(--metal) 3px 7px, var(--metal-2) 7px 12px, var(--metal) 12px 16px, var(--metal-lo) 16px);border-radius:2px 2px 3px 3px;box-shadow:0 3px 7px #000000bf,inset 0 1px #fff3,inset 0 -1px #00000080}.led{background:radial-gradient(circle closest-side at 36% 26%, #ffffffbf 0 7%, transparent 22%), radial-gradient(circle closest-side, color-mix(in srgb, var(--led-c,var(--led)) 84%, var(--pointer)) 0 18%, var(--led-c,var(--led)) 20% 38%, color-mix(in srgb, var(--led-c,var(--led)) 55%, var(--edge)) 40% 46%, color-mix(in srgb, var(--metal) 72%, var(--edge)) 48% 55%, color-mix(in srgb, var(--led-c,var(--led)) 30%, transparent) 57%, transparent 100%);width:12px;height:12px;box-shadow:none}.select select{background-color:var(--metal-2);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right 10px center,right 6px center;background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:19px;box-shadow:inset 0 1px 2px #000c,inset 0 -1px #ffffff0f}.switch-toggle{border:1px solid var(--edge);background:var(--metal-2);min-width:26px;color:var(--text-dim);font:600 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:3px;padding:4px 6px;box-shadow:inset 0 1.5px 4px #000000d9,inset 0 -1px #ffffff0d}.switch-toggle:hover{color:var(--text)}.switch-toggle.on{background:color-mix(in srgb, var(--cat,var(--amber)) 24%, var(--metal-2));color:var(--pointer);box-shadow:inset 0 1px 0 #fff3, inset 0 -2px 0 var(--cat,var(--amber))}.switch-toggle:focus-visible{box-shadow:var(--focus-ring)}@media (pointer:coarse){.switch-toggle{min-height:40px;padding:8px 10px}}.sample-picker{width:100%;height:100%;color:var(--text);font:600 11px/1.2 var(--font-mono);letter-spacing:.04em;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 6px;display:flex;overflow:hidden}.sample-picker-info{max-width:100%;color:var(--text-dim);white-space:nowrap;gap:6px;display:flex;overflow:hidden}.sample-picker-name{text-overflow:ellipsis;overflow:hidden}.sample-picker-dur{flex:none}.sample-picker-empty{opacity:.6;text-transform:uppercase}.sample-picker-wave{width:100%;max-width:220px;height:40px}.sample-picker-msg{color:var(--kind-g);font-size:10px}.tube-svg{--fire:#ff8a2a;--ember:#ff3d12;--white-hot:#ffe6c2;width:100%;height:100%;display:block;overflow:visible}.halo-core{stop-color:var(--fire);stop-opacity:.78}.halo-mid{stop-color:var(--fire);stop-opacity:.16}.halo-edge{stop-color:var(--fire);stop-opacity:0}.tube-halo-far{opacity:calc(var(--heat) * var(--heat));transition:opacity .12s linear}.tube-halo-near{opacity:calc(var(--heat) * .7);transition:opacity .12s linear}.socket{fill:var(--metal-lo);stroke:color-mix(in srgb, var(--fire) calc(var(--heat) * 55%), var(--edge));stroke-width:1px;transition:stroke .12s linear}.socket-ring{fill:none;stroke:var(--chrome);stroke-opacity:.45;stroke-width:1px}.pins line{stroke:var(--chrome);stroke-width:1.8px;stroke-linecap:round}.rod{fill:var(--chrome);opacity:.7}.mica{fill:color-mix(in srgb, var(--fire) calc(var(--heat) * 45%), color-mix(in srgb, var(--chrome) 62%, white));opacity:.9;transition:fill .12s linear}.mica-hole{fill:var(--edge)}.plate-a,.plate-c{stop-color:var(--metal-lo)}.plate-b{stop-color:var(--metal-hi)}.plates rect{stroke:var(--edge);stroke-width:.6px}.ribs path{fill:none;stroke:#ffffff24;stroke-width:.7px}.slots rect{fill:color-mix(in srgb, var(--white-hot) calc(var(--heat) * 100%), var(--fire));opacity:calc(.14 + var(--heat) * .86);transition:fill .12s linear,opacity .12s linear}.heater-a{stop-color:var(--fire);stop-opacity:.95}.heater-b{stop-color:var(--fire);stop-opacity:0}.heater-glow{opacity:calc(var(--heat) * .85);transition:opacity .12s linear}.plate-heat rect{fill:var(--ember);opacity:calc(var(--heat) * var(--heat) * .45);transition:opacity .12s linear}.glass-a{stop-color:white;stop-opacity:.02}.glass-b{stop-color:white;stop-opacity:.22}.glass-c{stop-color:white;stop-opacity:.03}.glass-d{stop-color:white;stop-opacity:.11}.glass{stroke:color-mix(in srgb, var(--chrome) 62%, transparent);stroke-width:1.2px}.glass-heat{fill:var(--fire);opacity:calc(var(--heat) * .2);transition:opacity .12s linear}.rim{fill:none;stroke:var(--edge);stroke-opacity:.55;stroke-width:2.2px;stroke-linecap:round}.rim-side{stroke-opacity:.38;stroke-width:2.6px}.dome-hilite{fill:none;stroke:#fff;stroke-opacity:.5;stroke-width:2.4px;stroke-linecap:round}.tip{fill:var(--chrome);opacity:.8}.getter-a{stop-color:var(--chrome);stop-opacity:.95}.getter-b{stop-color:var(--edge);stop-opacity:.9}.hilite{fill:none;stroke:#fff;stroke-opacity:.42;stroke-width:2.6px;stroke-linecap:round}.hilite-soft{fill:#fff;opacity:.07}.print{fill:var(--text);opacity:.38;font:600 7.5px var(--font-mono);letter-spacing:.2em}.tube-svg[data-family=power] .tube-body{transform-origin:70px 179px;transform:scale(1.1,1.16)}.wavrec{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;padding:4px;display:flex;overflow:hidden}.wavrec-size{color:var(--text-dim);font:500 9.5px var(--font-mono);letter-spacing:.06em;white-space:nowrap}.wavrec-buttons{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}