:root{--neutral-0:#fff;--neutral-50:#eee;--neutral-100:#d9d9d9;--neutral-200:#b8b8b8;--neutral-300:#949494;--neutral-400:#888;--neutral-500:#606060;--neutral-600:#414141;--neutral-700:#2e2e2e;--neutral-750:#242424;--neutral-800:#282828;--neutral-850:#212121;--neutral-900:#171717;--neutral-950:#1c1c1c;--neutral-975:#161616;--indigo-500:#704ce0;--jade-500:#00beab;--red-500:#ed5866;--amber-500:#f0a43a;--studio-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--display-font:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--mono-font:"SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;--font-meta:600 10.5px/14px var(--mono-font);--tracking-meta:.07em;--radius-xs:2px;--radius-small:4px;--radius-medium:6px;--radius-row:8px;--radius-tile:10px;--radius-popup:12px;--radius-card:14px;--surface-radius:16px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas-bg:#141414;--canvas-grid:#ffffff29;--canvas-part:#d8d8d8;--canvas-part-fill:#141414;--canvas-wire:#8f8f8f;--canvas-hover:#ffffff0a;--surface:#1d1d1d;--surface-raised:#262626;--surface-sunken:#111;--surface-hover:#ffffff0f;--surface-pressed:#ffffff1a;--text-primary:#eee;--text-secondary:#a8a8a8;--text-muted:#7c7c7c;--text-disabled:#555;--hairline:#ffffff14;--border-default:#ffffff1f;--accent:#8d70f0;--accent-strong:#704ce0;--accent-soft:#8d70f024;--accent-marquee:#8d70f014;--signal:#2fd0bf;--chip-bg:#8d70f01a;--chip-line:#8d70f052;--probe:#f0a43a;--danger:var(--red-500);--warn:var(--amber-500);--shadow-color:0 0 0;--shadow-float:0 1px 0 #ffffff0a inset, 0 0 0 1px #ffffff12, 0 12px 32px #00000073, 0 2px 6px #0000004d;--shadow-popup:0 0 0 1px #ffffff14, 0 18px 48px #0000008c;--material-raised:linear-gradient(180deg, #343434, #2a2a2a);--material-raised-hover:linear-gradient(180deg, #3b3b3b, #303030);--bevel:inset 0 1px 0 #ffffff17, 0 0 0 1px #0000008c, 0 1px 2px #00000080;--bevel-sunk:inset 0 1px 3px #0009, 0 0 0 1px #00000080;--field:#121212;--field-shadow:inset 0 1px 2px #0000008c, 0 0 0 1px #ffffff0f;--tooltip-bg:#080808f0;--scrim:#00000080}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas-bg:#f6f6f4;--canvas-grid:#0003;--canvas-part:#262626;--canvas-part-fill:#f6f6f4;--canvas-wire:#7a7a7a;--canvas-hover:#00000009;--surface:#fff;--surface-raised:#fff;--surface-sunken:#f0f0ee;--surface-hover:#0000000d;--surface-pressed:#00000014;--text-primary:#1b1b1b;--text-secondary:#555;--text-muted:#8a8a8a;--text-disabled:#bbb;--hairline:#00000014;--border-default:#0000001f;--accent:#6a46da;--accent-strong:#5b38cc;--accent-soft:#6a46da1c;--accent-marquee:#6a46da0f;--signal:#00a090;--chip-bg:#6a46da12;--chip-line:#6a46da47;--probe:#d9822b;--shadow-float:0 0 0 1px #0000000f, 0 10px 30px #0000001a, 0 2px 6px #0000000f;--shadow-popup:0 0 0 1px #00000012, 0 18px 48px #00000029;--material-raised:linear-gradient(180deg, #fff, #f3f3f1);--material-raised-hover:linear-gradient(180deg, #fff, #ebebe9);--bevel:inset 0 1px 0 #fff, 0 0 0 1px #0000001a, 0 1px 2px #00000014;--bevel-sunk:inset 0 1px 3px #00000024, 0 0 0 1px #0000001a;--field:#f1f1ef;--field-shadow:inset 0 1px 2px #00000014, 0 0 0 1px #00000012;--tooltip-bg:#141414f0;--scrim:#0000002e}button{font:inherit;color:inherit}.meta{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted)}.ib{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background .15s var(--ease-out), color .15s, transform .12s var(--ease-out), box-shadow .15s;background:0 0;border:0;border-radius:11px;flex:none;place-items:center;padding:0;display:grid;position:relative}.ib:hover{background:var(--material-raised-hover);box-shadow:var(--bevel);color:var(--text-primary)}.ib:active{box-shadow:var(--bevel-sunk);background:var(--surface-pressed);transform:translateY(.5px)scale(.96)}.ib[data-on=true]{color:var(--text-primary);background:var(--surface-pressed);box-shadow:var(--bevel-sunk)}.ib[data-on=true]:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:5px}.ib:disabled{opacity:.35;pointer-events:none}.ib svg{transition:transform .25s var(--spring)}.ib:hover svg{transform:scale(1.07)}.ib.rot:hover svg{transform:rotate(90deg)}.btn{border-radius:var(--radius-tile);background:var(--material-raised);height:32px;box-shadow:var(--bevel);color:var(--text-primary);cursor:pointer;transition:transform .12s var(--ease-out), background .15s;border:0;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.btn:hover{background:var(--material-raised-hover)}.btn:active{box-shadow:var(--bevel-sunk);transform:translateY(.5px)scale(.98)}.btn.ghost{box-shadow:none;color:var(--text-secondary);background:0 0;font-weight:500}.btn.ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn.primary{color:#fff;background:linear-gradient(#8467ee,#6a46da);box-shadow:inset 0 1px #fff3,0 0 0 1px #00000059,0 2px 6px #5032c859}.btn.primary:hover{background:linear-gradient(#8d72f2,#714de0)}.kc{font:600 10.5px/1 var(--mono-font);background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--hairline);color:var(--text-secondary);border-radius:5px;padding:3px 5px}.tip{z-index:100;background:var(--tooltip-bg);color:#f2f2f2;border-radius:var(--radius-row);font:500 12px/1.3 var(--studio-font);transform-origin:var(--transform-origin);transition:opacity .12s, transform .12s var(--ease-out);align-items:center;gap:8px;padding:6px 9px;display:flex;box-shadow:0 0 0 1px #ffffff14,0 6px 18px #00000059}.tip[data-starting-style],.tip[data-ending-style]{opacity:0;transform:scale(.96)}.tip .kc{color:#ddd;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff14}.seg{background:var(--field);box-shadow:var(--field-shadow);border-radius:12px;gap:2px;padding:2px;display:inline-flex}.seg button{min-width:34px;height:30px;color:var(--text-muted);font:600 12px var(--studio-font);cursor:pointer;transition:color .15s, background .2s var(--ease-out);background:0 0;border:0;border-radius:10px;place-items:center;padding:0 10px;display:grid}.seg button:hover{color:var(--text-primary)}.seg button[data-on=true]{background:var(--material-raised);box-shadow:var(--bevel);color:var(--text-primary)}.seg.icons button{min-width:32px;padding:0 7px}.knob{width:var(--knob-w,56px);cursor:ns-resize;touch-action:none;border-radius:var(--radius-row);flex-direction:column;align-items:center;gap:4px;display:flex}.knob svg{display:block}.knob .kl{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.knob .kv{font:600 11px var(--mono-font);color:var(--text-secondary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.knob[data-hl]{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}:root[data-knob-hl=on] .react-flow__node:has(.pm-knobs .knob:hover){outline:1px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:3px;border-radius:14px}.knob:hover .kv{color:var(--text-primary)}.mini-knob{cursor:ns-resize;touch-action:none;align-items:center;gap:6px;padding:0 4px 0 2px;display:flex}.menu{z-index:60;background:var(--surface);border-radius:var(--radius-popup);min-width:220px;box-shadow:var(--shadow-popup);transform-origin:var(--transform-origin);transition:opacity .12s, transform .14s var(--ease-out);outline:none;padding:5px}.menu[data-starting-style],.menu[data-ending-style]{opacity:0;transform:scale(.97)}.menu-pos{z-index:80}.mi{border-radius:var(--radius-row);min-height:32px;color:var(--text-primary);cursor:default;font:500 13px var(--studio-font);-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;padding:0 10px;display:flex}.mi>*{pointer-events:none}.mi .mi-ic{flex:none;width:18px}.mi .mi-l{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mi[data-disabled],.mi[data-disabled] svg{color:var(--text-disabled)}.mi[data-danger][data-highlighted]{background:var(--danger);color:#fff}.mi[data-popup-open]:not([data-highlighted]){background:var(--field)}.mi svg{color:var(--text-muted)}.mi .sc{color:var(--text-muted);font:500 11.5px var(--mono-font);margin-left:auto}.mi[data-highlighted]{background:var(--accent-strong);color:#fff}.mi[data-highlighted] svg,.mi[data-highlighted] .sc{color:#ffffffd9}.msep{background:var(--hairline);height:1px;margin:4px 8px}.toast{z-index:70;background:var(--tooltip-bg);color:#f2f2f2;border-radius:var(--radius-pill);animation:drop .25s var(--ease-out);padding:8px 14px;font-size:12.5px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}@keyframes drop{0%{opacity:0;transform:translate(-50%,-6px)}}.toast .toast-act{color:var(--accent);font:600 13px var(--studio-font);cursor:pointer;background:0 0;border:0;margin-left:10px}.toast .toast-act:disabled{opacity:.45;cursor:default}.toast.update-notice{animation:rise .25s var(--ease-out);align-items:center;gap:2px;padding-right:6px;display:flex;position:fixed;top:auto;bottom:16px;left:16px;transform:none}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.toast .toast-x{width:22px;height:22px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:4px;display:grid}.toast .toast-x:hover{opacity:1;background:#ffffff1a}.play{cursor:pointer;color:#fff;width:40px;height:40px;transition:transform .18s var(--spring), background .2s;background:linear-gradient(#8467ee,#6a46da);border:0;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff38,0 0 0 1px #00000059,0 3px 10px #5a37cf73}.play:hover{transform:scale(1.05)}.play:active{transform:scale(.94)}.play[data-on=true]{background:linear-gradient(#24d3c0,#00ae9c);box-shadow:inset 0 1px #ffffff40,0 0 0 1px #00000059,0 3px 12px #00beab66}@media (prefers-reduced-motion:reduce){.ib,.ib svg,.btn,.play,.tip,.menu,.toast{transition:none!important;animation:none!important}}.floating{background:var(--surface);border-radius:var(--radius-card);min-width:240px;box-shadow:var(--shadow-popup);animation:floating-in .16s var(--ease-out);outline:none;position:fixed;top:0;left:0}@keyframes floating-in{0%{opacity:0;scale:.97}}.floating-bar{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;height:40px;padding:0 6px 0 14px;display:flex}.floating-bar:active{cursor:grabbing}.floating[data-min] .floating-bar{height:36px}.floating-title{white-space:nowrap;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.floating-title b{font:650 13px var(--display-font)}.floating-title span{font:500 11.5px var(--studio-font);color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.floating-body{padding:4px 14px 12px}@media (prefers-reduced-motion:reduce){.floating{animation:none}}.scope{border-radius:var(--radius-tile);background:var(--field);box-shadow:var(--field-shadow);display:block}.sc-scrim{z-index:90;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .16s var(--ease-out);position:fixed;inset:0}.sc-scrim[data-starting-style],.sc-scrim[data-ending-style]{opacity:0}.sc-viewport{z-index:95;justify-content:center;align-items:flex-start;padding:12vh 12px 12px;display:flex;position:fixed;inset:0}.sc-sheet,.sc-palette{background:var(--surface);border-radius:var(--radius-card);width:min(560px,100%);max-height:calc(100dvh - 14vh - 12px);box-shadow:var(--shadow-popup), inset 0 1px 0 #ffffff0a;transition:opacity .14s var(--ease-out), transform .18s var(--spring);transform-origin:top;outline:none;flex-direction:column;display:flex;overflow:hidden}.sc-sheet.wide{width:min(780px,100%)}.sc-sheet[data-starting-style],.sc-sheet[data-ending-style],.sc-palette[data-starting-style],.sc-palette[data-ending-style]{opacity:0;transform:translateY(-6px)scale(.98)}.sc-sheet{padding:20px 22px 16px;overflow-y:auto}.sc-sheet-h{margin-bottom:14px}.sc-sheet-title{font:650 17px/1.25 var(--display-font);letter-spacing:-.012em;margin:0}.sc-sheet-desc{font:500 12.5px/1.45 var(--studio-font);color:var(--text-muted);margin:4px 0 0}.sc-palette-input{color:var(--text-muted);box-shadow:inset 0 -1px 0 var(--hairline);align-items:center;gap:10px;padding:0 18px;display:flex}.sc-palette-input input{height:52px;color:var(--text-primary);font:500 15px var(--studio-font);caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1}.sc-palette-input input::placeholder{color:var(--text-disabled)}.sc-palette-scroll{flex:0 auto;min-height:0;display:flex;position:relative;overflow:hidden}.sc-palette-viewport{overscroll-behavior:contain;outline:none;width:100%;max-height:min(56dvh,420px);scroll-padding-block:6px}.sc-palette-list{padding:6px}.sc-palette-group+.sc-palette-group{margin-top:4px}.sc-palette-glabel{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);padding:8px 12px 4px}.sc-palette-item{border-radius:var(--radius-row);cursor:default;min-height:36px;font:500 13.5px var(--studio-font);color:var(--text-primary);transition:background .12s var(--ease-out);outline:none;align-items:center;gap:10px;padding:0 12px;scroll-margin-block:6px;display:flex}.sc-palette-item[data-highlighted]{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.sc-palette-item .l{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sc-palette-item .h{font:500 11.5px var(--studio-font);color:var(--text-muted)}.sc-palette-empty{color:var(--text-muted);padding:22px 18px}.sc-palette-foot{font:500 11px var(--studio-font);color:var(--text-disabled);box-shadow:inset 0 1px 0 var(--hairline);margin:0;padding:8px 18px}.sc-input{border-radius:var(--radius-row);background:var(--field);height:32px;box-shadow:var(--field-shadow);color:var(--text-primary);font:500 13px var(--studio-font);transition:box-shadow .15s var(--ease-out);caret-color:var(--accent);border:0;outline:none;padding:0 10px}.sc-input::placeholder{color:var(--text-disabled)}.sc-input:focus-visible{box-shadow:var(--field-shadow), 0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent)}.sc-input[data-invalid]{box-shadow:var(--field-shadow), 0 0 0 1px var(--danger)}.sc-number{display:inline-flex}.sc-number-group{border-radius:var(--radius-row);align-items:baseline;gap:4px;padding:2px 4px;transition:background .15s;display:flex}.sc-number-group:hover{background:var(--surface-hover)}.sc-number-input{text-align:right;width:3.2ch;color:var(--text-primary);font:600 15px var(--mono-font);font-variant-numeric:tabular-nums;caret-color:var(--accent);background:0 0;border:0;outline:none;padding:2px 0}.sc-number-group:focus-within{background:var(--field);box-shadow:var(--field-shadow), 0 0 0 3px var(--accent-soft)}.sc-number-scrub{cursor:ns-resize;-webkit-user-select:none;user-select:none}.sc-number-unit{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted)}.sc-number-cursor{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.sc-switch-row{font:500 12.5px var(--studio-font);color:var(--text-secondary);cursor:pointer;align-items:center;gap:9px;display:inline-flex}.sc-switch{border-radius:var(--radius-pill);background:var(--field);width:30px;height:18px;box-shadow:var(--field-shadow);cursor:pointer;transition:background .18s var(--ease-out);border:0;outline:none;padding:0;position:relative}.sc-switch[data-checked]{background:var(--accent);box-shadow:inset 0 1px #fff3}.sc-switch:focus-visible{box-shadow:var(--field-shadow), 0 0 0 3px var(--accent-soft)}.sc-switch-thumb{width:14px;height:14px;transition:transform .18s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000059}.sc-switch[data-checked] .sc-switch-thumb{transform:translate(12px)}.sc-switch:active .sc-switch-thumb{transform:scale(.92)}.sc-switch[data-checked]:active .sc-switch-thumb{transform:translate(12px)scale(.92)}.ib:focus-visible,.btn:focus-visible,.play:focus-visible,.knob:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px color-mix(in srgb, var(--accent) 70%, transparent);outline:none}.btn:active,.ib:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.sc-sheet,.sc-palette,.sc-scrim,.sc-switch-thumb,.sc-palette-item{transition:none!important}}.studio-select{border:1px solid var(--border-default);border-radius:var(--radius-row);background:var(--field);width:100%;min-width:0;min-height:36px;color:var(--text-primary);font:500 var(--fs-sm) var(--studio-font);text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.studio-select>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-select>span:last-child{color:var(--text-muted);flex:none;display:flex}.studio-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-select[data-disabled]{opacity:.45;cursor:default}.studio-select-popup{min-width:var(--anchor-width);max-width:min(420px,100vw - 16px)}.studio-select-option{font:500 var(--fs-sm) var(--studio-font);cursor:pointer;overflow-wrap:anywhere;border-radius:5px;outline:none;justify-content:space-between;align-items:center;gap:18px;padding:9px 10px;display:flex}.studio-select-option[data-highlighted]{background:var(--accent-strong);color:#fff}.studio-select-option>span:last-child{display:flex}@media (pointer:coarse){.studio-select,.studio-select-option{min-height:44px}}.menu.audio-settings{gap:24px;width:min(320px,100vw - 24px);max-height:min(680px,100dvh - 100px);padding:16px 16px 20px;display:grid;overflow-y:auto}.audio-settings header{justify-content:space-between;align-items:center;gap:12px;margin:-4px -6px -8px 0;display:flex}.audio-settings header h2{font-size:var(--fs-lg);margin:0;font-weight:600}.audio-settings section{gap:16px;min-width:0;display:grid}.audio-settings h3.meta{margin:0 0 -4px}.audio-settings .as-field{gap:8px;min-width:0;display:grid}.audio-settings .as-label{font-size:var(--fs-md);color:var(--text-primary);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.audio-settings .as-value{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);text-align:right;overflow-wrap:anywhere}.audio-settings .as-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.audio-settings .studio-select{width:100%;min-width:0}.audio-settings .btn{justify-content:center;width:100%}.audio-settings small{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.4}.audio-settings-error{font-size:var(--fs-sm);color:var(--danger,#d6564d);margin:0;line-height:1.4}:root{--fs-sm:12px;--fs-md:13px;--fs-lg:15px}:root,:root[data-theme=dark]{--panel-face:linear-gradient(180deg, #2b2b2b 0%, #242424 100%);--panel-edge:#ffffff12;--panel-shadow:0 1px 0 #ffffff0f inset, 0 0 0 1px #0009, 0 6px 18px #00000059;--well:#121212;--well-ink:#9a9a9a;--rail:#0f0f0f;--row-bg:#171717;--jack-ring:radial-gradient(circle at 38% 32%, #9a9a9a 0%, #5c5c5c 45%, #3a3a3a 100%);--ink:#b9b9b9;--ink-muted:#7a7a7a;--panel-solid:#2b2b2b}:root[data-theme=light]{--panel-face:linear-gradient(180deg, #fbfaf8 0%, #f1f0ec 100%);--panel-edge:#00000014;--panel-shadow:0 1px 0 #fff inset, 0 0 0 1px #0000001f, 0 6px 16px #00000014;--well:#2a2a28;--well-ink:#d6d5d0;--rail:#d9d8d3;--row-bg:#e9e8e4;--jack-ring:radial-gradient(circle at 38% 32%, #fff 0%, #c9c8c3 50%, #9d9c97 100%);--ink:#3c3c3a;--ink-muted:#7d7c77;--panel-solid:#f7f6f3}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--canvas-bg);color:var(--text-primary);font:500 13px/1.4 var(--studio-font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app{grid-template-rows:auto 1fr;height:100dvh;display:grid;position:relative}.top{height:52px;padding:0 10px 0 16px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);box-shadow:inset 0 -1px 0 var(--hairline);z-index:20;align-items:center;gap:6px;display:flex}.brand{align-items:center;gap:9px;display:flex}.brand .mark{background:conic-gradient(from 200deg, var(--accent), var(--signal), var(--accent));border-radius:6px;width:18px;height:18px;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #00000040}.spacer{flex:1}.play-btn{border-radius:11px;height:34px;margin-left:6px;padding:0 14px 0 11px}.play-btn[data-on]{background:var(--material-raised);color:var(--text-primary);box-shadow:var(--bevel)}.cpu{color:var(--text-muted);align-items:center;gap:7px;margin-right:6px;display:flex}.cpu-bar{background:var(--field);width:34px;height:4px;box-shadow:var(--field-shadow);border-radius:2px;overflow:hidden}.cpu-bar i{background:var(--signal);height:100%;transition:width .3s var(--ease-out);border-radius:2px;display:block}.cpu-bar i[data-hot]{background:var(--warn)}.cpu-n{font:600 10.5px var(--mono-font);font-variant-numeric:tabular-nums;min-width:3ch}.rack{touch-action:pan-x pan-y;position:relative;overflow:auto}.rows{background:repeating-linear-gradient(180deg, var(--rail) 0 var(--gap), var(--row-bg) var(--gap) calc(var(--row) - var(--gap)), var(--rail) calc(var(--row) - var(--gap)) var(--row));border-radius:10px;min-width:100%;margin:14px 0 0 14px;position:relative}.slot{transition:left .22s var(--spring), top .22s var(--spring);position:absolute}.slot[data-moving]{z-index:5;filter:drop-shadow(0 18px 28px #00000059);transition:none}.slot.missing{text-align:center;background:repeating-linear-gradient(135deg, var(--surface-sunken) 0 6px, transparent 6px 12px);box-shadow:inset 0 0 0 1px var(--border-default);color:var(--text-muted);font:600 11px/1.3 var(--studio-font);border-radius:6px;place-content:center;gap:6px;padding:12px;display:grid}.slot.missing b{color:var(--text-secondary);font:650 13px var(--display-font)}.ghost{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-marquee);pointer-events:none;border-radius:6px;position:absolute}.ghost[data-bad]{box-shadow:inset 0 0 0 1.5px var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.panel{border-radius:calc(var(--s) * 1.6px);background:var(--panel-face);box-shadow:var(--panel-shadow);-webkit-user-select:none;user-select:none;color:var(--ink);position:relative}.panel[data-selected]{box-shadow:var(--panel-shadow), 0 0 0 1.5px var(--accent), 0 0 0 5px var(--accent-soft)}.ph{cursor:grab;padding-bottom:calc(var(--s) * 2.4px);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0 0 auto}.ph:active{cursor:grabbing}.pt{font-family:var(--display-font);letter-spacing:.01em;color:var(--text-primary);white-space:nowrap;font-weight:650;line-height:1}.sleep{top:calc(var(--s) * 3.4px);right:calc(var(--s) * 3.4px);background:var(--signal);opacity:.75;border-radius:50%;width:5px;height:5px;transition:opacity .4s,background .4s;position:absolute}.panel[data-sleeping] .sleep{box-shadow:inset 0 0 0 1px var(--ink-muted);opacity:.6;background:0 0}.panel[data-source=circuit] .pt:after{content:"";vertical-align:middle;background:var(--probe);opacity:.8;border-radius:1px;width:4px;height:4px;margin-left:5px;display:inline-block;transform:rotate(45deg)translateY(-1px)}.well{left:calc(var(--s) * 1.5px);right:calc(var(--s) * 1.5px);border-radius:calc(var(--s) * 2.4px);background:var(--well);position:absolute;box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff0a}.kn{position:absolute;transform:translate(-50%)}.kn .knob{width:var(--knob-w);gap:calc(var(--s) * .8px);position:relative}.kn .knob .kv{max-width:none;top:calc(var(--s) * -4.6px);background:var(--tooltip-bg);color:#f2f2f2;opacity:0;pointer-events:none;transition:opacity .12s, transform .16s var(--spring);z-index:3;border-radius:6px;padding:2px 6px;font-size:10.5px;position:absolute;left:50%;transform:translate(-50%,3px)}.kn .knob:hover .kv,.kn .knob:active .kv,.kn .knob:focus-visible .kv{opacity:1;transform:translate(-50%)}.kn .knob .kl{display:none}.wl,.jl{white-space:nowrap;pointer-events:none;font:600 calc(var(--s) * 2.2px)/1 var(--mono-font);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-muted);position:absolute;left:50%;transform:translate(-50%,-50%)}.kn .wl{top:0}.kn.big .wl,.kn.big .knob .kl{color:var(--ink)}.kn .knob[data-learn] svg{filter:drop-shadow(0 0 6px var(--accent))}.kn .kcc{font:600 8.5px var(--mono-font);color:var(--accent);position:absolute;top:0;right:4px}.sw{position:absolute;transform:translate(-50%,-50%)}.sw .sc-switch-row{gap:0;font-size:0}.sw .sc-switch-row>:not(.sc-switch){display:none}.jack{background:var(--jack-ring);cursor:crosshair;touch-action:none;transition:box-shadow .15s, transform .15s var(--spring);border-radius:50%;position:absolute;box-shadow:0 1px 2px #00000073,inset 0 0 0 1px #00000059}.jack i{background:radial-gradient(circle at 50% 40%,#050505,#1a1a1a);border-radius:50%;position:absolute;inset:24%;box-shadow:inset 0 1px 2px #000000e6}.jack:hover{box-shadow:0 0 0 3px var(--accent-soft), 0 1px 2px #00000073;transform:scale(1.06)}.jack[data-dir=out] .jl{color:var(--well-ink)}.panel[data-format=ae]{color:#e8eef3;border-radius:calc(var(--s) * 1px);background:linear-gradient(#22303d,#1b2732);box-shadow:inset 0 1px #ffffff12,0 0 0 1px #0000008c,0 6px 18px #00000059}:root[data-theme=light] .panel[data-format=ae]{box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #00000040,0 6px 14px #0000001f}.panel[data-format=ae] .ph{align-items:center;padding:0}.panel[data-format=ae]{--surface-raised:#2a3743;--field:#0f171e;--border-default:#0009;--text-primary:#f2f5f7}.panel[data-format=ae] .pt{color:#f2f5f7;letter-spacing:.04em;text-transform:uppercase;font-size:calc(var(--s) * 2.2px)!important}.panel[data-format=ae] .wl,.panel[data-format=ae] .jl{color:#c9d4dc;font-size:max(6px, calc(var(--s) * 1.6px))}.panel[data-format=ae] .sleep{top:auto;bottom:calc(var(--s) * 3.4px)}.jack.pin{background:#0c0c0c;border-radius:1px;box-shadow:inset 0 0 0 1px #3c4650}.jack.pin i{box-shadow:none;background:#b89545;border-radius:0;inset:30%}.jack.pin:hover{box-shadow:inset 0 0 0 1px #3c4650, 0 0 0 2px var(--accent-soft);transform:none}.cable[data-wire] .shadow{stroke:#0003}.cable .shift rect{fill:var(--surface-raised);stroke:var(--border-default);stroke-width:1px}.cable .shift text{fill:var(--text-secondary);font-weight:700}.cables{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:visible}.cable path{fill:none;stroke-linecap:round}.cable .shadow{stroke:#00000047}.cable .core{opacity:.94}.cable .sheen{stroke:#ffffff47}.cable .plug{stroke:#00000073;stroke-width:1.2px;fill-opacity:.82}.cable[data-live] .core{opacity:1}:root[data-theme=light] .cable .shadow{stroke:#00000029}.empty{pointer-events:none;color:var(--text-muted);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:52px 0 0}.empty p{font:600 15px var(--display-font);margin:0}.empty .btn{pointer-events:auto}.learn-hint{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));background:var(--tooltip-bg);color:#f2f2f2;box-shadow:var(--shadow-float);z-index:30;animation:rise .25s var(--spring);border-radius:12px;padding:9px 14px;font-size:12.5px;position:absolute;transform:translate(-50%)}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;position:absolute;transform:translate(-50%)}.more-dot{top:calc(var(--s) * 2px);left:calc(var(--s) * 2px);width:20px;height:20px;color:var(--ink-muted);fill:currentColor;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;transition:opacity .15s,background .15s;display:grid;position:absolute}.panel:hover .more-dot,.more-dot:focus-visible{opacity:1}.more-dot:hover{background:var(--surface-hover);color:var(--text-primary)}@media (hover:none){.more-dot{opacity:.8}}.docname{width:22ch;max-width:46vw;height:30px;color:var(--text-primary);font:650 15px var(--display-font);letter-spacing:-.01em;text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;outline:none;margin-left:-4px;padding:0 8px;transition:background .15s,box-shadow .15s}.docname:hover{background:var(--surface-hover)}.docname:focus{background:var(--field);box-shadow:var(--field-shadow), 0 0 0 3px var(--accent-soft)}.ms{justify-items:center;gap:18px;display:grid}.ms-face .panel{box-shadow:var(--panel-shadow)}.ms-more{width:100%}.ms-more h3{margin:0 0 10px}.ms-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:14px 8px;display:grid}.ms-grid .knob{--knob-w:64px}.ms-sw{place-items:center;display:grid}.pl{gap:2px;display:grid}.pl-row{border-radius:var(--radius-row);align-items:center;gap:6px;padding-right:4px;transition:background .12s;display:flex}.pl-row:hover{background:var(--surface-hover)}.pl-row[data-current]{box-shadow:inset 2px 0 0 var(--accent)}.pl-open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;gap:2px;padding:10px 12px;display:grid}.pl-name{font:600 13.5px var(--studio-font);color:var(--text-primary)}.pl-meta{font:500 11.5px var(--studio-font);color:var(--text-muted)}.pl-empty{color:var(--text-muted);margin:6px 0 12px}.br-top{gap:12px;margin-bottom:14px;display:grid}.br-top .sc-input{height:38px;font-size:14px}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chips button{height:28px;color:var(--text-muted);font:600 12px var(--studio-font);cursor:pointer;box-shadow:inset 0 0 0 1px var(--hairline);background:0 0;border:0;border-radius:999px;flex:none;padding:0 11px;transition:background .15s,color .15s,box-shadow .15s}.chips button:hover{color:var(--text-primary)}.chips button[data-on]{background:var(--material-raised);color:var(--text-primary);box-shadow:var(--bevel)}.br-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.br-card{border-radius:var(--radius-card);cursor:pointer;transition:background .15s, transform .2s var(--spring);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;display:flex}.br-card:hover{background:var(--surface-hover);transform:translateY(-2px)}.br-card:active{transform:translateY(0)scale(.98)}.br-prev{pointer-events:none;place-items:center;height:156px;margin-bottom:6px;display:grid}.preview{filter:drop-shadow(0 4px 10px #00000040);display:block}.pv-face{fill:var(--panel-solid);stroke:var(--panel-edge);stroke-width:.3px}.pv-title{fill:var(--text-primary);font-family:var(--display-font);font-weight:650}.pv-well{fill:var(--well)}.pv-knob{fill:var(--field);stroke:var(--border-default);stroke-width:.35px}.pv-tick{stroke:var(--accent);stroke-width:.7px;stroke-linecap:round}.pv-jack{fill:none;stroke:var(--text-muted);stroke-width:.7px}.pv-well~.pv-jack{stroke:var(--text-muted)}.pv-face.ae{fill:#1f2c38}.pv-pin{fill:#c9a24a}.pv-switch{fill:var(--field);stroke:var(--border-default);stroke-width:.35px}.br-name{font:600 12.5px var(--studio-font);color:var(--text-primary)}.br-meta{font:var(--font-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);font-size:9.5px}.br-empty{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:30px 0}.link-form{gap:8px;display:flex}.link-form .sc-input{flex:1;height:36px}.link-form .btn{height:36px}@media (width<=640px){.top{padding-left:12px}.docname{width:13ch;font-size:14px}.cpu-bar{display:none}.br-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.br-prev{height:128px}.br-prev .preview{width:auto;height:120px}}@media (prefers-reduced-motion:reduce){.slot,.jack,.br-card,.cpu-bar i,.kn .knob .kv,.learn-hint{transition:none!important;animation:none!important}}