:root{--chassis: #2b2c30;--chassis-2: #222326;--clay-hi: #e6e4de;--clay: #cfccc5;--clay-mid: #b3b0a8;--clay-lo: #9f9d96;--clay-deep: #8a8882;--ink: #2f2e2b;--ink-2: #57554f;--edge: #8a8882;--edge-2: #6e6c66;--edge-3: #4a4943;--well-a: #b9b6ae;--well-b: #c6c3bc;--rim: #b4b1a9;--bay-rim: #a29f98;--rivet: #9a978f;--rivet-hi: #f6f5f1;--ink-3: #7d7a73;--groove: rgba(40, 38, 34, .32);--hi: rgba(255, 255, 255, .75);--lo: rgba(0, 0, 0, .22);--source: #12a7cc;--effect: #e0402f;--control: #e8961a;--output: #4b4d53;--video: #12a7cc;--cv: #e8961a;--glow-cyan: #36e3ff;--glow-amber: #ffae1a;--glow-red: #ff3b2f;--glow-green: #4dff88;--font: "Bahnschrift", "DIN Alternate", "Segoe UI", system-ui, sans-serif;--font-cond: "Bahnschrift Condensed", "Bahnschrift", "Arial Narrow", "Segoe UI", sans-serif;--mono: "Cascadia Mono", "Consolas", ui-monospace, monospace;--plate: repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 1px, transparent 1px 3px), linear-gradient(150deg, #d8d6cf 0%, #bdbab2 45%, #c9c6bf 70%, #a9a69f 100%);--plate-raised: linear-gradient(160deg, var(--clay-hi), #c4c1b9);--bevel: inset 1px 1px 0 var(--hi), inset -1px -1px 0 var(--lo);--soft: 0 2px 2px rgba(0, 0, 0, .28), 0 6px 12px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--chassis);color:var(--ink);font:12px/1.35 var(--font);overflow:hidden;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}body.knob-dragging,body.knob-dragging *{cursor:ns-resize!important}body.resizing,body.resizing *{cursor:col-resize!important}button{font:inherit;color:inherit}.led{--lvl: 0;--led: var(--c, var(--glow-red));display:inline-block;width:8px;height:8px;border-radius:50%;flex:none;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--led) calc(15% + 85% * var(--lvl)),#fff),color-mix(in srgb,var(--led) calc(20% + 80% * var(--lvl)),#222) 55%,color-mix(in srgb,var(--led) calc(10% + 45% * var(--lvl)),#000));box-shadow:0 0 0 1.5px var(--edge-3),0 1px 0 1.5px var(--hi),0 0 calc(10px * var(--lvl)) color-mix(in srgb,var(--led) calc(90% * var(--lvl)),transparent),0 0 calc(3px * var(--lvl)) color-mix(in srgb,var(--led) calc(100% * var(--lvl)),transparent)}.led.on{--lvl: 1}.led.ok{--led: var(--glow-green)}.led.warn{--led: var(--glow-amber)}.led.bad{--led: var(--glow-red)}.topbar{height:54px;flex:none;position:relative;z-index:5;display:flex;align-items:center;gap:18px;padding:0 16px;background:var(--plate);box-shadow:var(--bevel),0 3px 8px #00000073;border-bottom:1px solid #1a1a1c}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-cond);font-size:19px;letter-spacing:.14em;font-weight:300;color:var(--ink)}.logo b{font-weight:700;color:var(--effect)}.logo-sub{font-size:9px;letter-spacing:.3em;color:var(--ink-3);border-left:1px solid var(--groove);padding-left:10px}.logo-mark{width:20px;height:20px;transform:rotate(45deg);border-radius:4px;background:radial-gradient(circle at 40% 35%,#fff 0 10%,var(--glow-red) 32%,#7a0c05 80%);box-shadow:0 0 10px #ff3b2f99,0 0 0 2px var(--edge-3),0 0 0 3.5px var(--clay-hi)}.toolbar{display:flex;align-items:center;gap:7px}.key{display:flex;align-items:center;gap:7px;font-family:var(--font-cond);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);padding:6px 12px 7px;border:none;border-radius:4px;cursor:pointer;background:var(--plate-raised);box-shadow:var(--bevel),0 0 0 1px var(--edge-2),0 3px 0 var(--edge-2),0 5px 6px #00000059;transform:translateY(-1px);transition:transform .05s,box-shadow .05s}.key i{width:7px;height:7px;border-radius:50%;background:#5d5b55;box-shadow:inset 0 1px 1px #0009,0 1px 0 var(--hi)}.key:hover i{background:var(--glow-amber);box-shadow:0 0 6px var(--glow-amber)}.key:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #00000059,0 0 0 1px var(--edge-2),0 0 0 var(--edge-2)}.key.on i{background:var(--glow-green);box-shadow:0 0 6px var(--glow-green)}.key.primary{color:#fff;background:linear-gradient(160deg,#e2523f,#b3241a);box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0000004d,0 0 0 1px #6d1710,0 3px #7a1a12,0 5px 6px #00000059}.key.primary i{background:#ffd0c8;box-shadow:0 0 6px #fff}.toolbar .sep{width:2px;height:26px;background:var(--groove);box-shadow:1px 0 0 var(--hi);margin:0 4px}.fps{margin-left:auto;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--glow-amber);font-variant-numeric:tabular-nums;padding:5px 10px;background:#15161a;border-radius:3px;text-shadow:0 0 6px rgba(255,174,26,.6);box-shadow:inset 0 2px 4px #000000e6,0 1px 0 var(--hi)}.layout{flex:1;min-height:0;display:grid;grid-template-columns:172px 1fr 10px var(--side-w, 30vw)}.palette{background:var(--plate);padding:12px 10px;overflow-y:auto;box-shadow:var(--bevel),3px 0 8px #00000059;position:relative;z-index:2}.palette h4{margin:14px 2px 7px;font-family:var(--font-cond);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.26em;color:var(--ink-2);display:flex;align-items:center;gap:6px}.palette h4:after{content:"";flex:1;height:1px;background:var(--groove);box-shadow:0 1px 0 var(--hi)}.palette h4:first-child{margin-top:0}.pal-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font-family:var(--font-cond);font-size:12.5px;letter-spacing:.05em;color:var(--ink);border:none;border-radius:3px;padding:6px 8px;margin-bottom:5px;cursor:pointer;background:var(--plate-raised);box-shadow:var(--bevel),0 0 0 1px var(--edge),0 2px 0 var(--edge),0 3px 4px #00000040}.pal-item .led{width:6px;height:6px;--led: var(--c);--lvl: .3}.pal-item:hover .led{--lvl: 1}.pal-item:hover{background:linear-gradient(160deg,#f1efea,#cfccc4)}.pal-item:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #0000004d,0 0 0 1px var(--edge)}.cat-source{--c: var(--source);--g: var(--glow-cyan)}.cat-effect{--c: var(--effect);--g: var(--glow-red)}.cat-control{--c: var(--control);--g: var(--glow-amber)}.cat-output{--c: var(--output);--g: var(--glow-green)}.rack{position:relative;overflow:auto;background-color:var(--chassis);background-image:radial-gradient(circle at 50% 50%,#18191b 0 1.6px,#46474c 2.2px,transparent 2.8px),linear-gradient(180deg,rgba(255,255,255,.03),transparent 50%);background-size:48px 48px,100% 100%;box-shadow:inset 0 6px 16px #0000008c,inset 6px 0 10px #00000059}.rack-inner{position:relative;width:4000px;height:3000px}.cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cables{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible;transition:opacity .2s}.splitter{cursor:col-resize;position:relative;z-index:3;background:var(--plate);box-shadow:var(--bevel)}.splitter span{position:absolute;left:50%;top:50%;width:4px;height:48px;transform:translate(-50%,-50%);border-radius:2px;background:repeating-linear-gradient(180deg,var(--edge-2) 0 2px,var(--clay-hi) 2px 4px)}.splitter:hover span,.splitter.active span{background:repeating-linear-gradient(180deg,var(--edge-2) 0 2px,var(--glow-amber) 2px 4px);box-shadow:0 0 8px #ffae1a99}.side{background:var(--plate);box-shadow:var(--bevel);display:flex;flex-direction:column;min-height:0;min-width:0}.monitor{margin:12px;padding:9px 10px 12px;border-radius:10px;background:var(--plate-raised);box-shadow:var(--bevel),var(--soft)}.monitor-head{display:flex;align-items:center;gap:8px;padding:0 2px 8px}.monitor-head .led{--led: var(--glow-green)}.monitor-title{font-family:var(--font-cond);font-weight:600;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2);flex:1}.monitor-sizes{display:flex;gap:3px}.monitor-sizes button{font-family:var(--font-cond);font-size:10px;letter-spacing:.08em;width:26px;padding:2px 0;cursor:pointer;border:none;border-radius:2px;color:var(--ink);background:var(--plate-raised);box-shadow:var(--bevel),0 0 0 1px var(--edge),0 2px 0 var(--edge)}.monitor-sizes button:active{transform:translateY(1px);box-shadow:0 0 0 1px var(--edge)}.monitor-screen{position:relative;border-radius:8px;padding:7px;background:linear-gradient(160deg,#3a3b3f,#1c1d20);box-shadow:inset 0 3px 6px #000c,0 1px 0 var(--hi)}.monitor-screen canvas{display:block;width:100%;aspect-ratio:16 / 9;height:auto;background:#000;border-radius:5px}.monitor-screen:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:5px;pointer-events:none;background:radial-gradient(ellipse at 30% 10%,rgba(255,255,255,.14),transparent 45%),repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 30px #0009}.help{padding:2px 18px 16px;overflow-y:auto;color:var(--ink-2);font-size:11.5px}.help h3{font-family:var(--font-cond);font-weight:600;color:var(--ink);font-size:10px;margin:6px 0 10px;text-transform:uppercase;letter-spacing:.26em}.help ul{margin:0;padding-left:14px}.help li{margin-bottom:6px}.help li::marker{color:var(--effect)}.help b{color:var(--ink);font-weight:600}.mod{position:absolute;border-radius:16px;padding:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) drop-shadow(0 8px 10px rgba(0,0,0,.35));transition:transform .15s,filter .15s}.mod.lifted{transform:translateY(-3px);filter:drop-shadow(0 4px 3px rgba(0,0,0,.4)) drop-shadow(0 18px 20px rgba(0,0,0,.45))}.mod-face{position:relative;padding:0 0 12px;border-radius:16px;background:var(--plate);box-shadow:inset 1.5px 1.5px 0 var(--hi),inset -1.5px -1.5px 0 var(--lo),inset 0 0 0 5px var(--rim),inset 0 0 0 6px #0003,inset 0 0 0 7px var(--hi)}.mod.selected .mod-face{box-shadow:inset 1.5px 1.5px 0 var(--hi),inset -1.5px -1.5px 0 var(--lo),inset 0 0 0 5px color-mix(in srgb,var(--c) 70%,var(--rim)),inset 0 0 0 6px #0003,inset 0 0 0 7px var(--hi)}.mod-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--r: radial-gradient(circle, var(--rivet-hi) 0 1px, var(--rivet) 1.8px, var(--edge-3) 2.8px, rgba(0,0,0,.25) 3.4px, transparent 3.8px);background:var(--r) 10px 10px / 10px 10px no-repeat,var(--r) calc(100% - 10px) 10px / 10px 10px no-repeat,var(--r) 10px calc(100% - 10px) / 10px 10px no-repeat,var(--r) calc(100% - 10px) calc(100% - 10px) / 10px 10px no-repeat}.mod-head{display:flex;align-items:center;gap:7px;padding:12px 12px 7px 26px;cursor:grab;position:relative}.mod-head:active{cursor:grabbing}.mod-head:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:linear-gradient(90deg,var(--c) 0 34px,var(--groove) 34px);box-shadow:0 1px 0 var(--hi)}.mod-led{--led: var(--g)}.mod-title{font-family:var(--font-cond);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-serial{margin-left:auto;font-family:var(--mono);font-size:9px;color:var(--ink-3);letter-spacing:.06em}.mod-x{width:16px;height:16px;border-radius:3px;border:none;cursor:pointer;padding:0;position:relative;margin-right:8px;background:var(--plate-raised);box-shadow:var(--bevel),0 0 0 1px var(--edge),0 2px 0 var(--edge)}.mod-x:before,.mod-x:after{content:"";position:absolute;left:4px;right:4px;top:7.5px;height:1.4px;background:var(--ink-2);transform:rotate(45deg)}.mod-x:after{transform:rotate(-45deg)}.mod-x:hover{background:linear-gradient(160deg,#e2523f,#b3241a)}.mod-x:hover:before,.mod-x:hover:after{background:#fff}.vp{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-evenly;gap:8px 6px;margin:9px 12px 0;padding:9px 8px 7px;border-radius:10px;background:radial-gradient(120% 90% at 50% 0%,#1b2026,#0b0d10 70%);box-shadow:inset 0 0 0 1px #0009,inset 0 4px 10px #000c,0 0 0 3px var(--bay-rim),0 1px 0 3px var(--hi)}.vp-item{display:flex;flex-direction:column;align-items:center;gap:4px}.vp-label{font-family:var(--font-cond);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:#cdd6e09e}.vp-win{padding:3px;border-radius:6px;position:relative;background:linear-gradient(160deg,#3c4148,#121417);box-shadow:0 2px 3px #0009,inset 1px 1px #ffffff24}.vp-win canvas{display:block;border-radius:4px;background:#05070a}.vp-win:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:4px;pointer-events:none;background:linear-gradient(170deg,rgba(255,255,255,.09),transparent 35%);box-shadow:inset 0 0 8px #000000b3}.vp-crt{padding:4px;border-radius:6px;background:linear-gradient(160deg,#3c4148,#121417);box-shadow:0 2px 3px #0009,inset 1px 1px #ffffff24;position:relative}.vp-crt canvas{display:block;border-radius:6px/5px;background:#020604}.vp-crt-video canvas{width:104px;height:58.5px;background:#000}.size-l .vp-crt-video canvas{width:116px;height:65.25px}.vp-crt:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:6px/5px;pointer-events:none;background:radial-gradient(ellipse at 30% 15%,rgba(255,255,255,.2),transparent 45%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 10px #000000bf}.vp-fan svg,.vp-gauge svg{display:block;overflow:visible;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.vp-housing{fill:#4a4f57;stroke:#1c1e22;stroke-width:1}.vp-pit{fill:#08090b;stroke:#2a2e33;stroke-width:1.5}.vp-burn{fill:#ff7a1a;opacity:0;filter:blur(3px)}.vp-blades path{fill:#8d949e;stroke:#2a2e33;stroke-width:.6}.vp-hub{fill:#c9ced6;stroke:#2a2e33;stroke-width:.8}.vp-led{--lvl: 0;fill:color-mix(in srgb,var(--glow-green) calc(25% + 75% * var(--lvl)),#222);filter:drop-shadow(0 0 calc(4px * var(--lvl)) var(--glow-green));stroke:#1c1e22;stroke-width:.8}.vp-gauge-bezel{fill:#4a4f57;stroke:#1c1e22}.vp-gauge-face{fill:#f3efe3;stroke:#2a2e33;stroke-width:.6}.vp-gauge-ticks{stroke:#2f2e2b;stroke-width:1}.vp-gauge-red{stroke:#e0402f;stroke-width:3;fill:none}.vp-needle{stroke:#c21d12;stroke-width:1.6;stroke-linecap:round}.vp-glass{fill:#ffffff47}.vp-bars-box{display:flex;gap:3px;padding:4px;border-radius:4px;background:#05070a;box-shadow:inset 0 2px 3px #000,0 0 0 1px #2a2e33}.vp-bar{display:flex;flex-direction:column;gap:2px}.vp-bar i{width:9px;height:3px;border-radius:1px;background:#1f3a2a}.vp-bar i.warm{background:#3d3214}.vp-bar i.hot{background:#3d1a16}.vp-bar i.on{background:var(--glow-green);box-shadow:0 0 5px var(--glow-green)}.vp-bar i.warm.on{background:var(--glow-amber);box-shadow:0 0 5px var(--glow-amber)}.vp-bar i.hot.on{background:var(--glow-red);box-shadow:0 0 5px var(--glow-red)}.vp-lamps{--lamp: var(--glow-amber);display:grid;gap:4px;padding:6px;border-radius:4px;background:#05070a;box-shadow:inset 0 2px 3px #000,0 0 0 1px #2a2e33}.vp-lamps i{width:7px;height:7px;border-radius:50%;background:#23262b;box-shadow:inset 0 1px 1px #000000b3}.vp-lamps i.on{background:radial-gradient(circle at 40% 35%,#fff,var(--lamp) 55%);box-shadow:0 0 6px var(--lamp)}.mod-row{display:flex;flex-wrap:wrap;gap:6px 14px;padding:9px 16px 2px}.mod-row.outs{justify-content:flex-end;margin:8px 10px 0;padding:9px 10px 5px;border-radius:5px;position:relative;background:#0000000f;box-shadow:inset 0 1px 2px #00000040,0 1px 0 var(--hi)}.mod-row.outs:before{content:"OUT";position:absolute;left:9px;top:50%;transform:translateY(-50%);font-family:var(--font-cond);font-weight:700;font-size:9px;letter-spacing:.25em;color:var(--ink-3)}.mod-custom{display:flex;flex-wrap:wrap;gap:5px;padding:7px 16px 2px;align-items:center}.mod-btn{font-family:var(--font-cond);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border:none;border-radius:3px;padding:4px 9px;cursor:pointer;background:var(--plate-raised);box-shadow:var(--bevel),0 0 0 1px var(--edge),0 2px 0 var(--edge)}.mod-btn:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0000004d,0 0 0 1px var(--edge)}.mod-select{max-width:100%;background:#15161a;color:var(--glow-amber);border:none;border-radius:3px;font:inherit;font-size:11px;padding:2px 4px;box-shadow:inset 0 2px 3px #000}.mod-status{width:100%;font-family:var(--mono);color:var(--glow-green);background:#15161a;border-radius:3px;padding:2px 6px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 6px rgba(77,255,136,.5);box-shadow:inset 0 2px 3px #000,0 1px 0 var(--hi)}.mod-params{display:grid;gap:9px 2px;align-items:end;margin:9px 10px 0;padding:9px 4px 7px;border-radius:6px;background:linear-gradient(180deg,var(--well-a),var(--well-b));box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px #fff6,0 1px 0 var(--hi)}.param{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:2px;min-width:0}.param-label{font-family:var(--font-cond);font-weight:600;font-size:9.5px;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.param .jack.mini{position:absolute;top:-2px;right:1px}.param.playhead .param-label{color:var(--effect)}.knob{width:48px;display:flex;flex-direction:column;align-items:center;cursor:ns-resize}.knob-dial{position:relative;width:44px;height:44px}.knob-dial svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.knob-track{stroke:var(--edge-2);stroke-width:2.4;fill:none;stroke-linecap:round;opacity:.55}.knob-ticks{stroke:var(--ink-2);stroke-width:.9;fill:none}.knob-value{stroke:var(--c);stroke-width:2.4;fill:none;stroke-linecap:round}.knob-mod{stroke:var(--g);stroke-width:2.4;fill:none;stroke-linecap:round;filter:drop-shadow(0 0 2px var(--g))}.knob-rotor{position:absolute;left:9px;top:9px;width:26px;height:26px;border-radius:50%}.knob-skirt{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-conic-gradient(#2b2b2d 0,#2b2b2d 7deg,#55555a 7deg,#55555a 14deg);box-shadow:0 2px 2px #00000073,0 4px 6px #0000004d,0 0 0 1px #1d1d1f}.knob-cap{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:conic-gradient(from 20deg,#f2f2ef,#a9a9a5,#fff,#949490,#ecece8,#a9a9a5,#fff,#949490,#f2f2ef);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #00000059,0 1px 2px #00000080}.knob-pointer{position:absolute;left:50%;top:1px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:#2f2e2b}.knob.selector .knob-cap{background:radial-gradient(circle at 35% 30%,#5a5b60,#26272a 70%)}.knob.selector .knob-pointer{height:11px;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 3px #fffc}.knob-readout{font-family:var(--mono);font-size:9px;font-variant-numeric:tabular-nums;height:13px;line-height:13px;margin-top:0;color:var(--g);background:#15161a;padding:0 4px;border-radius:2px;box-shadow:inset 0 1px 2px #000,0 1px 0 var(--hi);text-shadow:0 0 5px color-mix(in srgb,var(--g) 60%,transparent);white-space:nowrap;max-width:54px;overflow:hidden;text-overflow:ellipsis}.toggle{--glow: var(--g);width:44px;height:58px;display:flex;flex-direction:column;align-items:center;cursor:pointer}.toggle-led{width:8px;height:8px;border-radius:50%;background:#4a4943;box-shadow:0 0 0 1.5px var(--edge-3),0 1px 0 1.5px var(--hi),inset 0 1px 1px #000000b3;transition:.08s}.toggle.on .toggle-led{background:radial-gradient(circle at 40% 35%,#fff,var(--glow) 60%);box-shadow:0 0 0 1.5px var(--edge-3),0 0 7px var(--glow),0 0 14px var(--glow)}.toggle-well{position:relative;width:40px;height:46px;margin-top:3px}.toggle-nut{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:linear-gradient(160deg,#f4f3ef,#9a978f 55%,#5d5b55)}.toggle-nut:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#555,#121212 70%)}.toggle-bat{position:absolute;left:50%;top:5px;width:7px;height:18px;margin-left:-3.5px;border-radius:4px 4px 2px 2px;transform-origin:50% 100%;transform:rotate(180deg);background:linear-gradient(90deg,#8a8a86,#fff 45%,#b3b3af 75%,#73736f);box-shadow:0 3px 4px #00000073;transition:transform .07s cubic-bezier(.6,0,.4,1.6)}.toggle.on .toggle-bat{transform:rotate(0)}.pad{--glow: var(--g);width:36px;height:26px;margin:4px 0 2px;border:none;border-radius:3px;cursor:pointer;background:linear-gradient(180deg,#ece5d3,#c9c0aa);box-shadow:0 0 0 2px var(--edge-2),0 0 0 3px var(--clay-hi),inset 0 1px #fff,inset 0 -3px #0000001f,0 4px 0 var(--edge-3),0 5px 6px #00000059;transform:translateY(-2px);transition:transform .05s,box-shadow .05s,background .05s}.pad.on{background:radial-gradient(130% 120% at 50% 25%,#fff 0%,color-mix(in srgb,var(--glow) 70%,#fff) 30%,var(--glow) 70%,color-mix(in srgb,var(--glow) 75%,#000) 100%);box-shadow:0 0 0 2px var(--edge-2),0 0 0 3px var(--clay-hi),inset 0 -3px #00000026,0 4px 0 var(--edge-3),0 0 16px var(--glow),0 0 28px color-mix(in srgb,var(--glow) 45%,transparent)}.pad:active{transform:translateY(1px);box-shadow:0 0 0 2px var(--edge-2),0 0 0 3px var(--clay-hi),0 1px 0 var(--edge-3)}.param.playhead .pad{outline:2px solid var(--effect);outline-offset:4px}.push{--glow: var(--g);--lvl: 0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:conic-gradient(from 30deg,#f4f3ef,#9a978f,#ffffff,var(--edge),#ecebe6,#9a978f,#ffffff,var(--edge),#f4f3ef);box-shadow:0 2px 2px #0006,0 5px 8px #0000004d;position:relative}.push:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#111214;box-shadow:inset 0 3px 5px #000}.push-cap{position:relative;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 38% 28%,color-mix(in srgb,var(--glow) calc(25% + 40% * var(--lvl)),#fff),color-mix(in srgb,var(--glow) calc(60% + 40% * var(--lvl)),#000) 45%,color-mix(in srgb,var(--glow) calc(30% + 30% * var(--lvl)),#000));box-shadow:0 4px color-mix(in srgb,var(--glow) 25%,#000),0 5px 4px #0009,0 0 calc(3px + 22px * var(--lvl)) color-mix(in srgb,var(--glow) calc(20% + 75% * var(--lvl)),transparent),inset 0 2px 2px #ffffff73;transform:translateY(-3px);transition:transform .04s}.push-cap:after{content:"";position:absolute;left:6px;top:4px;width:10px;height:6px;border-radius:50%;background:#ffffff8c}.push.down .push-cap{transform:translateY(1px);box-shadow:0 0 0 transparent,0 0 calc(6px + 26px * var(--lvl)) var(--glow),inset 0 2px 4px #0000004d}.lever{position:relative;width:48px;height:104px;cursor:ns-resize}.lever-scale{position:absolute;left:3px;bottom:25px;height:60px;width:6px;background:repeating-linear-gradient(180deg,var(--ink-2) 0 1px,transparent 1px 6px)}.lever-track{position:absolute;left:50%;bottom:25px;height:60px;width:10px;margin-left:-5px;border-radius:5px;overflow:hidden;background:#111214;box-shadow:inset 0 2px 3px #000,0 1px 0 var(--hi)}.lever-fill{position:absolute;left:2px;right:2px;bottom:0;border-radius:4px;background:linear-gradient(0deg,var(--g),color-mix(in srgb,var(--g) 40%,#fff));box-shadow:0 0 8px var(--g)}.lever-handle{position:absolute;left:50%;width:34px;height:14px;margin-left:-17px;border-radius:3px;background:repeating-linear-gradient(180deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px),linear-gradient(180deg,#fff,#b9b9b5 45%,#73736f);box-shadow:0 3px 3px #00000073,0 6px 8px #00000040,0 0 0 1px var(--edge-3),inset 0 1px #fff}.lever-handle:after{content:"";position:absolute;left:4px;right:4px;top:6px;height:2px;background:var(--c);border-radius:1px}.lever .knob-readout{position:absolute;left:50%;transform:translate(-50%);bottom:0;text-align:center}.jack{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:crosshair;font-family:var(--font-cond);font-weight:600;font-size:9.5px;color:var(--ink);text-transform:uppercase;letter-spacing:.1em}.jack-hole{width:22px;height:22px;border-radius:50%;position:relative;background:radial-gradient(circle,#000 0 30%,#1b1b1d 34%,#f2f1ed 40%,#9a978f 52%,#ffffff 60%,#7d7a73 70%,#55534e 76%,transparent 79%);filter:drop-shadow(0 2px 1.5px rgba(0,0,0,.45));transition:transform .1s}.jack.out .jack-hole:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2.5px solid var(--jc)}.jack.video{--jc: var(--video)}.jack.cv{--jc: var(--cv)}.jack.cv .jack-hole{width:17px;height:17px}.jack.mini .jack-hole{width:13px;height:13px}.jack .led{width:6px;height:6px;--led: var(--glow-amber)}.jack:hover .jack-hole{transform:scale(1.15)}.drag-from-out.drag-video .jack.in.video .jack-hole,.drag-from-out.drag-cv .jack.in.cv .jack-hole,.drag-from-in.drag-video .jack.out.video .jack-hole,.drag-from-in.drag-cv .jack.out.cv .jack-hole{filter:drop-shadow(0 0 4px var(--jc)) drop-shadow(0 0 2px var(--jc));animation:jack-pulse .7s ease-in-out infinite alternate}@keyframes jack-pulse{to{transform:scale(1.2)}}.pmenu{position:fixed;z-index:1000;width:250px;max-height:70vh;display:flex;flex-direction:column;padding:8px;border-radius:8px;background:var(--plate);box-shadow:var(--bevel),0 3px 0 var(--edge-2),0 18px 40px #0000008c;font-family:var(--font-cond)}.pmenu-sub{width:200px}.pmenu-title{display:flex;align-items:center;gap:7px;padding:2px 4px 8px;font-weight:700;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}.pmenu-led{width:7px;height:7px;border-radius:50%;background:var(--glow-amber);box-shadow:0 0 8px var(--glow-amber),0 0 0 1.5px var(--edge-3)}.pmenu-search{font-family:var(--mono);font-size:11px;color:var(--glow-green);caret-color:var(--glow-green);outline:none;background:#15161a;border:none;border-radius:3px;padding:6px 8px;margin-bottom:6px;box-shadow:inset 0 2px 4px #000,0 1px 0 var(--hi)}.pmenu-search::placeholder{color:#4dff8859}.pmenu-list{overflow-y:auto;background:linear-gradient(180deg,var(--well-a),var(--well-b));border-radius:4px;padding:4px;box-shadow:inset 0 2px 4px #0000004d}.pmenu-cat{font-weight:700;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--c);padding:6px 6px 3px}.pmenu-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:3px;cursor:pointer;font-size:12.5px;letter-spacing:.04em;color:var(--ink)}.pmenu-item:hover{background:var(--plate-raised);box-shadow:var(--bevel),0 1px 2px #00000040}.pmenu-sub .pmenu-item{margin-bottom:2px}.pmenu-dot{width:6px;height:6px;border-radius:50%;background:var(--g, var(--glow-amber));box-shadow:0 0 5px var(--g, var(--glow-amber)),0 0 0 1px var(--edge-3)}.pmenu-label{flex:1}.pmenu-hint{font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}.pmenu-desc{display:block;font-family:var(--font);font-size:10.5px;color:var(--ink-2);letter-spacing:0}.pmenu-arrow{color:var(--ink-3)}.pmenu-empty{padding:10px;color:var(--ink-2);font-size:11px}body.night{--chassis: #050506;--chassis-2: #030304;--clay-hi: #2a2e34;--clay: #1d2025;--clay-mid: #16181b;--clay-lo: #101114;--clay-deep: #0c0d0f;--ink: #c9ced6;--ink-2: #8a919b;--ink-3: #5d636c;--edge: #050506;--edge-2: #08090a;--edge-3: #2a2e33;--well-a: #0b0c0e;--well-b: #101114;--rim: #121417;--bay-rim: #0a0b0d;--rivet: #3a3f47;--rivet-hi: #8a919b;--groove: rgba(0, 0, 0, .7);--hi: rgba(255, 255, 255, .08);--lo: rgba(0, 0, 0, .8);--output: #8a919b;--plate: repeating-linear-gradient(115deg, rgba(255,255,255,.012) 0 1px, transparent 1px 3px), linear-gradient(150deg, #17191d 0%, #0c0d0f 100%);--plate-raised: linear-gradient(160deg, #1d2025, #101114)}body.night .rack{background-image:radial-gradient(circle at 50% 50%,#000 0 1.6px,#15171a 2.2px,transparent 2.8px),none;box-shadow:inset 0 6px 16px #000000e6}body.night .mod{filter:drop-shadow(0 2px 2px rgba(0,0,0,.9)) drop-shadow(0 10px 16px rgba(0,0,0,.9))}body.night .mod.selected{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--g) 35%,transparent)) drop-shadow(0 10px 16px rgba(0,0,0,.9))}body.night .vp{background:#000}body.night .mod-params{box-shadow:inset 0 2px 5px #000000e6,0 1px 0 var(--hi)}body.night .key{box-shadow:var(--bevel),0 0 0 1px #000,0 3px #000,0 5px 6px #0009}body.night .knob-cap{background:conic-gradient(from 20deg,#3a3f47,#15171a,#4a4f57,#101113,#3a3f47,#15171a,#4a4f57,#101113,#3a3f47);box-shadow:inset 0 1px 1px #ffffff26,0 1px 2px #000}body.night .knob-pointer{background:var(--g);box-shadow:0 0 4px var(--g)}body.night .knob-skirt{background:repeating-conic-gradient(#0c0d0f 0,#0c0d0f 7deg,#1d2025 7deg,#1d2025 14deg)}body.night .knob-value,body.night .knob-mod{filter:drop-shadow(0 0 3px var(--g))}body.night .knob-value{stroke:var(--g)}body.night .pad{background:linear-gradient(180deg,#23262b,#15171a);box-shadow:0 0 0 2px #000,0 0 0 3px #2a2e33,inset 0 1px #ffffff14,0 4px #000,0 5px 6px #0009}body.night .pad.on{box-shadow:0 0 0 2px #000,0 0 0 3px #2a2e33,0 4px #000,0 0 22px var(--glow),0 0 40px color-mix(in srgb,var(--glow) 55%,transparent)}body.night .push{background:conic-gradient(from 30deg,#3a3f47,#15171a,#4a4f57,#101113,#3a3f47,#15171a,#4a4f57,#101113,#3a3f47)}body.night .toggle-nut{background:linear-gradient(160deg,#4a4f57,#1d2025 55%,#08090a)}body.night .toggle-bat{background:linear-gradient(90deg,#2a2e33,#8a919b 45%,#3a3f47 75%,#1d2025)}body.night .lever-handle{background:repeating-linear-gradient(180deg,rgba(0,0,0,.3) 0 1px,transparent 1px 3px),linear-gradient(180deg,#4a4f57,#1d2025 45%,#0c0d0f);box-shadow:0 3px 4px #000,0 0 0 1px #000,inset 0 1px #ffffff2e}body.night .lever-handle:after{background:var(--g);box-shadow:0 0 6px var(--g)}body.night .jack-hole{background:radial-gradient(circle,#000 0 30%,#0c0d0f 34%,#5d636c 40%,#2a2e33 52%,#6b727c 60%,#1d2025 70%,#0c0d0f 76%,transparent 79%)}body.night .jack.out .jack-hole:after{box-shadow:0 0 6px var(--jc)}body.night .led{box-shadow:0 0 0 1.5px #000,0 0 calc(14px * var(--lvl)) color-mix(in srgb,var(--led) calc(90% * var(--lvl)),transparent),0 0 calc(4px * var(--lvl)) var(--led)}body.night .logo-mark{box-shadow:0 0 16px #ff3b2fe6,0 0 0 2px #000,0 0 0 3.5px #2a2e33}body.night .monitor-screen{background:#000}.mod-breakout{position:absolute;z-index:-1;pointer-events:none}.mod-glitch{position:absolute;left:0;right:0;height:3px;opacity:0;pointer-events:none;z-index:5;background:#ff3b2f2e;mix-blend-mode:screen}.rack,.bench{grid-column:2;grid-row:1}.bench{display:none;position:relative;overflow:hidden;min-width:0;min-height:0;cursor:grab;background:#1b1c20}.bench canvas{display:block}.bench-views{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:1}.bench.bench-grabbing{cursor:grabbing!important}.bench.bench-patching{cursor:crosshair!important}body.mode-bench .rack{display:none}body.mode-bench .bench{display:block}.bench-info{position:absolute;left:12px;bottom:12px;pointer-events:none;font-family:var(--mono);font-size:11px;color:var(--glow-amber);text-shadow:0 0 6px rgba(255,174,26,.5);background:#0a0b0dd1;padding:5px 10px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff0f}