.workbench{--phosphor:#e0ae60;--phosphor-bright:#f4c783;--graticule:#36404b;--readout:#e2e4e5;background:#171b20;padding:16px}.instrument-bar{box-shadow:none;background:#242a32;border-color:#3c4550;border-radius:8px 8px 0 0}.brand-lockup strong{letter-spacing:.18em;color:#f1c37b}.brand-mark{color:#efbd71;background:#292a2b;border-color:#997541;border-radius:50%}.brand-lockup div span{color:#afb6bf}.patch-readout{background:0 0}.scope-frame{background:#171b20;border-color:#3b444e;border-radius:0 0 8px 8px}.scope-labels{display:none}.react-flow__edge-path{stroke-width:3.8px;opacity:.8;filter:drop-shadow(1px 3px 1px #0008)}.react-flow__edge.selected .react-flow__edge-path{stroke-width:5px;opacity:1}.signal-edge__hit-area{stroke-width:20px}.rack-panel{color:#242b32;background:linear-gradient(100deg,#e5e5df,#fbfbf6 25%,#eeeee8 70%,#dbdcd7);border:1px solid #a3a7a5;border-radius:3px;flex-direction:column;width:280px;height:500px;padding:24px 15px 20px;display:flex;position:relative;box-shadow:2px 4px 7px #0009,inset 0 0 0 2px #fff6}.rack-panel.is-selected{outline-offset:1px;outline:3px solid #edb361}.rack-panel__header{border-bottom:2px solid #343d45;flex-shrink:0;height:65px;margin-bottom:12px}.rack-panel__number{color:#687279;text-transform:uppercase;letter-spacing:.12em;font-size:9px;display:block}.rack-panel__header h2{white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:19px;font-weight:750;line-height:1.1;overflow:hidden}.rack-panel__header p{color:#6b747b;text-transform:uppercase;letter-spacing:.08em;margin:3px 0 6px;font-size:10px}.rack-panel__controls{scrollbar-width:thin;scrollbar-color:#9ca2a0 transparent;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px 6px;height:230px;min-height:230px;display:grid;overflow:auto}.rack-control{flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.rack-control__name{text-align:center;text-transform:uppercase;max-width:96px;height:24px;font-size:9px;font-weight:700;line-height:12px}.rack-knob{cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 30% 25%,#58616a 0%,#2d343c 50%,#10151b 100%);border:3px solid #c7cbc7;border-radius:50%;width:50px;height:50px;padding:0;position:relative;box-shadow:0 3px 3px #0005,0 0 0 1px #59616a}.rack-knob__pointer{transform-origin:1px 21px;width:2px;height:17px;transform:rotate(var(--knob-angle));background:#f4ca85;border-radius:2px;position:absolute;top:3px;left:22px}.rack-knob:focus-visible{outline-offset:4px;outline:3px solid #2f8bba}.rack-control__value{color:#3d515c;text-align:center;font-family:ui-monospace,monospace;font-size:9px}.rack-control__raw{text-align:center;color:#3a444b;background:#e3e7e2;border:1px solid #c9ceca;border-radius:3px;width:68px;padding:2px 4px;font:9px ui-monospace,monospace}.rack-panel__utility{letter-spacing:.08em;color:#596570;flex-direction:column;grid-column:1/-1;align-items:center;gap:13px;padding:25px 0;font:10px ui-monospace,monospace;display:flex}.rack-status-dot{background:#dca651;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #cfaa5c22}.rack-panel__utility small{color:#829098;font-size:9px}.rack-panel__note{color:#62717a;grid-column:1/-1;font-size:12px}.rack-panel__patchbay{scrollbar-width:thin;border-top:1px solid #a7afad;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px 4px;min-height:65px;margin-top:10px;padding-top:9px;display:grid;overflow:auto}.rack-port{flex-direction:column;align-items:center;gap:4px;min-height:56px;display:flex}.rack-port__label{text-align:center;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;width:100%;font-size:8px;font-weight:650;overflow:hidden}.rack-port__socket{width:25px;height:25px;position:relative}.rack-jack.react-flow__handle{pointer-events:all;touch-action:none;cursor:crosshair;background:#141b24;border:5px solid #9da6ad;border-radius:50%;width:25px;min-width:25px;height:25px;min-height:25px;position:absolute;inset:0 auto auto 0;transform:none;box-shadow:0 0 0 1px #53616d,inset 1px 2px 2px #000}.rack-port--cv .rack-jack.react-flow__handle{border-color:#c39b55}.rack-jack.react-flow__handle:hover{box-shadow:0 0 0 3px #2c95bb}.rack-port small{letter-spacing:.05em;color:#68757d;font:7px ui-monospace,monospace}.rack-panel__footer{color:#8a9294;letter-spacing:.15em;justify-content:space-between;padding-top:9px;font:8px ui-monospace,monospace;display:flex}.rack-screw{background:linear-gradient(30deg,#7d858d,#d5d9d8);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 0 1px 2px #0004}.rack-screw:after{content:"";background:#535d64;width:5px;height:1px;position:absolute;top:3.5px;left:1.5px;transform:rotate(-30deg)}.rack-screw--tl{top:8px;left:8px}.rack-screw--tr{top:8px;right:8px}.rack-screw--bl{bottom:8px;left:8px}.rack-screw--br{bottom:8px;right:8px}.scope-footer{color:#aeb7c2;background:#242a32}.empty-state__content h1{color:#e9e7df}.empty-state__content p{color:#b4bdc8}.empty-trace{opacity:.24}html[data-theme=light] .rack-panel{color:#242b32}@media (width<=700px){.workbench{padding:6px}.brand-lockup strong{font-size:15px}}.rack-parameter-menu{z-index:30;color:#202a25;background:#edf0e8;border:1px solid #586b61;border-radius:5px;gap:6px;width:200px;padding:10px;font:12px sans-serif;display:grid;position:absolute;top:38px;left:0;box-shadow:0 5px 16px #0007}.rack-parameter-menu label{gap:5px;display:grid}.rack-parameter-menu input{color:#202a25;background:#fff;width:100%}.rack-parameter-menu button{color:#202a25;background:#fff;border:1px solid #89988d;min-height:32px}.rack-layout-control:has(.rack-parameter-menu){z-index:35}.rack-module-menu{z-index:1000;color:#202a25;background:#eef0e9;border:1px solid #657a6c;border-radius:5px;gap:4px;width:220px;max-height:calc(100vh - 16px);padding:8px;font:12px/1.4 sans-serif;display:grid;position:fixed;overflow-y:auto;box-shadow:0 5px 24px #0008}.rack-module-menu button{text-align:left;color:inherit;background:0 0;border:0;padding:8px}.rack-module-menu button:hover,.rack-module-menu button:focus-visible{background:#d1dccf}.rack-module-menu button:disabled{opacity:.45}.rack-module-menu small{font-size:10px;display:block}.rack-drag-cable{pointer-events:none;z-index:1001;width:100vw;height:100vh;position:fixed;inset:0}.rack-drag-cable path{fill:none;stroke:#d69e4c;stroke-width:4px}.rack-jack[data-connected=true]{box-shadow:0 0 0 3px #d69e4c}.signal-edge__path{pointer-events:none}.rack-port-menu{z-index:80;color:#202a25;background:#eef0e9;border:1px solid #657a6c;width:220px;padding:8px;font:12px sans-serif;display:grid;position:absolute;top:20px;left:0}.rack-port-menu button{color:inherit;text-align:left;background:0 0;border:0;padding:8px}.rack-port-menu button:disabled{opacity:.45}.rack-port-menu small{display:block}.rack-port-menu{z-index:1000;max-height:min(60vh,400px);position:fixed;overflow-y:auto}.rack-layout-port:has(.rack-port-menu){z-index:50}html[data-theme=light] .workbench{--phosphor:#8a602c;--phosphor-bright:#6d4519;--readout:#1d2a30}html[data-theme=light] .brand-lockup strong{color:#704a20}html[data-theme=light] .brand-lockup div span{color:#4e5c64}.remote-lab-backdrop{z-index:200;background:#000b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.remote-lab{color:#e8e5d9;background:#172021;border:1px solid #73817c;border-radius:10px;width:min(1100px,96vw);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 16px 80px #0008}.remote-lab header,.remote-lab-fields{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.remote-lab header{justify-content:space-between;align-items:start}.remote-lab h2{margin:0;font-size:24px}.remote-lab h3{margin:18px 0 10px;font-size:17px}.remote-lab p{margin:12px 0;font-size:13px;line-height:1.6}.remote-lab label{flex-direction:column;gap:6px;margin:10px 0;font-size:13px;display:flex}.remote-lab input,.remote-lab select,.remote-lab textarea{color:#e8e5d9;background:#0b1213;border:1px solid #61726b;border-radius:4px;padding:8px}.remote-lab textarea{resize:vertical;width:100%;font:12px/1.5 monospace}.remote-lab button{color:#e8e5d9;cursor:pointer;background:#32463d;border:1px solid #73817c;border-radius:4px;padding:8px 12px;font-size:13px}.remote-lab button:disabled{opacity:.45;cursor:default}.remote-lab a{color:#b9dcc4;text-decoration:underline}.remote-lab pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1213;padding:12px;font:12px/1.5 monospace}.remote-lab-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.remote-lab label.remote-lab-check{flex-direction:row;align-items:center}.remote-lab-log{max-height:180px;overflow:auto}@media (width<=760px){.remote-lab-columns{grid-template-columns:1fr}.remote-lab-backdrop{padding:8px}}.rack-panel--shared{padding:0;display:block}.rack-panel--shared .rack-panel__header{height:57px;margin:0;position:absolute;inset:16px 18px auto}.rack-panel--shared .rack-panel__header h2{font-size:17px}.rack-panel--shared .rack-panel__footer{position:absolute;bottom:12px;left:18px;right:18px}.rack-layout-group{text-align:center;text-transform:uppercase;letter-spacing:.12em;color:#6c777c;border-top:1px solid #aeb8b3;padding-top:2px;font:8px ui-monospace,monospace;position:absolute;left:16px;right:16px;transform:translateY(-50%)}.rack-layout-control{width:90px;height:100px;position:absolute;transform:translate(-50%)}.rack-layout-control .rack-control{width:90px;height:100px;position:relative}.rack-layout-control .rack-control__name{width:90px;height:24px;font-size:9px;line-height:11px;position:absolute;top:-34px;left:0}.rack-layout-control .rack-knob{width:42px;height:42px;position:absolute;top:-21px;left:24px}.rack-layout-control .rack-knob__pointer{transform-origin:1px 17px;height:13px;left:18px}.rack-layout-control .rack-control__value{width:90px;font-size:8px;position:absolute;top:24px;left:0}.rack-layout-control .rack-control__raw{height:17px;padding:0;position:absolute;top:37px;left:11px}.rack-layout-port{width:90px;height:58px;position:absolute;transform:translate(-50%,-27px)}.rack-layout-port .rack-port__label{flex-shrink:0;height:10px;line-height:10px}.rack-panel__options{z-index:20;color:#34464c;font-size:9px;position:absolute;top:76px;left:18px;right:18px}.rack-panel__options summary{cursor:pointer}.rack-panel__options[open]{background:#eef0e8;border:1px solid #9aa7a0;padding:8px;box-shadow:0 4px 12px #0005}.rack-panel__options dl{margin:8px 0}.rack-panel__options dl div{justify-content:space-between;gap:8px;margin:4px 0;display:flex}.rack-panel__options dd{margin:0;font-weight:650}.rack-panel__interface{text-align:center;color:#68777c;font:11px/1.7 ui-monospace,monospace;position:absolute;top:150px;left:18px;right:18px}.rack-layout-port--paired{transform:translate(-50%,-12.5px)}.rack-layout-port--paired .rack-port__label{display:none}.browser-edition-strip{color:#d6dfd8;background:#27332d;border:1px solid #4d6256;padding:10px 16px;font:12px/1.6 ui-sans-serif,sans-serif}.browser-edition-strip a{color:#f1c37b;margin-left:14px;text-decoration:underline}.react-flow{background:#151a20}.rack-rails{z-index:-1;pointer-events:none;background-repeat:repeat-y;position:absolute;inset:0}.touch-mode-toggle{color:#24352b;white-space:nowrap;background:#edf0e8;border:1px solid #718474;border-radius:4px;min-height:36px;padding:0 10px;font:12px sans-serif}.touch-mode-toggle[aria-pressed=true]{background:#c7ddcd;border-color:#356e4d}.rack-module-actions{z-index:25;color:#23352a;touch-action:manipulation;background:#edf0e8;border:1px solid #809389;border-radius:6px;width:44px;height:44px;font-size:24px;position:absolute;top:48px;right:8px}.rack-port-actions{color:#23352a;touch-action:manipulation;background:#edf0e8;border:0;border-radius:6px;width:44px;height:44px;padding:0;font-size:22px;position:absolute;top:-9px;left:30px}[data-touch-controls=true] .rack-panel{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-touch-controls=true] .rack-jack:after{content:"";border-radius:50%;position:absolute;inset:-14px}[data-touch-controls=true] .rack-knob{width:52px;height:52px;top:-26px;left:19px}[data-touch-controls=true] .rack-knob__pointer{transform-origin:1px 19px;top:6px;left:23px}.rack-jack[data-pending=true]{outline-offset:4px;outline:4px solid #39b5dd}.touch-cable-status{z-index:30;color:#193427;background:#edf4eb;border:1px solid #6b8c79;border-radius:6px;align-items:center;gap:8px;padding:10px;font:13px/1.4 sans-serif;display:flex;position:absolute;bottom:38px;left:70px;right:12px}.touch-cable-status button{color:#193427;background:#fff;border:1px solid #6b8c79;border-radius:4px;min-width:90px;min-height:44px}.rack-parameter-menu{z-index:1002;width:min(320px,100vw - 16px);max-height:calc(80dvh - 16px);position:fixed;top:20vh;left:max(8px,50vw - 160px);overflow-y:auto}.rack-parameter-menu.is-touch{top:auto;bottom:max(8px, env(safe-area-inset-bottom));width:min(420px,100vw - 16px);max-height:calc(100dvh - 24px);padding:16px;font-size:16px;left:max(8px,50vw - 210px)}.rack-parameter-menu.is-touch input{min-height:44px;font-size:16px}.rack-parameter-menu.is-touch input[type=range]{touch-action:pan-y}.rack-parameter-menu.is-touch button,.rack-port-menu button,.rack-module-menu button{min-height:44px}.touch-parameter-steps{flex-wrap:wrap;gap:6px;display:flex}.touch-parameter-steps button{flex:1}.touch-parameter-steps [aria-pressed=true]{background:#c7ddcd}[data-touch-controls=true] .react-flow__controls-button{width:44px;height:44px}@media (width<=1400px){.authoring-bar{flex-wrap:wrap;flex:none;gap:6px;min-width:0;max-height:26dvh;margin-inline:0;overflow-y:auto}.authoring-bar>*{flex-shrink:0}.authoring-bar .insert-module-button,.authoring-bar .connect-module-button{order:0;width:auto;min-height:44px}.authoring-bar .module-jump{flex:130px;order:0;width:auto}.authoring-bar .module-jump select{width:100%;min-height:44px}.authoring-bar .compile-readout{display:none}.authoring-bar button{min-height:44px}.history-controls button{min-width:44px}}@media (width<=1024px){.module-library{top:8px;bottom:max(8px, env(safe-area-inset-bottom));width:auto;max-height:none;left:8px;right:8px}.module-library>header{padding:12px}.module-library input,.module-library select,.new-patch-dialog input,.new-patch-dialog select,.connection-inspector input,.inspector input{min-height:44px;font-size:16px}.module-library .icon-button{min-width:44px;min-height:44px}.dialog-scrim{padding:8px}.new-patch-dialog{max-height:calc(100dvh - 16px);padding:16px;overflow-y:auto}.new-patch-dialog button{min-height:44px}.browser-edition-strip{padding:6px 10px;font-size:11px}}@media (width<=520px){.instrument-bar{flex-basis:58px;grid-template-columns:minmax(0,1fr) auto;min-height:58px}.brand-lockup{gap:6px;min-width:0;padding-inline:7px}.instrument-actions{gap:4px;padding:4px}.instrument-actions .instrument-button,.instrument-actions .theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.instrument-actions .remote-lab-open{width:44px;min-width:44px;overflow:hidden}.touch-cable-status{bottom:165px;left:10px}}[data-touch-controls=true] .module-library input,[data-touch-controls=true] .module-library select,[data-touch-controls=true] .new-patch-dialog input,[data-touch-controls=true] .new-patch-dialog select{min-height:44px;font-size:16px}[data-touch-controls=true] .module-catalog-group__variants button,[data-touch-controls=true] .module-library .icon-button{min-height:44px}[data-touch-controls=true] .module-library .icon-button{min-width:44px}.patch-sharing-scrim{z-index:1005;background:#000b;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.patch-sharing{color:#22362a;background:#edf1e9;border:1px solid #718575;border-radius:8px;width:min(760px,100%);max-height:calc(100dvh - 24px);padding:20px;font:15px/1.5 sans-serif;overflow:auto}.patch-sharing header{justify-content:space-between;align-items:center;gap:12px;display:flex}.patch-sharing h2{margin:0}.patch-sharing fieldset{border:1px solid #9aaa9a;min-width:0;margin:16px 0;padding:14px}.patch-sharing label{gap:6px;margin-block:12px;display:grid}.patch-sharing input,.patch-sharing select,.patch-sharing textarea{color:#22362a;background:#fff;border:1px solid #809483;width:100%;min-height:44px;padding:8px;font-size:16px}.patch-sharing textarea{min-height:100px}.patch-sharing button,.patch-sharing a{color:#22362a;background:#dae4d7;border:1px solid #849d88;border-radius:4px;min-height:44px;margin:4px;padding:10px;display:inline-block}.patch-sharing button:disabled{opacity:.5}.patch-sharing .share-confirm{align-items:start;display:flex}.patch-sharing .share-confirm input{flex-shrink:0;width:24px;min-height:24px}.patch-sharing img{width:100%;max-width:260px;display:block}.patch-sharing code{overflow-wrap:anywhere;font-size:11px}.patch-sharing [role=alert]{color:#9a2929;white-space:pre-wrap}.patch-storage-platforms{gap:8px;padding:8px 12px;display:flex}.patch-storage-platforms button{color:#22362a;background:#edf1e9;border:1px solid #809483;border-radius:4px;min-height:44px;padding:8px 12px}.patch-storage-platforms button[aria-pressed=true]{background:#b5d0b7}@media (width<=520px){.instrument-bar{flex-basis:auto;grid-template-columns:1fr;min-height:58px}.instrument-actions{border-top:1px solid #809483;border-left:0;justify-content:space-around}.brand-lockup{min-height:44px}.patch-sharing{padding:12px}}.patch-storage-file-picker{gap:6px;display:grid}.patch-storage-file-picker select{max-width:100%;min-height:44px;font-size:16px}.patch-guide-library{min-height:44px;color:var(--readout);align-items:center;padding:8px 14px;font-size:13px;text-decoration:underline;display:inline-flex}.patch-guide-match{border:1px solid var(--line);border-radius:6px;padding:12px}.patch-guide-match a{align-items:center;gap:6px;min-height:44px;text-decoration:underline;display:inline-flex}.patch-guide-match p{margin:0;font-size:12px}.imported-patch-scope{color:var(--readout);flex-shrink:0;margin:4px 8px;font-size:12px}.editor-view-switch{gap:4px;display:flex}.editor-view-switch button{border:1px solid var(--line);min-height:40px;color:var(--readout);background:var(--panel);border-radius:5px;padding:6px 12px}.editor-view-switch button[aria-pressed=true]{outline:2px solid var(--phosphor);outline-offset:-2px}.view-graph .module-node{width:100%;height:100%}.view-graph .scope-labels,.view-pedal .scope-labels{display:none}.pedal-view{height:100%;color:var(--readout);background:var(--bench-black);padding:18px;overflow:auto}.pedal-view header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pedal-view h2{margin:0}.pedal-view header label{align-items:center;gap:8px;display:flex}.pedal-view select,.pedal-view button{min-height:44px;font-size:14px}.pedal-view p{margin-block:12px;font-size:13px}.pedal-grid-scroll{overflow:auto}.pedal-grid{grid-template-columns:repeat(8,minmax(44px,1fr));gap:6px;min-width:394px;max-width:1100px;display:grid}.pedal-grid button{color:#101912;background:var(--cell-color);border:2px solid #77887c;border-radius:7px;flex-direction:column;justify-content:center;gap:4px;min-height:90px;padding:12px 4px 4px;display:flex;position:relative;overflow:hidden}.pedal-grid button[aria-pressed=true]{outline:3px solid var(--phosphor-bright);outline-offset:-5px;box-shadow:inset 0 0 0 6px #17251e}.pedal-grid button:disabled{color:#a5b1a9;opacity:.6}.pedal-grid small{font-size:10px;position:absolute;top:2px;left:4px}.pedal-grid strong,.pedal-grid span{text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.pedal-grid em{font-size:9px}.pedal-selection{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pedal-selection button,.pedal-view aside button{background:var(--panel);color:var(--readout);border:1px solid var(--line);border-radius:4px;padding:8px}.pedal-view aside button{margin:4px}@media (width<=520px){.pedal-view{padding:8px}.pedal-grid button{min-height:60px}.pedal-grid strong,.pedal-grid span{font-size:9px}}.view-graph .module-endpoint span{opacity:1;transform:none}.imported-patch-scope{color:var(--phosphor);background:var(--panel);padding:8px 16px}.view-graph .module-node__body{align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.view-graph .module-node__index{writing-mode:horizontal-tb;border:0}.view-graph .module-node__copy span{display:none}.view-graph .module-endpoints{width:120px;top:48px}.view-graph .module-endpoint span{max-width:110px}@media (width>=821px){.instrument-bar{grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) max-content}.instrument-bar.is-empty{grid-template-columns:minmax(0,1fr) max-content}}.remote-lab header{z-index:2;background:#172021;flex-wrap:nowrap;margin:-24px -24px 18px;padding:24px;position:sticky;top:-24px}.remote-lab header>div{flex:1;min-width:0}.remote-lab button.remote-lab-close{flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:grid}
