.quad-soft-select{position:relative;display:inline-flex;min-width:0;vertical-align:middle;font-family:var(--studio-font-ui, "Plus Jakarta Sans", "DM Sans", "DengXian", "等线", "Microsoft YaHei", sans-serif)}.quad-soft-select__trigger{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;height:24px;padding:0 6px 0 7px;box-sizing:border-box;border:1px solid var(--quad-line, color-mix(in srgb, var(--quad-ink, #1a2420) 16%, transparent))!important;border-radius:8px!important;background:color-mix(in srgb,var(--quad-surface, #e8f0ea) 72%,#ffffff)!important;color:var(--quad-ink, #1a2420)!important;cursor:pointer;font:inherit!important;letter-spacing:.01em!important;outline:none;box-shadow:none;transition:border-color .12s ease,background .12s ease}.quad-soft-select__trigger:hover{border-color:color-mix(in srgb,var(--quad-pad-color, var(--quad-stamen, #c44569)) 55%,var(--quad-line))!important}.quad-soft-select.is-open .quad-soft-select__trigger,.quad-soft-select__trigger:focus-visible{border-color:var(--quad-pad-color, var(--selected-pad-color, var(--quad-stamen, #c44569)))!important;outline:none;box-shadow:none!important}.quad-soft-select__prefix{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--quad-muted, #6a7a70);white-space:nowrap}.quad-soft-select__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:11px;font-weight:650;letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums}.quad-soft-select__chevron{flex:0 0 auto;opacity:.55;color:var(--quad-ink, #1a2420)}.quad-soft-select.is-open .quad-soft-select__chevron{transform:rotate(180deg)}.quad-soft-select--default{width:128px;max-width:128px;min-width:128px;flex:0 0 128px}.quad-soft-select--channel{width:68px;max-width:68px;min-width:68px;flex:0 0 68px}.quad-soft-select--channel .quad-soft-select__trigger{padding:0 5px;gap:3px}.quad-soft-select--channel .quad-soft-select__value{flex:0 1 auto;font-size:12px;font-weight:700;text-align:center;min-width:.9em;font-variant-numeric:lining-nums tabular-nums;font-family:var(--studio-font-ui, "Plus Jakarta Sans", "DM Sans", sans-serif)}.quad-soft-select--channel .quad-soft-select__chevron{display:none}.quad-soft-select--pro{width:100%;max-width:none;min-width:0;display:block}.quad-soft-select--pro .quad-soft-select__trigger{height:26px;border-radius:999px!important;justify-content:flex-start;padding:0 22px 0 10px;background:color-mix(in srgb,var(--quad-surface, #e8f0ea) 70%,#ffffff)!important;position:relative}.quad-soft-select--pro .quad-soft-select__value{text-align:left}.quad-soft-select--pro .quad-soft-select__chevron{position:absolute;right:8px}.quad-soft-select--midi{flex:1 1 auto;min-width:0;max-width:none;width:100%}.quad-soft-select--midi .quad-soft-select__trigger{height:100%;min-height:22px;border:0!important;border-radius:0!important;background:transparent!important;padding:0 2px;justify-content:flex-start}.quad-soft-select--midi .quad-soft-select__value{text-align:left;font-size:var(--studio-fs-control, 11px)}.quad-soft-select__menu{position:fixed;z-index:10050;margin:0;padding:4px;list-style:none;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;border:1px solid color-mix(in srgb,var(--quad-ink, #1a2420) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--quad-surface, #e8f0ea) 88%,#ffffff);box-shadow:0 8px 24px color-mix(in srgb,var(--quad-ink, #1a2420) 12%,transparent),0 1px color-mix(in srgb,#ffffff 55%,transparent) inset;font-family:var(--studio-font-ui, "Plus Jakarta Sans", "DM Sans", "DengXian", "等线", "Microsoft YaHei", sans-serif);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--quad-stamen, #6aa88a) 45%,transparent) transparent}.quad-soft-select__menu--default{width:168px!important}.quad-soft-select__menu--channel{padding:3px;border-radius:8px;min-width:0;width:48px!important}.quad-soft-select__option{display:flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;margin:0;border-radius:7px;border:1px solid transparent;box-sizing:border-box;color:var(--quad-ink, #1a2420);font-size:11px;font-weight:600;letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quad-soft-select__menu--channel .quad-soft-select__option{min-height:24px;padding:3px 4px;font-size:12px;font-weight:700}.quad-soft-select__menu--pro .quad-soft-select__option,.quad-soft-select__menu--midi .quad-soft-select__option,.quad-soft-select__menu--default .quad-soft-select__option{justify-content:center}.quad-soft-select__option.is-active{background:color-mix(in srgb,var(--quad-stamen, #6aa88a) 14%,transparent)}.quad-soft-select__option.is-selected{border-color:color-mix(in srgb,var(--selected-pad-color, var(--quad-stamen, #c44569)) 70%,transparent);background:color-mix(in srgb,var(--selected-pad-color, var(--quad-stamen, #c44569)) 12%,transparent);color:var(--quad-ink, #1a2420)}.quad-soft-select__option.is-selected.is-active{background:color-mix(in srgb,var(--selected-pad-color, var(--quad-stamen, #c44569)) 18%,transparent)}.quad-lily-canvas{width:100%;min-height:520px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(240px,1fr));overflow:hidden;border:1px solid var(--quad-line);background:var(--quad-surface);color:var(--quad-ink);font-family:Segoe UI Variable Text,Microsoft YaHei UI,sans-serif}.quad-lily-canvas *,.quad-lily-canvas *:before,.quad-lily-canvas *:after{box-sizing:border-box}.quad-lily-canvas[data-canvas-bg=pond1]{--quad-canvas-bg: url(/brand/pond1.svg)}.quad-lily-canvas[data-canvas-bg=pond2]{--quad-canvas-bg: url(/brand/pond2.svg)}.quad-lily-canvas[data-canvas-bg=pond3]{--quad-canvas-bg: url(/brand/pond3.svg)}.quad-lily-canvas[data-canvas-bg=pond4]{--quad-canvas-bg: url(/brand/pond4.svg)}.quad-lily-pad{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr);overflow:hidden;background:var(--quad-surface)}.quad-lily-pad[data-pad-id=A]{--quad-pad-color: var(--quad-pad-a)}.quad-lily-pad[data-pad-id=B]{--quad-pad-color: var(--quad-pad-b)}.quad-lily-pad[data-pad-id=C]{--quad-pad-color: var(--quad-pad-c)}.quad-lily-pad[data-pad-id=D]{--quad-pad-color: var(--quad-pad-d)}.quad-lily-pad:nth-child(odd){border-right:1px solid var(--quad-line)}.quad-lily-pad:nth-child(-n+2){border-bottom:1px solid var(--quad-line)}.quad-lily-pad__header{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--quad-line) 72%,transparent);background:var(--quad-surface)}.quad-lily-pad button{min-width:0;border:0;border-radius:0;background:transparent;color:var(--quad-ink);font:700 .7rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em;cursor:pointer}.quad-lily-pad button:hover{color:var(--quad-pad-color)}.quad-lily-pad button:focus-visible{outline:1px solid var(--quad-pad-color);outline-offset:-3px}.quad-lily-pad__identity{display:inline-flex;align-items:center;gap:8px;padding:0 12px;text-align:left}.quad-lily-pad__identity strong{color:var(--quad-pad-color);font-size:.96rem;font-weight:800}.quad-lily-pad__identity>span:last-child{color:var(--quad-muted);font-weight:600;letter-spacing:.03em}.quad-lily-pad__state{width:7px;height:7px;flex:0 0 auto;border:1px solid var(--quad-pad-color)}.quad-lily-pad[data-playing=true] .quad-lily-pad__state{background:var(--quad-pad-color)}.quad-lily-pad__actions{display:flex;align-items:stretch}.quad-lily-pad__actions button{min-width:64px;padding:0 10px;border-left:1px solid var(--quad-line)}.quad-lily-pad__actions button[aria-pressed=true]{color:var(--quad-pad-color)}.quad-lily-pad__viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--quad-surface)}.quad-lily-pad__viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--quad-canvas-bg, none);background-repeat:no-repeat;background-position:center;background-size:cover}.quad-workbench[data-theme=dark] .quad-lily-pad__viewport:before{filter:invert(1) brightness(1.7);opacity:.55}.quad-lily-pad__canvas{position:relative;z-index:1;width:100%;height:100%;min-height:0;display:block;overflow:hidden;background:transparent;color:var(--quad-pad-color);cursor:crosshair;touch-action:none}.quad-lily-pad[data-locked=true] .quad-lily-pad__canvas{cursor:default}.quad-lily-pad button.quad-lily-pad__zoom{position:absolute;right:6px;bottom:6px;z-index:2;padding:2px 6px;border:1px solid var(--quad-line);background:color-mix(in srgb,var(--quad-surface) 84%,transparent);color:var(--quad-muted);font:700 .6rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.06em}.quad-lily-pad button.quad-lily-pad__zoom:hover{color:var(--quad-pad-color);border-color:var(--quad-pad-color)}.quad-lily-pad__cycle-track,.quad-lily-pad__cycle-value,.quad-lily-pad__ranges circle,.quad-lily-pad__connections line,.quad-lily-node__pulse,.quad-lily-node__selection{fill:none;vector-effect:non-scaling-stroke}.quad-lily-pad__cycle-track{stroke:var(--quad-line);stroke-width:.45}.quad-lily-pad__cycle-value{stroke:var(--quad-pad-color);stroke-width:.75;stroke-linecap:square;rotate:-90deg;transform-origin:50px 50px;opacity:.72}.quad-lily-pad__cycle-value[data-active=false]{opacity:.16}.quad-lily-pad__connections line{stroke:var(--quad-line-strong);stroke-width:.5;stroke-dasharray:1.25 1.25;pointer-events:none}.quad-lily-pad__connections line[data-active=true]{stroke:var(--quad-pad-color);stroke-width:.75;stroke-dasharray:none}.quad-lily-pad__arrow{fill:var(--quad-pad-color);opacity:.72}.quad-lily-motion polyline,.quad-lily-motion line,.quad-lily-motion rect{vector-effect:non-scaling-stroke;pointer-events:none}.quad-lily-motion__trail{fill:none;stroke:var(--quad-pad-color);stroke-width:.52;stroke-linecap:round;stroke-linejoin:round;opacity:.15}.quad-lily-motion [data-selected=true] .quad-lily-motion__trail{opacity:.58}.quad-lily-motion [data-draw-status=recording] .quad-lily-motion__trail{stroke-dasharray:1.2 1.2;opacity:.72}.quad-lily-motion [data-motion-mode=flash] .quad-lily-motion__trail{stroke-dasharray:1.6 1.8;opacity:.42}.quad-lily-motion [data-motion-mode=flash][data-selected=true] .quad-lily-motion__trail{opacity:.72}.quad-lily-motion [data-motion-mode=formation] .quad-lily-motion__trail{stroke-dasharray:2 1.4;opacity:.5;stroke-width:.62}.quad-lily-motion [data-motion-mode=formation][data-draw-status=armed] .quad-lily-motion__anchor,.quad-lily-motion [data-motion-mode=flash][data-draw-status=armed] .quad-lily-motion__anchor{opacity:.95;animation:quad-flash-arm-pulse 1.1s ease-in-out infinite}@keyframes quad-flash-arm-pulse{0%,to{opacity:.45}50%{opacity:.95}}.quad-lily-motion__anchor{fill:var(--quad-surface);stroke:var(--quad-pad-color);stroke-width:.48;opacity:.32}.quad-lily-motion [data-selected=true] .quad-lily-motion__anchor{opacity:.86}.quad-lily-motion__tether{stroke:var(--quad-pad-color);stroke-width:.42;stroke-dasharray:1 1.4;opacity:.48}.quad-lily-formation-hub{cursor:grab;pointer-events:auto}.quad-lily-formation-hub:active{cursor:grabbing}.quad-lily-formation-hub__hit{fill:transparent;stroke:none}.quad-lily-formation-hub__ring{fill:color-mix(in srgb,#fff 72%,transparent);stroke:var(--quad-pad-color, #c45c4a);stroke-width:.45;opacity:.88}.quad-lily-formation-hub__core{fill:var(--quad-pad-color, #c45c4a);opacity:.9}.quad-lily-formation-hub__label{fill:#fff;font-size:2.1px;font-weight:800;pointer-events:none;paint-order:stroke;stroke:color-mix(in srgb,var(--quad-pad-color, #c45c4a) 70%,#000);stroke-width:.35px}.quad-lily-formation-hub[data-selected=true] .quad-lily-formation-hub__ring{stroke-width:.7;opacity:1}.quad-lily-formation-hub[data-selected=true] .quad-lily-formation-hub__core{opacity:1}.quad-lily-pad__ranges circle{stroke:var(--quad-pad-color);stroke-width:.32;opacity:.12;pointer-events:none}.quad-lily-pad__ranges circle[data-center=true]{opacity:.2}.quad-lily-pad__ranges circle[data-muted=true]{opacity:.07}.quad-lily-pad__ranges circle[data-hidden=true],.quad-lily-pad__ranges circle[data-hidden=true][data-center=true]{opacity:.04;stroke-dasharray:1.6 1.6}.quad-lily-node{color:var(--quad-pad-color);outline:none;cursor:grab}.quad-lily-node:active{cursor:grabbing}.quad-lily-node[data-locked=true]{cursor:default}.quad-lily-node__hit{fill:transparent;stroke:none}.quad-lily-node__core{fill:var(--quad-ink);stroke:var(--quad-ink);stroke-width:.3;vector-effect:non-scaling-stroke}.quad-lily-node__badge{fill:var(--quad-ink);stroke:color-mix(in srgb,var(--quad-pad-color) 46%,var(--quad-surface));stroke-width:.45;vector-effect:non-scaling-stroke}.quad-lily-node__badge-label{fill:var(--quad-surface);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;text-rendering:geometricPrecision;pointer-events:none;-webkit-user-select:none;user-select:none}.quad-lily-node__badge-id{font-size:1.2px;font-weight:750;letter-spacing:.04em;opacity:.76}.quad-lily-node__badge-note{font-size:1.55px;font-weight:900;letter-spacing:.02em}.quad-lily-node__badge-label[data-label-density=compact] .quad-lily-node__badge-id{font-size:.84px}.quad-lily-node__badge-label[data-label-density=compact] .quad-lily-node__badge-note{font-size:1.14px}.quad-lily-node[data-active=true] .quad-lily-node__badge,.quad-lily-node[data-active=true] .quad-lily-node__core{fill:var(--quad-pad-color);stroke:var(--quad-pad-color)}.quad-lily-node[data-active=true] .quad-lily-node__badge-label{fill:var(--quad-on-accent)}.quad-lily-node[data-selected=true] .quad-lily-node__badge{stroke-width:.65}.quad-lily-node__center{fill:none;stroke:var(--quad-pad-color);stroke-width:.75;vector-effect:non-scaling-stroke}.quad-lily-node__pulse{stroke:var(--quad-pad-color);stroke-width:.55;opacity:0;pointer-events:none}.quad-lily-node[data-active=true] .quad-lily-node__pulse{animation:quad-lily-pulse .56s ease-out both}.quad-lily-node__selection{stroke:var(--quad-pad-color);stroke-width:.7;stroke-dasharray:none;pointer-events:none}.quad-lily-node:focus-visible .quad-lily-node__selection,.quad-lily-node:focus-visible:after{stroke:var(--quad-pad-color)}.quad-lily-node[data-muted=true]{opacity:.38;filter:grayscale(1) brightness(1.15)}.quad-lily-node[data-hidden=true]{opacity:.16;filter:grayscale(1)}.quad-lily-node[data-hidden=true] .quad-lily-node__badge,.quad-lily-node[data-hidden=true] .quad-lily-node__core{fill:none!important;stroke:color-mix(in srgb,var(--quad-ink) 55%,transparent);stroke-width:.45;stroke-dasharray:.75 .55}.quad-lily-node[data-hidden=true] .quad-lily-node__badge-label{fill:color-mix(in srgb,var(--quad-ink) 45%,transparent);opacity:.85}.quad-lily-node[data-hidden=true] .quad-lily-node__selection{stroke-dasharray:1 .75;opacity:.7}.quad-lily-node[data-muted=true][data-selected=true]{opacity:.62}.quad-lily-node[data-hidden=true][data-selected=true]{opacity:.36}.quad-lily-node[data-muted=true] .quad-lily-node__pulse,.quad-lily-node[data-hidden=true] .quad-lily-node__pulse{animation:none;opacity:0}.quad-lily-pad__corner{position:absolute;z-index:3;width:13px;height:13px;display:none;pointer-events:none}.quad-lily-pad[data-selected=true] .quad-lily-pad__corner{display:block}.quad-lily-pad__corner--tl{inset:4px auto auto 4px;border-top:1px solid var(--quad-pad-color);border-left:1px solid var(--quad-pad-color)}.quad-lily-pad__corner--tr{inset:4px 4px auto auto;border-top:1px solid var(--quad-pad-color);border-right:1px solid var(--quad-pad-color)}.quad-lily-pad__corner--bl{inset:auto auto 4px 4px;border-bottom:1px solid var(--quad-pad-color);border-left:1px solid var(--quad-pad-color)}.quad-lily-pad__corner--br{inset:auto 4px 4px auto;border-right:1px solid var(--quad-pad-color);border-bottom:1px solid var(--quad-pad-color)}@keyframes quad-lily-pulse{0%{r:3.2;opacity:.72}to{r:8.7;opacity:0}}@media(prefers-reduced-motion:reduce){.quad-lily-node[data-active=true] .quad-lily-node__pulse{animation:none;opacity:.72}.quad-lily-pad__canvas{transition:none}}.quad-lily-canvas[data-layout=single]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(420px,1fr)}.quad-lily-canvas[data-layout=single] .quad-lily-pad{display:none;border:0}.quad-lily-canvas[data-layout=single] .quad-lily-pad[data-mobile-active=true]{display:grid}@media(max-width:720px){.quad-lily-canvas{min-height:430px}.quad-lily-pad{grid-template-rows:40px minmax(0,1fr)}.quad-lily-pad__identity{padding-inline:9px}.quad-lily-pad__actions button{min-width:56px;padding-inline:7px;font-size:.64rem}}.quad-workbench{--quad-bg: #050607;--quad-surface: #050607;--quad-surface-raised: #0b0e10;--quad-ink: #f3f1e9;--quad-muted: #818b92;--quad-rule: #252b2f;--quad-rule-strong: #3c454b;--quad-line: #252b2f;--quad-line-strong: #3c454b;--quad-map-surface: #080a0c;--quad-grid: #1d2226;--quad-edge: #919aa0;--quad-status-bg: #111519;--quad-status-ink: #aeb8bf;--quad-disabled: #50575c;--quad-on-accent: #050607;--quad-stamen: #ff6b7a;--quad-pad-a: #ff6b7a;--quad-pad-b: #51d88a;--quad-pad-c: #58c7e8;--quad-pad-d: #f6c84f;--cat-tempo: #3d3420;--cat-tempo-ink: #f6e4a8;--cat-tempo-rail: #c9a227;--cat-scale: #2a2438;--cat-scale-ink: #cbb8ff;--cat-scale-rail: #7a6bb0;--cat-node: #3a2430;--cat-node-ink: #ffb0c8;--cat-node-rail: #c45f7a;--cat-motion: #1e322c;--cat-motion-ink: #9fe0c4;--cat-motion-rail: #3d9a74;--cat-tools: #3a2a22;--cat-tools-ink: #ffc8a8;--cat-tools-rail: #8a7a4a;--theme-bg: var(--quad-bg);--theme-text: var(--quad-ink);--theme-border: var(--quad-rule);--theme-accent: var(--selected-pad-color);--theme-interactive: var(--quad-ink);--theme-interactive-text: var(--quad-bg);min-height:100svh;display:grid;grid-template-rows:auto auto auto minmax(320px,1fr) auto;background:var(--quad-bg);color:var(--quad-ink);color-scheme:dark;font-family:Segoe UI Variable Text,Microsoft YaHei UI,sans-serif}.quad-workbench[data-theme=dark]{color-scheme:dark}.quad-workbench[data-theme=lotus]{--quad-bg: #e8efe9;--quad-surface: #dfeae2;--quad-surface-raised: #f7faf7;--quad-ink: #1a2420;--quad-muted: #5f7268;--quad-rule: #c5d5cb;--quad-rule-strong: #9eb5a8;--quad-line: #c5d5cb;--quad-line-strong: #9eb5a8;--quad-map-surface: #f2f7f3;--quad-grid: #d0ddd4;--quad-edge: #5f7268;--quad-status-bg: #d5e4da;--quad-status-ink: #445850;--quad-disabled: #9eb5a8;--quad-on-accent: #f7faf7;--quad-stamen: #6aa88a;--quad-pad-a: #c45f7a;--quad-pad-b: #3d9a74;--quad-pad-c: #4a8fad;--quad-pad-d: #c9a227;--cat-tempo: #f7faf7;--cat-tempo-ink: #5f7268;--cat-tempo-rail: #c9a227;--cat-scale: #f7faf7;--cat-scale-ink: #5f7268;--cat-scale-rail: #7a6bb0;--cat-node: #f7faf7;--cat-node-ink: #5f7268;--cat-node-rail: #c45f7a;--cat-motion: #f7faf7;--cat-motion-ink: #5f7268;--cat-motion-rail: #3d9a74;--cat-tools: #f7faf7;--cat-tools-ink: #5f7268;--cat-tools-rail: #8a7a4a;color-scheme:light;background:radial-gradient(ellipse 70% 50% at 90% 12%,color-mix(in srgb,#b9d9c5 38%,transparent),transparent 55%),radial-gradient(ellipse 55% 40% at 8% 100%,color-mix(in srgb,#9eb5a8 18%,transparent),transparent 50%),var(--quad-bg)}.quad-workbench[data-theme=ink]{--quad-bg: #e8ecf1;--quad-surface: #dde3ea;--quad-surface-raised: #f5f7fa;--quad-ink: #1a2330;--quad-muted: #5a6a7c;--quad-rule: #c2ccd8;--quad-rule-strong: #9aabbc;--quad-line: #c2ccd8;--quad-line-strong: #9aabbc;--quad-map-surface: #eef2f6;--quad-grid: #cfd8e2;--quad-edge: #5a6a7c;--quad-status-bg: #d4dde7;--quad-status-ink: #3d4d5e;--quad-disabled: #9aabbc;--quad-on-accent: #f5f7fa;--quad-stamen: #4a7eb5;--quad-pad-a: #c45f7a;--quad-pad-b: #3d9a74;--quad-pad-c: #4a7eb5;--quad-pad-d: #c9a227;--cat-tempo: #f5f7fa;--cat-tempo-ink: #5a6a7c;--cat-tempo-rail: #c9a227;--cat-scale: #f5f7fa;--cat-scale-ink: #5a6a7c;--cat-scale-rail: #6b7ab8;--cat-node: #f5f7fa;--cat-node-ink: #5a6a7c;--cat-node-rail: #c45f7a;--cat-motion: #f5f7fa;--cat-motion-ink: #5a6a7c;--cat-motion-rail: #3d9a74;--cat-tools: #f5f7fa;--cat-tools-ink: #5a6a7c;--cat-tools-rail: #7a8a9a;color-scheme:light;background:radial-gradient(ellipse 70% 50% at 88% 10%,color-mix(in srgb,#b0c4d8 32%,transparent),transparent 55%),radial-gradient(ellipse 50% 38% at 10% 95%,color-mix(in srgb,#9aabbc 16%,transparent),transparent 50%),var(--quad-bg)}.quad-workbench[data-theme=dark]{--quad-bg: #050607;--quad-surface: #0a0d0f;--quad-surface-raised: #12171b;--quad-ink: #e8ecef;--quad-muted: #8a949c;--quad-rule: #2a3238;--quad-rule-strong: #3e4850;--quad-line: #2a3238;--quad-line-strong: #3e4850;--quad-map-surface: #0c1013;--quad-grid: #1c2227;--quad-edge: #8a949c;--quad-status-bg: #141a1f;--quad-status-ink: #a8b2ba;--quad-disabled: #555e66;--quad-on-accent: #050607;--quad-stamen: #ff7a88;--quad-pad-a: #ff7a88;--quad-pad-b: #5ee49a;--quad-pad-c: #5ecfee;--quad-pad-d: #f6c84f;--cat-tempo: #1a1810;--cat-tempo-ink: #f0d878;--cat-tempo-rail: #c9a227;--cat-scale: #16121f;--cat-scale-ink: #cbb8ff;--cat-scale-rail: #8a7bc8;--cat-node: #1f141a;--cat-node-ink: #ffb0c8;--cat-node-rail: #c45f7a;--cat-motion: #101a16;--cat-motion-ink: #9fe0c4;--cat-motion-rail: #3d9a74;--cat-tools: #1c1612;--cat-tools-ink: #ffc8a8;--cat-tools-rail: #8a7a4a;color-scheme:dark;background:radial-gradient(ellipse 60% 45% at 85% 8%,color-mix(in srgb,#ff6b7a 8%,transparent),transparent 50%),radial-gradient(ellipse 50% 40% at 5% 95%,color-mix(in srgb,#51d88a 6%,transparent),transparent 48%),var(--quad-bg)}.quad-workbench[data-theme=ember]{--quad-bg: #12100e;--quad-surface: #181512;--quad-surface-raised: #221e19;--quad-ink: #f2ebe3;--quad-muted: #9a8f82;--quad-rule: #322b24;--quad-rule-strong: #4a4036;--quad-line: #322b24;--quad-line-strong: #4a4036;--quad-map-surface: #1a1612;--quad-grid: #2a241e;--quad-edge: #9a8f82;--quad-status-bg: #1e1a16;--quad-status-ink: #b8ada0;--quad-disabled: #5c5348;--quad-on-accent: #12100e;--quad-stamen: #e8a04a;--quad-pad-a: #e07070;--quad-pad-b: #6bbf8a;--quad-pad-c: #6a9fc4;--quad-pad-d: #e8a04a;--cat-tempo: #1f1a12;--cat-tempo-ink: #f0d090;--cat-tempo-rail: #e8a04a;--cat-scale: #1a1620;--cat-scale-ink: #c8b8e8;--cat-scale-rail: #8a7ab0;--cat-node: #221618;--cat-node-ink: #f0b0b8;--cat-node-rail: #e07070;--cat-motion: #141c18;--cat-motion-ink: #a8d8c0;--cat-motion-rail: #6bbf8a;--cat-tools: #201a14;--cat-tools-ink: #e8c8a8;--cat-tools-rail: #a09060;color-scheme:dark;background:radial-gradient(ellipse 65% 48% at 90% 10%,color-mix(in srgb,#e8a04a 10%,transparent),transparent 52%),radial-gradient(ellipse 48% 36% at 8% 92%,color-mix(in srgb,#e07070 7%,transparent),transparent 48%),var(--quad-bg)}.quad-workbench[data-theme=lotus] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231a2420' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.quad-workbench[data-theme=ink] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231a2330' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.quad-workbench[data-theme=dark] select,.quad-workbench[data-theme=ember] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e8ecef' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}.quad-workbench *,.quad-workbench *:before,.quad-workbench *:after{box-sizing:border-box}.quad-workbench button,.quad-workbench input,.quad-workbench select,.quad-workbench a{border-radius:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.quad-topbar{min-height:82px;display:grid;grid-template-columns:minmax(230px,.8fr) auto auto minmax(380px,1.2fr);align-items:stretch;border-bottom:1px solid var(--quad-rule);background:var(--quad-bg)}.quad-workbench[data-view-mode=single] .quad-topbar{grid-template-columns:minmax(230px,.85fr) auto auto minmax(380px,1.25fr)}.quad-brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:14px;padding:12px 18px;border-right:1px solid var(--quad-rule)}.quad-brand>span{grid-column:1 / -1;color:var(--quad-muted);font:700 .65rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.16em}.quad-brand h1{margin:3px 0 0;color:var(--quad-ink);font:400 2rem/.9 VT323,ui-monospace,monospace;letter-spacing:.08em}.quad-brand p{align-self:end;margin:0 0 1px;color:var(--quad-muted);font-size:.82rem}.quad-master-actions{display:flex;align-items:stretch}.quad-workbench[data-view-mode=single] .quad-master-actions{display:flex}.quad-workbench[data-view-mode=single] .quad-master-actions button{display:none}.quad-workbench[data-view-mode=single] .quad-master-actions button[data-action=pause-all]{display:block}.quad-display-tools{min-width:0;display:grid;grid-template-columns:auto minmax(72px,1fr) minmax(82px,1fr) minmax(86px,1fr);align-items:stretch;border-right:1px solid var(--quad-rule)}.quad-view-switch{display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));border-right:1px solid var(--quad-rule)}.quad-view-switch button{min-width:76px;padding:0 14px;border:0;border-right:1px solid var(--quad-rule);background:transparent;color:var(--quad-muted);font:700 .68rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em}.quad-view-switch button:last-child{border-right:0}.quad-view-switch button:hover{color:var(--quad-ink)}.quad-view-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--selected-pad-color) 10%,var(--quad-bg));box-shadow:inset 0 -2px var(--selected-pad-color);color:var(--selected-pad-color)}.quad-view-switch button:focus-visible{outline:1px solid var(--selected-pad-color);outline-offset:-3px}.quad-theme-toggle,.quad-label-toggle,.quad-library-toggle{min-width:76px;padding:0 12px;border:0;background:transparent;color:var(--quad-muted);font:700 .66rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em}.quad-theme-toggle:hover,.quad-label-toggle:hover,.quad-library-toggle:hover{color:var(--quad-ink)}.quad-theme-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--quad-stamen) 9%,var(--quad-bg));box-shadow:inset 0 -2px var(--quad-stamen);color:var(--quad-stamen)}.quad-theme-toggle:focus-visible{outline:2px solid var(--quad-stamen);outline-offset:-3px}.quad-label-toggle{border:0;border-left:1px solid var(--quad-rule)}.quad-label-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--selected-pad-color) 10%,var(--quad-bg));box-shadow:inset 0 -2px var(--selected-pad-color);color:var(--selected-pad-color)}.quad-library-toggle{border:0;border-left:1px solid var(--quad-rule)}.quad-library-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--selected-pad-color) 10%,var(--quad-bg));box-shadow:inset 0 -2px var(--selected-pad-color);color:var(--selected-pad-color)}.quad-label-toggle:focus-visible,.quad-library-toggle:focus-visible{outline:1px solid var(--selected-pad-color);outline-offset:-3px}.quad-master-actions button,.quad-icon-button{min-width:96px;padding:0 16px;border:0;border-right:1px solid var(--quad-rule);background:transparent;color:var(--quad-ink);font:700 .72rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.05em}.quad-master-actions button:hover,.quad-icon-button:hover{background:var(--quad-ink);color:var(--quad-bg);opacity:1}.quad-action--primary{font-weight:850}.quad-action--danger{font-weight:800}.quad-action--tertiary{opacity:1}.quad-workbench .quad-action--primary{border-color:var(--selected-pad-color);background:var(--selected-pad-color);color:var(--quad-on-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--quad-on-accent) 16%,transparent)}.quad-workbench .quad-action--primary:hover{background:color-mix(in srgb,var(--selected-pad-color) 84%,var(--quad-ink));color:var(--quad-on-accent)}.quad-lily-pad button.quad-action--primary{border-color:var(--quad-pad-color);background:var(--quad-pad-color);color:var(--quad-on-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--quad-on-accent) 16%,transparent)}.quad-lily-pad button.quad-action--primary:hover{background:color-mix(in srgb,var(--quad-pad-color) 84%,var(--quad-ink));color:var(--quad-on-accent)}.quad-workbench .quad-action--secondary{border-color:var(--quad-rule-strong);background:var(--quad-surface-raised);color:var(--quad-ink)}.quad-workbench .quad-action--tertiary{border-color:color-mix(in srgb,var(--quad-rule) 72%,transparent);background:transparent;color:var(--quad-muted)}.quad-workbench .quad-action--danger{border-color:color-mix(in srgb,var(--quad-stamen) 64%,var(--quad-rule));color:var(--quad-stamen)}.quad-workbench .quad-action--danger:hover{border-color:var(--quad-stamen);background:color-mix(in srgb,var(--quad-stamen) 12%,transparent);color:var(--quad-stamen)}.quad-midi-summary{min-width:0;display:grid;grid-template-rows:auto 1fr;align-content:center;padding:9px 14px}.quad-midi-summary__heading{display:flex;align-items:center;gap:8px;min-width:0;color:var(--quad-muted);font-size:.7rem}.quad-midi-summary__heading>span{width:7px;height:7px;border:1px solid var(--quad-muted)}.quad-midi-summary__heading>span.is-connected{border-color:#51d88a;background:#51d88a}.quad-midi-summary__heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quad-midi-summary__controls{display:flex;align-items:end;gap:8px;min-width:0}.quad-midi-summary__controls label{min-width:0;display:grid;gap:2px;flex:1 1 150px}.quad-midi-summary__controls label:first-child{flex:0 0 132px}.quad-midi-summary__controls label>span{color:var(--quad-muted);font:700 .58rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.12em}.quad-midi-summary__controls select{width:100%;min-height:31px;padding:4px 26px 4px 8px;border:1px solid var(--quad-rule);background-color:var(--quad-bg);color:var(--quad-ink);font-size:.7rem}.quad-midi-summary .quad-icon-button{min-width:72px;height:31px;padding:0 8px;border:1px solid var(--quad-rule)}.quad-status{min-height:30px;display:flex;align-items:center;gap:8px;padding:5px 14px;border-bottom:1px solid var(--quad-rule);background:var(--quad-status-bg);color:var(--quad-status-ink);font:600 .68rem/1.2 ui-monospace,Cascadia Mono,Consolas,monospace}.quad-status>span{width:7px;height:7px;border:1px solid var(--quad-muted)}.quad-status>span[data-playing=true]{background:var(--selected-pad-color);border-color:var(--selected-pad-color)}.quad-status em{margin-left:auto;color:var(--quad-muted);font-style:normal}.quad-main-stage{grid-row:4;min-width:0;min-height:0;display:grid;overflow:hidden;background:var(--quad-bg)}.quad-main-stage[data-view-mode=single]{grid-template-columns:minmax(420px,3fr) minmax(340px,2fr)}.quad-main-stage[data-view-mode=quad]{grid-template-columns:minmax(560px,2.35fr) minmax(320px,1fr)}.quad-main-stage>.quad-lily-canvas{min-height:0;height:100%;grid-template-rows:repeat(2,minmax(0,1fr));border:0}.quad-main-stage>.quad-lily-canvas[data-layout=single]{grid-template-rows:minmax(0,1fr)}.quad-pad-tabs{display:none;grid-row:3}.quad-workbench[data-view-mode=single] .quad-pad-tabs{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));border-bottom:1px solid var(--quad-rule)}.quad-pad-tabs button{min-height:34px;border:0;border-right:1px solid var(--quad-rule);background:var(--quad-map-surface);color:var(--quad-muted);font:700 .66rem/1 ui-monospace,Cascadia Mono,Consolas,monospace}.quad-pad-tabs button:last-child{border-right:0}.quad-pad-tabs button[data-active=true]{color:var(--quad-pad-color);box-shadow:inset 0 -2px var(--quad-pad-color)}.quad-pad-tabs button:focus-visible{outline:1px solid var(--quad-pad-color);outline-offset:-3px}.cycle-trace{min-height:44px;height:44px;overflow:hidden;border-top:1px solid var(--quad-rule);background:var(--quad-map-surface);color:var(--quad-ink)}.cycle-trace[open]{height:clamp(220px,27svh,280px)}.cycle-trace>summary{height:44px;display:grid;grid-template-columns:minmax(210px,auto) minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 14px;border-bottom:1px solid var(--quad-rule);cursor:pointer;list-style:none;outline:none;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.cycle-trace>summary::-webkit-details-marker{display:none}.cycle-trace>summary:focus-visible{box-shadow:inset 0 0 0 2px var(--selected-pad-color)}.cycle-trace__title{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.cycle-trace__title strong{color:var(--selected-pad-color);font:400 1.4rem/1 VT323,ui-monospace,monospace;letter-spacing:.08em}.cycle-trace__title span{color:var(--quad-muted);font-size:.68rem}.cycle-trace__summary{overflow:hidden;color:#aab2b7;font-size:.64rem;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.07em}.cycle-trace__read-only{color:#818b92;font-size:.58rem;letter-spacing:.1em;white-space:nowrap}.cycle-trace__read-only span{color:var(--selected-pad-color)}.cycle-trace__body{height:calc(100% - 44px);min-height:0;display:grid;grid-template-rows:20px repeat(2,minmax(78px,1fr));padding:7px 14px 10px}.cycle-trace__scale{margin-left:144px;display:flex;justify-content:space-between;align-items:start;color:#899198;font:700 .54rem/1 ui-monospace,Cascadia Mono,Consolas,monospace}.cycle-trace__lane{--trace-layer: #899198;min-height:0;display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:minmax(48px,1fr) 23px;column-gap:14px;color:var(--trace-layer)}.cycle-trace__lane[data-layer=next]{--trace-layer: var(--selected-pad-color)}.cycle-trace__lane+.cycle-trace__lane{border-top:1px solid #171b1e}.cycle-trace__lane>header{grid-row:1 / -1;min-width:0;display:grid;grid-template-columns:8px 1fr;grid-auto-rows:min-content;align-content:center;column-gap:8px;padding-right:12px;border-right:1px solid var(--quad-rule);font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.cycle-trace__layer-mark{grid-row:1 / 3;width:6px;height:6px;align-self:center;border:1px solid var(--trace-layer)}.cycle-trace__lane[data-layer=next] .cycle-trace__layer-mark{background:var(--trace-layer)}.cycle-trace__lane>header strong{font-size:.66rem;letter-spacing:.11em}.cycle-trace__lane>header>span:not(.cycle-trace__layer-mark){color:#717a80;font-size:.58rem}.cycle-trace__lane>header code{grid-column:1 / -1;margin-top:7px;overflow:hidden;color:#a0a7ac;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.cycle-trace__track{position:relative;min-width:0;min-height:48px;overflow:visible}.cycle-trace__track:before,.cycle-trace__track:after{content:"";position:absolute;z-index:1;inset-block:4px;width:1px;background:#30363a}.cycle-trace__track:before{left:0}.cycle-trace__track:after{right:0}.cycle-trace__track svg{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.cycle-trace__track svg line,.cycle-trace__track svg path{vector-effect:non-scaling-stroke}.cycle-trace__baseline{stroke:#252a2e;stroke-width:1}.cycle-trace__edge{stroke:var(--trace-layer);stroke-width:1;opacity:.7}.cycle-trace__lane[data-layer=next] .cycle-trace__edge{stroke-dasharray:2 2}.cycle-trace__track svg path{fill:var(--trace-layer)}.cycle-trace__playhead{position:absolute;z-index:2;inset-block:2px;width:1px;background:#f3f1e9;opacity:.72;pointer-events:none}.cycle-trace__event{position:absolute;z-index:3;min-width:24px;min-height:24px;display:flex;align-items:center;gap:5px;padding:3px;border:0;background:transparent;color:var(--trace-layer);translate:-50% -50%;cursor:pointer}.cycle-trace__event>span{width:7px;height:7px;flex:0 0 auto;border:1px solid var(--trace-layer);background:#080a0c}.cycle-trace__lane[data-layer=next] .cycle-trace__event>span{background:var(--trace-layer)}.cycle-trace__event em{max-width:82px;overflow:hidden;font:700 .52rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.cycle-trace__event:hover em{color:var(--quad-ink)}.cycle-trace__event[data-selected=true]>span{box-shadow:0 0 0 2px #080a0c,0 0 0 3px var(--quad-ink)}.cycle-trace__event:focus-visible{outline:1px solid var(--quad-ink);outline-offset:1px}.cycle-trace__lane>footer{min-width:0;display:flex;align-items:center;gap:16px;border-top:1px solid #191d20;color:#818b92;font:700 .52rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.05em;white-space:nowrap}.cycle-trace__lane>footer span{min-width:0;overflow:hidden;text-overflow:ellipsis}.cycle-trace__lane>footer span:last-child{margin-left:auto}.cycle-trace__lane>footer b{color:#9ba3a8;font-weight:700}.quad-main-stage>.cycle-trace{width:100%;min-width:0;min-height:0;height:100%;margin:0;display:grid;grid-template-rows:58px minmax(0,1fr) 34px;overflow:hidden;border:0;border-left:1px solid var(--quad-rule);background:var(--quad-map-surface);color:var(--quad-ink);container-type:inline-size}.cycle-trace__header{min-width:0;display:grid;grid-template-columns:minmax(112px,auto) auto auto minmax(90px,1fr);align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--quad-rule);font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.cycle-trace__title{display:grid;align-items:center;gap:2px;white-space:nowrap}.cycle-trace__title strong{color:var(--selected-pad-color);font:400 1.35rem/.82 VT323,ui-monospace,monospace;letter-spacing:.08em}.cycle-trace__title span{color:var(--quad-muted);font-size:.57rem;letter-spacing:.08em}.cycle-trace__count{display:flex;align-items:center;gap:5px;color:var(--quad-muted);font:700 .6rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}.cycle-trace__count b{color:var(--quad-ink);font-size:.72rem}.cycle-trace__count i{color:var(--selected-pad-color);font-style:normal}.cycle-trace__mode-switch{display:grid;grid-template-columns:repeat(2,minmax(48px,1fr));border:1px solid var(--quad-rule)}.cycle-trace__mode-switch button{min-height:30px;padding:4px 8px;border:0;border-right:1px solid var(--quad-rule);background:transparent;color:var(--quad-muted);font:700 .55rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}.cycle-trace__mode-switch button:last-child{border-right:0}.cycle-trace__mode-switch button:hover{color:var(--quad-ink)}.cycle-trace__mode-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--selected-pad-color) 10%,var(--quad-map-surface));box-shadow:inset 0 -2px var(--selected-pad-color);color:var(--selected-pad-color)}.cycle-trace__mode-switch button:focus-visible{position:relative;z-index:1;outline:2px solid var(--selected-pad-color);outline-offset:-3px}.cycle-trace__legend{min-width:0;display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--quad-muted);font:700 .55rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}.cycle-trace__legend i{width:18px;height:0;border-top:1px solid var(--quad-edge)}.cycle-trace__legend i[data-layer=next]{margin-left:4px;border-color:var(--selected-pad-color);border-top-style:dashed}.cycle-map{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate}.cycle-map__time{position:absolute;z-index:5;inset:12px 0 auto;color:var(--quad-muted);font:700 .51rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;pointer-events:none}.cycle-map__time span{position:absolute;translate:-50% 0;white-space:nowrap}.cycle-map__time span:first-child{translate:0 0}.cycle-map__time span:last-child{translate:-100% 0;color:var(--selected-pad-color)}.cycle-map__grid{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;pointer-events:none}.cycle-map__grid i{position:absolute;inset-block:34px 20px;width:1px;background:var(--quad-grid)}.cycle-map__grid i:last-child{background:color-mix(in srgb,var(--selected-pad-color) 35%,var(--quad-grid))}.cycle-map__playhead{position:absolute;z-index:2;inset-block:30px 14px;width:1px;background:var(--quad-ink);box-shadow:0 0 10px color-mix(in srgb,var(--selected-pad-color) 32%,transparent);opacity:.46;pointer-events:none}.cycle-map__edges{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cycle-map__edges line,.cycle-map__edges path{vector-effect:non-scaling-stroke}.cycle-map__edges line{stroke:var(--quad-edge);stroke-width:1;opacity:.68}.cycle-map__edges line[data-layer=current]{opacity:.26}.cycle-map__edges line[data-layer=next]{stroke:var(--selected-pad-color);stroke-width:1.25;stroke-dasharray:3 3;opacity:.88}.cycle-map__edges path{fill:var(--selected-pad-color)}.cycle-map__node{position:absolute;z-index:4;min-width:70px;min-height:42px;display:grid;grid-template-columns:12px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:3px 7px;padding:6px 8px;translate:-50% -50%;border:1px solid var(--quad-rule-strong);background:var(--quad-map-surface);color:var(--quad-ink);text-align:left;cursor:pointer}.cycle-map__node:hover{border-color:var(--quad-muted)}.cycle-map__node:focus-visible{z-index:8;outline:2px solid var(--selected-pad-color);outline-offset:2px}.cycle-map__node[data-selected=true]{z-index:7;border-color:var(--quad-ink);box-shadow:0 0 0 2px var(--quad-map-surface),0 0 0 3px var(--selected-pad-color)}.cycle-map__node[data-reached=true] .cycle-map__glyph{background:var(--selected-pad-color);border-color:var(--selected-pad-color)}.cycle-map__node[data-change=entering]{border-color:var(--selected-pad-color);color:var(--selected-pad-color)}.cycle-map__node[data-change=leaving]{opacity:.4}.cycle-map__node[data-change=retimed],.cycle-map__node[data-change=rewired],.cycle-map__node[data-change=repitched]{border-style:dashed;border-color:var(--selected-pad-color)}.cycle-map__glyph{grid-row:1 / -1;width:10px;height:10px;display:grid;place-items:center;border:1px solid currentColor;color:var(--quad-on-accent);font:900 .55rem/1 ui-monospace,monospace}.cycle-map__node strong{overflow:hidden;font:700 .6rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.cycle-map__node small{color:var(--quad-muted);font:700 .51rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}.cycle-map__node-id{position:absolute;top:calc(100% + 4px);left:50%;max-width:90px;display:none;padding:2px 4px;translate:-50% 0;background:var(--quad-map-surface);color:var(--quad-muted);font:700 .48rem/1 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.cycle-map__node[data-selected=true] .cycle-map__node-id,.cycle-map__node:focus-visible .cycle-map__node-id{display:block}.cycle-map__ghost{position:absolute;z-index:3;width:14px;height:14px;translate:-50% -50%;border:1px dashed var(--selected-pad-color);background:color-mix(in srgb,var(--selected-pad-color) 12%,var(--quad-map-surface));pointer-events:none}.cycle-trace__footer{min-width:0;display:flex;align-items:center;gap:8px;padding:0 12px;border-top:1px solid var(--quad-rule);color:var(--quad-muted);font:700 .52rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}.cycle-trace__footer span{padding-right:8px;border-right:1px solid var(--quad-rule)}.cycle-trace__footer span:last-child{border-right:0}.cycle-trace__footer span[data-kind=changed]{color:var(--selected-pad-color)}.cycle-flow{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;background:var(--quad-map-surface)}.cycle-flow:after{content:"";position:absolute;z-index:0;right:4%;bottom:16%;left:4%;border-top:1px solid var(--quad-grid);pointer-events:none}.cycle-flow__origin-label,.cycle-flow__quiet-label{position:absolute;z-index:3;color:var(--quad-muted);font:700 .49rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.09em;pointer-events:none}.cycle-flow__origin-label{top:12px;left:12px}.cycle-flow__quiet-label{bottom:calc(16% + 6px);left:12px}.cycle-flow__edges{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cycle-flow__edge{fill:none;stroke:var(--quad-edge);stroke-width:1.15;opacity:.7;vector-effect:non-scaling-stroke}.cycle-flow__edge[data-layer=current]{opacity:.25}.cycle-flow__edge[data-layer=next]{stroke:var(--selected-pad-color);stroke-width:1.35;stroke-dasharray:4 3;opacity:.92}.cycle-flow__node{position:absolute;z-index:4;width:min(var(--cycle-flow-node-width, 16%),104px);height:min(var(--cycle-flow-node-height, 14%),58px);min-height:0;display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;gap:2px 6px;padding:6px 7px;translate:-50% -50%;border:1px solid var(--quad-rule-strong);background:var(--quad-map-surface);color:var(--quad-ink);text-align:left;cursor:pointer}.cycle-flow__node:before{content:"";position:absolute;z-index:-1;top:-7px;right:-11px;bottom:-7px;left:-11px;border:1px solid color-mix(in srgb,var(--selected-pad-color) 24%,transparent);border-radius:48% 54% 45% 57%;rotate:-4deg;pointer-events:none}.cycle-flow__node:nth-of-type(2n):before{rotate:5deg}.cycle-flow__node:hover{border-color:var(--quad-muted)}.cycle-flow__node:focus-visible{z-index:8;outline:2px solid var(--selected-pad-color);outline-offset:3px}.cycle-flow__node[data-selected=true]{z-index:7;border-color:var(--quad-ink);box-shadow:0 0 0 2px var(--quad-map-surface),0 0 0 3px var(--selected-pad-color)}.cycle-flow__node[data-change=entering],.cycle-flow__node[data-change=retimed],.cycle-flow__node[data-change=rewired],.cycle-flow__node[data-change=repitched]{border-color:var(--selected-pad-color)}.cycle-flow__node[data-change=retimed],.cycle-flow__node[data-change=rewired],.cycle-flow__node[data-change=repitched]{border-style:dashed}.cycle-flow__node[data-change=leaving]{opacity:.48}.cycle-flow__node[data-flow-depth="-1"]{opacity:.62;background:var(--quad-surface-raised)}.cycle-flow__node[data-flow-status=outside] .cycle-flow__glyph{border-style:dashed;color:var(--selected-pad-color)}.cycle-flow[data-compact=true] .cycle-flow__node{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;gap:0;padding:2px}.cycle-flow[data-compact=true] .cycle-flow__glyph{grid-row:auto;width:min(16px,82%);min-height:0;aspect-ratio:1;font-size:clamp(.3rem,1cqw,.46rem)}.cycle-flow[data-compact=true] .cycle-flow__node strong,.cycle-flow[data-compact=true] .cycle-flow__node small,.cycle-flow[data-compact=true] .cycle-flow__node-id{display:none}.cycle-flow__glyph{grid-row:1 / -1;width:22px;min-height:22px;display:grid;place-items:center;border:1px solid currentColor;color:var(--quad-muted);font:800 .48rem/1 ui-monospace,monospace}.cycle-flow__node[data-reached=true] .cycle-flow__glyph{border-color:var(--selected-pad-color);background:var(--selected-pad-color);color:var(--quad-on-accent)}.cycle-flow__node strong,.cycle-flow__node small,.cycle-flow__node-id{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cycle-flow__node strong{font:700 .58rem/1 ui-monospace,Cascadia Mono,Consolas,monospace}.cycle-flow__node small{color:var(--quad-muted);font:700 .48rem/1 ui-monospace,monospace}.cycle-flow__node-id{color:color-mix(in srgb,var(--quad-muted) 78%,transparent);font:700 .44rem/1 ui-monospace,monospace}@media(prefers-reduced-motion:no-preference){.cycle-flow__node,.cycle-flow__edge{transition:left .18s ease,top .18s ease,opacity .18s ease,stroke .18s ease}}@container (max-width: 460px){.cycle-trace__header{grid-template-columns:minmax(104px,auto) auto minmax(96px,1fr);gap:8px;padding-inline:10px}.cycle-trace__legend{display:none}}@container (max-width: 350px){.cycle-trace__header{grid-template-columns:auto minmax(96px,1fr)}.cycle-trace__count{display:none}.cycle-flow__node{max-width:74px}}.quad-control-rail{grid-row:5;min-width:0;min-height:148px;display:grid;grid-template-columns:92px minmax(180px,1.2fr) 84px minmax(122px,.85fr) 76px minmax(236px,1.35fr) minmax(330px,1.9fr);grid-template-areas:"identity timing root scale octave pitch motion" "identity range velocity voice voice utility utility";grid-template-rows:repeat(2,minmax(70px,1fr));align-items:stretch;overflow:hidden;border-top:1px solid var(--quad-rule);background:var(--quad-surface-raised)}.quad-control-rail button,.quad-control-rail a{min-height:34px;padding:6px 10px;border:1px solid var(--quad-rule);background:transparent;color:var(--quad-ink);font-size:.68rem;text-decoration:none;white-space:nowrap}.quad-control-rail button:hover,.quad-control-rail a:hover{border-color:var(--selected-pad-color);color:var(--selected-pad-color);opacity:1}.quad-control-rail button:disabled{background:transparent;color:var(--quad-disabled);border-color:var(--quad-rule)}.quad-control-rail__identity{grid-area:identity;width:auto;min-width:0;min-height:0;display:grid;align-content:center;padding:10px 14px;border-right:1px solid var(--quad-rule);border-left:3px solid var(--selected-pad-color)}.quad-control-rail__identity span,.quad-control-rail__identity p{margin:0;color:var(--quad-muted);font:700 .58rem/1.2 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em}.quad-control-rail__identity strong{color:var(--selected-pad-color);font:400 2.5rem/.9 VT323,monospace}.quad-control{min-width:96px;min-height:0;display:grid;align-content:center;gap:8px;padding:10px 12px;border-right:1px solid var(--quad-rule)}.quad-control>span,.quad-control>label,.quad-control--wide>label{display:flex;justify-content:space-between;gap:8px;color:var(--quad-muted);font:700 .66rem/1 ui-monospace,Cascadia Mono,Consolas,monospace}.quad-control output{color:var(--quad-ink);font:inherit}.quad-control select{width:100%;min-height:34px;padding:5px 26px 5px 8px;border:1px solid var(--quad-rule);background-color:var(--quad-bg);color:var(--quad-ink);font-size:.72rem}.quad-control input[type=range]{accent-color:var(--selected-pad-color)}.quad-control--wide{width:min(310px,22vw);min-width:245px}.quad-control--wide button{width:fit-content;min-height:28px;padding-block:4px}.quad-control--node{min-width:132px}.quad-control--node>div{display:grid;grid-template-columns:34px 1fr 34px;align-items:center}.quad-control--node button{min-width:34px;padding:0}.quad-control--node output{text-align:center;color:var(--selected-pad-color);font:700 .85rem/1 ui-monospace,monospace}.quad-control--range,.quad-control--velocity{min-width:150px;flex:1 1 150px}.quad-control--wide{grid-area:timing;width:auto;min-width:0}.quad-control--root{grid-area:root;min-width:0}.quad-control--scale{grid-area:scale;min-width:0}.quad-control--octave{grid-area:octave;min-width:0}.quad-control--range{grid-area:range;min-width:0}.quad-control--velocity{grid-area:velocity;min-width:0}.quad-voice-memory{grid-area:voice;min-width:275px;min-height:0;display:grid;align-content:center;gap:7px;padding:10px 12px;border-right:1px solid var(--quad-rule);flex:1.2 1 275px}.quad-voice-memory>span{color:var(--selected-pad-color);font:700 .66rem/1 ui-monospace,monospace}.quad-voice-memory>div{display:flex;gap:6px}.quad-voice-memory small{color:var(--quad-muted);font-size:.67rem}.quad-control-rail__utility{grid-area:utility;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));align-content:center;gap:6px;padding:10px 12px;flex:1 1 250px}.node-motion{grid-area:motion;width:auto;min-width:0;min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:36px minmax(0,1fr);border-right:1px solid var(--quad-rule);background:color-mix(in srgb,var(--selected-pad-color) 3%,var(--quad-surface-raised))}.node-pitch{grid-area:pitch;min-width:0;min-height:0;display:grid;grid-template-columns:58px repeat(2,minmax(76px,1fr));grid-template-rows:minmax(0,1fr) 18px;border-right:1px solid var(--quad-rule);background:color-mix(in srgb,var(--selected-pad-color) 4%,var(--quad-surface-raised))}.node-pitch>header{grid-row:1 / -1;display:grid;align-content:center;gap:5px;padding:6px;border-right:1px solid var(--quad-rule);color:var(--selected-pad-color);font:800 .56rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.1em}.node-pitch>header button{min-width:0;min-height:24px;padding:3px;font-size:.52rem}.node-pitch>header button[aria-pressed=true]{border-color:var(--selected-pad-color);background:var(--selected-pad-color);color:var(--quad-on-accent)}.node-pitch__stepper{min-width:0;display:grid;grid-template-columns:27px minmax(38px,1fr) 27px;grid-template-rows:17px minmax(0,1fr);align-items:stretch;border-right:1px solid var(--quad-rule)}.node-pitch__stepper>span{grid-column:1 / -1;align-self:end;padding:0 6px 3px;color:var(--quad-muted);font:800 .5rem/1 ui-monospace,monospace;letter-spacing:.08em}.node-pitch__stepper button{min-width:0;min-height:0;padding:0;border-width:1px 0 0}.node-pitch__stepper output{min-width:0;display:grid;place-content:center;border:1px solid var(--quad-rule);border-bottom:0;color:var(--selected-pad-color);text-align:center}.node-pitch__stepper output b{font:800 .7rem/1 ui-monospace,monospace}.node-pitch__stepper output em{color:var(--quad-ink);font:700 .52rem/1 ui-monospace,monospace}.node-pitch>small{grid-column:2 / -1;align-self:center;padding-inline:7px;color:var(--quad-muted);font:700 .48rem/1 ui-monospace,monospace;letter-spacing:.05em}.node-pitch[data-endpoint-enabled=false]{grid-template-columns:58px minmax(92px,1fr)}.node-pitch[data-endpoint-enabled=false]>small{grid-column:2}.node-motion__heading{grid-row:1 / -1;display:grid;place-items:center;border-right:1px solid var(--quad-rule);color:var(--selected-pad-color);font:700 .64rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.12em;writing-mode:vertical-rl;rotate:180deg}.node-motion__modes{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.node-motion__modes button{min-width:0;min-height:36px;padding:4px 6px;border-width:0 1px 1px 0;font-size:.61rem}.node-motion__modes button:last-child{border-right:0}.node-motion__modes button[aria-pressed=true]{background:var(--selected-pad-color);border-color:var(--selected-pad-color);color:var(--quad-bg)}.node-motion__parameters{min-width:0;display:flex;align-items:stretch;overflow:hidden}.node-motion__parameters>button,.node-motion__draw-state{min-width:72px;min-height:0;border-width:0 1px 0 0}.node-motion__draw-state{display:grid;place-items:center;padding:5px 7px;color:var(--selected-pad-color);font:700 .59rem/1.1 ui-monospace,Cascadia Mono,Consolas,monospace;text-align:center}.node-motion__field{min-width:76px;flex:1 1 92px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;gap:2px 6px;padding:6px 8px;border-right:1px solid var(--quad-rule)}.node-motion__field>span{color:var(--quad-muted);font:700 .53rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em}.node-motion__field output{color:var(--quad-ink);font:700 .57rem/1 ui-monospace,Cascadia Mono,Consolas,monospace}.node-motion__field input,.node-motion__field select{grid-column:1 / -1;min-width:0;width:100%;accent-color:var(--selected-pad-color)}.node-motion__field select{min-height:24px;padding:2px 20px 2px 5px;border:1px solid var(--quad-rule);background:var(--quad-bg);color:var(--quad-ink);font-size:.62rem}@media(min-width:1800px){.quad-control-rail{min-height:104px;max-height:110px;grid-template-columns:80px minmax(170px,1.05fr) 74px minmax(112px,.7fr) 68px minmax(230px,1.2fr) minmax(320px,1.9fr) minmax(120px,.8fr) minmax(110px,.72fr) minmax(230px,1.3fr) minmax(235px,1.25fr);grid-template-areas:"identity timing root scale octave pitch motion range velocity voice utility";grid-template-rows:minmax(102px,1fr)}}@media(max-width:1280px){.quad-topbar{grid-template-columns:minmax(200px,.7fr) auto auto minmax(300px,1fr)}.quad-workbench[data-view-mode=single] .quad-topbar{grid-template-columns:minmax(200px,.75fr) auto auto minmax(320px,1fr)}.quad-brand p{display:none}.quad-master-actions button{min-width:82px;padding-inline:10px}.quad-control-rail{min-height:188px;grid-template-columns:86px minmax(170px,1.2fr) 76px minmax(110px,.8fr) 72px minmax(220px,1.5fr);grid-template-areas:"identity timing root scale octave pitch" "identity motion motion motion range velocity" "identity voice voice utility utility utility";grid-template-rows:repeat(3,minmax(60px,1fr))}.quad-control-rail__identity,.quad-control,.quad-voice-memory,.quad-control-rail__utility,.node-motion,.node-pitch{min-height:0}}@media(min-width:721px)and (max-width:1140px){.quad-workbench[data-view-mode=quad] .quad-topbar{grid-template-columns:minmax(170px,.7fr) minmax(292px,auto) auto minmax(280px,1fr)}.quad-workbench[data-view-mode=quad] .quad-brand{padding-inline:12px}.quad-workbench[data-view-mode=quad] .quad-display-tools{grid-template-columns:minmax(112px,2fr) repeat(3,minmax(60px,1fr))}.quad-workbench[data-view-mode=quad] .quad-view-switch{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.quad-workbench[data-view-mode=quad] .quad-view-switch button,.quad-workbench[data-view-mode=quad] .quad-theme-toggle,.quad-workbench[data-view-mode=quad] .quad-label-toggle,.quad-workbench[data-view-mode=quad] .quad-library-toggle{min-width:0;padding-inline:6px;font-size:.62rem}.quad-workbench[data-view-mode=quad] .quad-master-actions button{min-width:72px;padding-inline:6px}.quad-workbench[data-view-mode=quad] .quad-midi-summary{min-width:280px;padding-inline:10px}}@media(min-width:721px){.quad-workbench{height:100svh;overflow:hidden}}@media(max-width:1064px){.quad-workbench{height:auto;overflow:visible;grid-template-rows:auto auto auto auto auto}.quad-topbar,.quad-workbench[data-view-mode=single] .quad-topbar{grid-template-columns:1fr auto}.quad-brand{border-right:0}.quad-display-tools{min-height:58px}.quad-theme-toggle{min-width:72px;padding-inline:10px}.quad-master-actions{grid-column:1 / -1;grid-row:2;border-top:1px solid var(--quad-rule)}.quad-master-actions button{flex:1;min-height:40px}.quad-midi-summary{min-width:360px;grid-column:1 / -1;border-top:1px solid var(--quad-rule)}.quad-status em{display:none}.quad-main-stage,.quad-main-stage[data-view-mode=single],.quad-main-stage[data-view-mode=quad]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(430px,60svh) 300px;overflow:visible}.quad-main-stage>.cycle-trace{border-left:0;border-top:1px solid var(--quad-rule)}.quad-control-rail{min-height:0;max-height:none;grid-template-columns:minmax(92px,.45fr) minmax(190px,1fr);grid-template-areas:"identity timing" "root scale" "octave pitch" "motion motion" "range velocity" "voice voice" "utility utility";grid-template-rows:auto;overflow:visible}}@media(max-width:720px){.quad-workbench{grid-template-rows:auto auto auto auto auto}.quad-topbar{display:flex;flex-wrap:wrap}.quad-brand{min-width:190px;flex:1}.quad-brand>span{font-size:.55rem}.quad-brand h1{font-size:1.7rem}.quad-midi-summary{min-width:100%;border-top:1px solid var(--quad-rule)}.quad-display-tools{width:100%;min-height:48px;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));border-top:1px solid var(--quad-rule)}.quad-view-switch{min-width:0;min-height:48px;grid-template-columns:repeat(2,minmax(0,1fr))}.quad-view-switch button{min-width:0;padding-inline:4px}.quad-theme-toggle,.quad-label-toggle,.quad-library-toggle{min-width:0;min-height:48px;padding-inline:6px}.quad-master-actions{order:3;width:100%}.quad-status{font-size:.62rem}.quad-pad-tabs,.quad-workbench[data-view-mode=single] .quad-pad-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--quad-rule)}.quad-pad-tabs button{min-height:40px;border:0;border-right:1px solid var(--quad-rule);background:var(--quad-bg);color:var(--quad-muted);font:700 .74rem/1 ui-monospace,monospace}.quad-pad-tabs button[data-active=true]{color:var(--quad-pad-color);box-shadow:inset 0 -2px var(--quad-pad-color)}.quad-main-stage,.quad-main-stage[data-view-mode=single],.quad-main-stage[data-view-mode=quad]{grid-template-rows:minmax(430px,62svh) 280px}.quad-control-rail{max-height:none;overflow-y:visible}.cycle-trace[open]{height:min(300px,46svh)}.cycle-trace>summary{grid-template-columns:minmax(150px,auto) minmax(0,1fr);gap:8px;padding-inline:10px}.cycle-trace__title span,.cycle-trace__read-only{display:none}.cycle-trace__header{gap:8px;padding-inline:10px}.cycle-trace__legend{gap:4px;font-size:.48rem}.cycle-trace__legend i{width:11px}.cycle-map__node{min-width:48px;min-height:40px;padding:5px;grid-template-columns:9px minmax(0,1fr);gap:2px 4px}.cycle-map__node strong{font-size:.54rem}.cycle-map__node small{font-size:.46rem}.cycle-trace__summary{text-align:right;font-size:.56rem}.cycle-trace__body{padding-inline:9px}.cycle-trace__scale{margin-left:91px}.cycle-trace__lane{grid-template-columns:80px minmax(0,1fr);column-gap:10px}.cycle-trace__lane>header{padding-right:7px}.cycle-trace__lane>header code,.cycle-trace__lane>header>span:not(.cycle-trace__layer-mark),.cycle-trace__event em{display:none}.cycle-trace__event{min-width:36px;min-height:36px;justify-content:center}.cycle-trace__lane>footer{gap:8px;font-size:.48rem}.cycle-trace__lane>footer span:last-child{display:none}.quad-control-rail__identity{width:84px}.quad-control--wide{flex:1 1 240px;width:auto}.quad-control{flex:1 1 105px}.node-motion{width:100%;min-width:100%;min-height:116px;grid-template-columns:44px minmax(0,1fr)}.node-motion__modes button{min-height:44px}}.quad-control-rail__primary,.quad-control-rail__secondary{display:contents}.quad-control--wide__row{min-width:0;display:grid;grid-template-columns:minmax(64px,1fr) auto;align-items:center;gap:7px}.quad-control--wide__row input{width:100%;min-width:0}.quad-utility-menu{position:relative;min-width:0}.quad-utility-menu>summary{min-height:34px;display:grid;place-items:center;padding:6px 10px;border:1px solid var(--quad-rule);color:var(--quad-muted);font:700 .68rem/1 ui-monospace,Cascadia Mono,Consolas,monospace;cursor:pointer;list-style:none}.quad-utility-menu>summary::-webkit-details-marker{display:none}.quad-utility-menu>summary:hover,.quad-utility-menu[open]>summary{border-color:var(--selected-pad-color);color:var(--selected-pad-color)}.quad-utility-menu>div{position:absolute;z-index:30;right:0;bottom:calc(100% + 5px);width:148px;display:grid;padding:5px;border:1px solid var(--quad-rule-strong);background:var(--quad-surface-raised);box-shadow:0 12px 30px color-mix(in srgb,var(--quad-bg) 60%,transparent)}.quad-utility-menu>div a{display:grid;place-items:center}.quad-workbench[data-view-mode=single] .quad-master-actions button[data-action=toggle-selected]{display:block}.quad-lily-canvas[data-layout=single] .quad-lily-pad__actions button:first-child{display:none}.quad-workbench[data-view-mode=single] .quad-label-toggle[aria-pressed=true]{background:var(--quad-surface-raised);box-shadow:inset 0 -2px var(--selected-pad-color)}.quad-workbench[data-view-mode=single] .quad-voice-memory small,.quad-workbench[data-view-mode=single] .quad-utility-lock{display:none}.quad-workbench[data-view-mode=single] .quad-voice-memory>span,.quad-workbench[data-view-mode=single] .quad-voice-memory>div,.quad-workbench[data-view-mode=single] .quad-voice-memory button{min-width:0}.quad-workbench[data-view-mode=single] .quad-voice-memory>span,.quad-workbench[data-view-mode=single] .quad-voice-memory button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quad-workbench[data-view-mode=single] .node-motion__field{min-width:0}.quad-workbench[data-view-mode=single] .node-motion__parameters>button{min-width:52px}.quad-workbench[data-view-mode=single] .quad-control-rail__utility{grid-template-columns:repeat(3,minmax(0,1fr))}.quad-workbench[data-view-mode=single] .quad-control-rail__utility>button,.quad-workbench[data-view-mode=single] .quad-control-rail__utility>.quad-utility-menu,.quad-workbench[data-view-mode=single] .quad-control-rail__utility .quad-utility-menu>summary{min-width:0}.quad-workbench[data-view-mode=single] .quad-control-rail__utility>button,.quad-workbench[data-view-mode=single] .quad-control-rail__utility .quad-utility-menu>summary{overflow:hidden;padding-inline:4px;text-overflow:ellipsis;white-space:nowrap}.quad-workbench[data-view-mode=quad] .quad-control-rail:has(.quad-utility-menu[open]){overflow:visible}@media(min-width:1100px){.quad-workbench[data-view-mode=single]{height:100svh;min-height:620px;overflow:hidden;grid-template-rows:64px 28px 34px minmax(300px,1fr) 132px}.quad-workbench[data-view-mode=single] .quad-topbar{min-height:64px;grid-template-columns:minmax(180px,.72fr) minmax(300px,auto) 92px minmax(330px,1.2fr)}.quad-workbench[data-view-mode=single] .quad-brand{padding:8px 14px}.quad-workbench[data-view-mode=single] .quad-brand>span{font-size:.56rem}.quad-workbench[data-view-mode=single] .quad-brand h1{font-size:1.65rem}.quad-workbench[data-view-mode=single] .quad-brand p{display:none}.quad-workbench[data-view-mode=single] .quad-view-switch{grid-template-columns:repeat(2,minmax(64px,1fr))}.quad-workbench[data-view-mode=single] .quad-view-switch button,.quad-workbench[data-view-mode=single] .quad-theme-toggle,.quad-workbench[data-view-mode=single] .quad-label-toggle,.quad-workbench[data-view-mode=single] .quad-library-toggle{min-width:62px;padding-inline:7px;font-size:.64rem}.quad-workbench[data-view-mode=single] .quad-master-actions button{width:92px;min-width:92px;padding-inline:8px;font-size:.7rem}.quad-workbench[data-view-mode=single] .quad-midi-summary{padding:5px 10px}.quad-workbench[data-view-mode=single] .quad-midi-summary__heading{gap:6px;font-size:.66rem}.quad-workbench[data-view-mode=single] .quad-midi-summary__controls{gap:6px}.quad-workbench[data-view-mode=single] .quad-midi-summary__controls label:first-child{flex-basis:112px}.quad-workbench[data-view-mode=single] .quad-midi-summary__controls label>span{font-size:.56rem}.quad-workbench[data-view-mode=single] .quad-midi-summary__controls select,.quad-workbench[data-view-mode=single] .quad-midi-summary .quad-icon-button{min-height:27px;height:27px;font-size:.68rem}.quad-workbench[data-view-mode=single] .quad-status{min-height:28px;padding-block:3px}.quad-workbench[data-view-mode=single] .quad-main-stage{grid-template-columns:minmax(460px,3fr) minmax(360px,2fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.quad-workbench[data-view-mode=single] .quad-control-rail{height:132px;min-height:132px;max-height:132px;grid-template-columns:72px minmax(0,1fr);grid-template-rows:repeat(2,66px);grid-template-areas:"identity primary" "identity secondary";overflow:visible}.quad-workbench[data-view-mode=single] .quad-control-rail__identity{grid-area:identity;padding:7px 10px}.quad-workbench[data-view-mode=single] .quad-control-rail__identity strong{font-size:2rem}.quad-workbench[data-view-mode=single] .quad-control-rail__primary{grid-area:primary;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(150px,1fr) 62px minmax(110px,.8fr) 58px minmax(196px,1.22fr) minmax(270px,1.7fr);grid-template-areas:"timing root scale octave pitch motion"}.quad-workbench[data-view-mode=single] .quad-control-rail__secondary{grid-area:secondary;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(130px,.72fr) minmax(245px,1.25fr) minmax(240px,1.25fr);grid-template-areas:"range velocity voice utility"}.quad-workbench[data-view-mode=single] .quad-control,.quad-workbench[data-view-mode=single] .quad-voice-memory,.quad-workbench[data-view-mode=single] .quad-control-rail__utility{padding:5px 8px;gap:5px}.quad-workbench[data-view-mode=single] .quad-control select{min-height:27px;padding-block:3px}.quad-workbench[data-view-mode=single] .quad-control-rail button,.quad-workbench[data-view-mode=single] .quad-control-rail a,.quad-workbench[data-view-mode=single] .quad-utility-menu>summary{min-height:27px;padding:3px 7px;font-size:.66rem}.quad-workbench[data-view-mode=single] .quad-voice-memory{min-width:0;grid-template-columns:minmax(108px,auto) 1fr;align-items:center}.quad-workbench[data-view-mode=single] .quad-voice-memory>div{min-width:0}.quad-workbench[data-view-mode=single] .quad-voice-memory>div button{flex:1;min-width:0}.quad-workbench[data-view-mode=single] .node-pitch{grid-template-columns:48px repeat(2,minmax(70px,1fr));grid-template-rows:48px 16px}.quad-workbench[data-view-mode=single] .node-pitch[data-endpoint-enabled=false]{grid-template-columns:48px minmax(92px,1fr)}.quad-workbench[data-view-mode=single] .node-motion{grid-template-columns:42px minmax(0,1fr);grid-template-rows:30px 36px}.quad-workbench[data-view-mode=single] .node-motion__modes button{min-height:30px}.quad-workbench[data-view-mode=single] .node-motion__field{padding:4px 6px}}@media(min-width:760px)and (max-width:1099px){.quad-workbench[data-view-mode=single]{height:100svh;min-height:670px;overflow:hidden;grid-template-rows:112px 28px 34px minmax(300px,1fr) 196px}.quad-workbench[data-view-mode=single] .quad-topbar{min-height:112px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(290px,auto) 90px;grid-template-rows:58px 54px}.quad-workbench[data-view-mode=single] .quad-brand{grid-column:1;grid-row:1;padding:7px 12px}.quad-workbench[data-view-mode=single] .quad-brand p{display:none}.quad-workbench[data-view-mode=single] .quad-display-tools{grid-column:2;grid-row:1;min-height:58px}.quad-workbench[data-view-mode=single] .quad-master-actions{grid-column:3;grid-row:1;border-top:0}.quad-workbench[data-view-mode=single] .quad-master-actions button{width:90px;min-width:90px}.quad-workbench[data-view-mode=single] .quad-midi-summary{grid-column:1 / -1;grid-row:2;min-width:0;grid-template-columns:minmax(190px,.6fr) minmax(0,1fr);grid-template-rows:1fr;align-items:center;gap:12px;padding:5px 12px;border-top:1px solid var(--quad-rule)}.quad-workbench[data-view-mode=single] .quad-midi-summary__controls select,.quad-workbench[data-view-mode=single] .quad-midi-summary .quad-icon-button{min-height:29px;height:29px}.quad-workbench[data-view-mode=single] .quad-main-stage{grid-template-columns:minmax(420px,3fr) minmax(340px,2fr);grid-template-rows:minmax(0,1fr);overflow:hidden}.quad-workbench[data-view-mode=single] .quad-control-rail{height:196px;min-height:196px;max-height:196px;grid-template-columns:70px minmax(0,1fr);grid-template-rows:126px 70px;grid-template-areas:"identity primary" "identity secondary";overflow:visible}.quad-workbench[data-view-mode=single] .quad-control-rail__identity{grid-area:identity;padding-inline:9px}.quad-workbench[data-view-mode=single] .quad-control-rail__primary{grid-area:primary;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(136px,1fr) 56px minmax(100px,.85fr) 54px minmax(176px,1.25fr);grid-template-rows:64px 62px;grid-template-areas:"timing root scale octave pitch" "motion motion motion motion motion"}.quad-workbench[data-view-mode=single] .quad-control-rail__secondary{grid-area:secondary;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(122px,.7fr) minmax(110px,.65fr) minmax(212px,1.2fr) minmax(205px,1.15fr);grid-template-areas:"range velocity voice utility"}.quad-workbench[data-view-mode=single] .quad-control,.quad-workbench[data-view-mode=single] .quad-voice-memory,.quad-workbench[data-view-mode=single] .quad-control-rail__utility{padding:5px 7px;gap:4px}.quad-workbench[data-view-mode=single] .quad-control select{min-height:27px;padding-block:3px}.quad-workbench[data-view-mode=single] .quad-control-rail button,.quad-workbench[data-view-mode=single] .quad-control-rail a,.quad-workbench[data-view-mode=single] .quad-utility-menu>summary{min-height:27px;padding:3px 6px;font-size:.63rem}.quad-workbench[data-view-mode=single] .quad-voice-memory{min-width:0;grid-template-columns:88px minmax(0,1fr);align-items:center}.quad-workbench[data-view-mode=single] .quad-voice-memory>div button{flex:1;min-width:0}.quad-workbench[data-view-mode=single] .node-pitch{grid-template-columns:46px repeat(2,minmax(66px,1fr));grid-template-rows:48px 14px}.quad-workbench[data-view-mode=single] .node-pitch[data-endpoint-enabled=false]{grid-template-columns:46px minmax(88px,1fr)}.quad-workbench[data-view-mode=single] .node-motion{grid-template-columns:40px minmax(0,1fr);grid-template-rows:29px 33px}.quad-workbench[data-view-mode=single] .node-motion__modes button{min-height:29px}}@media(min-width:760px)and (max-width:899px){.quad-workbench[data-view-mode=single]{height:auto;min-height:100svh;overflow:visible;grid-template-rows:112px 28px 34px auto 196px}.quad-workbench[data-view-mode=single] .quad-main-stage{min-height:700px;grid-template-columns:minmax(0,1fr);grid-template-rows:430px 270px;overflow:visible}.quad-workbench[data-view-mode=single] .quad-main-stage>.cycle-trace{border-left:0;border-top:1px solid var(--quad-rule)}}body>a[href*="www.netlify.com"],body>div:has(>a[href*="www.netlify.com"]),[id*=netlify-badge],[class*=nf-badge]{display:none!important}.library-drawer-layer,.library-drawer-layer *,.library-drawer-layer *:before,.library-drawer-layer *:after{box-sizing:border-box}.library-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) min(520px,100vw);overflow:hidden;color:var(--quad-ink, #f3f1e9);font-family:var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", "Microsoft YaHei", sans-serif)}.library-drawer-backdrop{grid-column:1;width:100%;min-width:0;border:0;border-radius:0;background:color-mix(in srgb,var(--quad-bg, #050607) 54%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:default}.library-drawer{grid-column:2;min-width:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--quad-rule-strong, #3c454b);background:linear-gradient(90deg,color-mix(in srgb,var(--quad-stamen, #ff6b7a) 7%,transparent) 1px,transparent 1px) 23px 0 / 48px 100%,var(--quad-surface, #050607);box-shadow:-20px 0 48px color-mix(in srgb,var(--quad-bg, #050607) 46%,transparent);animation:library-drawer-enter .18s cubic-bezier(.2,.8,.2,1) both}@keyframes library-drawer-enter{0%{transform:translate(18px);opacity:0}to{transform:translate(0);opacity:1}}.library-drawer__header,.library-save,.library-key,.library-tabs{min-width:0;border-bottom:1px solid var(--quad-rule, #252b2f);background:color-mix(in srgb,var(--quad-surface, #050607) 94%,transparent)}.library-drawer{position:relative}.library-toast{position:sticky;top:0;z-index:6;margin:0;padding:8px 12px;border-bottom:1px solid var(--quad-rule-strong, #3c454b);font:700 .74rem/1.35 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif);letter-spacing:.02em}.library-toast--ok{background:color-mix(in srgb,var(--quad-stamen, #66a586) 22%,var(--quad-surface-raised, #f7faf7));color:var(--quad-ink, #1a2420)}.library-toast--err{background:color-mix(in srgb,#c45c5c 18%,var(--quad-surface-raised, #f7faf7));color:#8a2f2f}.library-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px 7px}.library-drawer__header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.library-density{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0}.library-density svg{display:block;width:14px;height:14px;flex-shrink:0}.library-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-drawer__eyebrow,.library-section-label,.library-panel-intro>span,.library-card__index,.library-card__origins,.library-card__author,.library-card__meta{margin:0;color:var(--quad-muted, #818b92);font:700 .65rem/1.2 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif);letter-spacing:.1em;text-transform:uppercase}.library-drawer h2{margin:0;color:var(--quad-ink, #f3f1e9);font:800 1.12rem/.95 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif);letter-spacing:.08em}.library-drawer button,.library-drawer input{min-width:0;border-radius:8px;font:700 .72rem/1.2 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif)}.library-drawer button{border:1px solid var(--quad-rule-strong, #3c454b);background:var(--quad-surface-raised, #0b0e10);color:var(--quad-ink, #f3f1e9);letter-spacing:.05em;cursor:pointer}.library-drawer button:hover:not(:disabled){border-color:var(--quad-stamen, #ff6b7a);color:var(--quad-stamen, #ff6b7a)}.library-drawer button:focus-visible,.library-drawer input:focus-visible,.library-drawer summary:focus-visible{outline:2px solid var(--quad-stamen, #ff6b7a);outline-offset:-3px}.library-drawer button:disabled{border-color:color-mix(in srgb,var(--quad-rule, #252b2f) 74%,transparent);background:transparent;color:var(--quad-disabled, #50575c);cursor:not-allowed}.library-action{padding:6px 10px}.library-action--primary{border-color:var(--quad-stamen, #ff6b7a)!important;background:var(--quad-stamen, #ff6b7a)!important;color:var(--quad-on-accent, #050607)!important}.library-action--primary:hover:not(:disabled){filter:saturate(.92) brightness(1.06)}.library-action--secondary{background:var(--quad-surface-raised, #0b0e10)!important}.library-action--quiet{background:transparent!important}.library-action--danger{color:var(--quad-stamen, #ff6b7a)!important}.library-save{display:flex;align-items:center;gap:6px;padding:7px 12px}.library-save input[aria-label=素材名称]{flex:1 1 120px}.library-drawer input{width:100%;height:30px;padding:0 9px;border:1.5px solid var(--quad-ink, #1a2420);background:var(--quad-surface-raised, #f7faf7);color:var(--quad-ink, #f3f1e9);text-overflow:ellipsis}.library-save__actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.library-import,label.library-action.library-import{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:6px 10px;border:1px solid var(--quad-rule-strong, #3c454b);border-radius:8px;background:var(--quad-surface-raised, #0b0e10)!important;color:var(--quad-ink, #f3f1e9);font:700 .72rem/1.2 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif);letter-spacing:.05em;cursor:pointer;box-sizing:border-box}.library-import:hover{border-color:var(--quad-stamen, #ff6b7a);color:var(--quad-stamen, #ff6b7a)}.library-import input{display:none}.library-export{position:relative}.library-export__menu{position:absolute;right:0;top:calc(100% + 4px);z-index:4;min-width:132px;display:grid;padding:4px;border:1.5px solid var(--quad-ink, #1a2420);border-radius:10px;background:var(--quad-surface-raised, #f7faf7);box-shadow:0 10px 22px color-mix(in srgb,var(--quad-ink) 10%,transparent)}.library-export__menu button{width:100%;text-align:left;padding:7px 8px;border:0!important;background:transparent!important}.library-key{padding:0}.library-key summary{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;color:var(--quad-muted, #818b92);cursor:pointer;list-style:none}.library-key summary::-webkit-details-marker{display:none}.library-key summary:before{content:"+";color:var(--quad-stamen, #ff6b7a)}.library-key[open] summary:before{content:"−"}.library-key summary>span:first-of-type{margin-right:auto}.library-key summary>span:last-child{color:var(--quad-stamen, #ff6b7a);font:700 .62rem/1 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif);letter-spacing:.12em}.library-key>p{margin:0;padding:2px 16px 8px;color:var(--quad-muted, #818b92);font-size:.78rem;line-height:1.5}.library-key__controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;padding:0 16px 10px}.library-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.library-tabs button{min-height:34px;border:0;border-right:1px solid var(--quad-rule, #252b2f);background:var(--quad-surface, #050607)}.library-tabs button:last-child{border-right:0}.library-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--quad-stamen, #ff6b7a) 11%,var(--quad-surface, #050607));box-shadow:inset 0 -3px var(--quad-stamen, #ff6b7a);color:var(--quad-stamen, #ff6b7a)}.library-drawer__body{min-width:0;min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--quad-rule-strong, #3c454b) transparent}.library-drawer__body>section{min-width:0;padding:12px 16px max(20px,env(safe-area-inset-bottom))}.library-panel-intro{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:8px;margin-bottom:8px}.library-panel-intro>span{color:var(--quad-stamen, #ff6b7a)}.library-panel-intro p{margin:0;color:var(--quad-muted, #818b92);font-size:.76rem;line-height:1.5}.library-grid{min-width:0;display:grid;grid-template-columns:repeat(var(--library-grid-cols, 2),minmax(0,1fr));gap:8px}.library-card{--library-card-radius: 10px;min-width:0;display:grid;grid-template-rows:auto 84px auto auto;border:1px solid var(--quad-line, var(--quad-rule, #252b2f));border-radius:var(--library-card-radius);overflow:hidden;background:color-mix(in srgb,var(--quad-surface-raised, #0b0e10) 84%,transparent)}.library-card.is-selected{border-color:var(--quad-ink, #1a2420);box-shadow:0 0 0 1px var(--quad-ink, #1a2420)}.library-card:hover{border-color:var(--quad-rule-strong, #3c454b)}.library-card[data-asset-type=recipe]{border-style:dashed}.library-card__header{min-width:0;min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 7px;border-bottom:1px solid var(--quad-rule, #252b2f)}.library-card__check{display:inline-flex;align-items:center}.library-card__check input{width:13px;height:13px;margin:0;accent-color:var(--quad-ink, #1a2420)}.library-card__index{color:var(--quad-muted, #818b92)}.library-card__author{margin-left:auto;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--quad-stamen, #ff6b7a);font-size:.58rem;letter-spacing:.06em;text-align:right}.library-card__origins{display:inline-flex;flex-wrap:wrap;justify-content:end;gap:4px}.library-card__origins>span{padding:3px 5px;border:1px solid var(--quad-rule-strong, #3c454b);color:var(--quad-stamen, #ff6b7a);font-size:.58rem;letter-spacing:.08em}.library-card__preview{width:100%;height:84px;display:block;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--quad-stamen, #ff6b7a) 5%,transparent),transparent 62%),var(--quad-map-surface, #080a0c);color:var(--quad-stamen, #ff6b7a)}.library-preview__frame{fill:none;stroke:var(--quad-rule, #252b2f);stroke-width:.5;vector-effect:non-scaling-stroke}.library-preview__pad circle{fill:none;stroke:currentColor;stroke-width:.48;opacity:.32;vector-effect:non-scaling-stroke}.library-preview__pad line,.library-preview__workspace>line,.library-preview__free-edge{stroke:var(--quad-rule-strong, #3c454b);stroke-width:.55;vector-effect:non-scaling-stroke}.library-preview__pad rect{fill:var(--quad-ink, #f3f1e9)}.library-preview__pad rect[data-center=true]{fill:var(--quad-stamen, #ff6b7a);stroke:var(--quad-ink, #f3f1e9);stroke-width:.7;vector-effect:non-scaling-stroke}.library-preview__formation-trail,.library-preview__formation-ring{fill:none;stroke:var(--quad-stamen, #ff6b7a);stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.library-preview__formation-trail{stroke-width:.7;stroke-dasharray:2.2 1.4;opacity:.9}.library-preview__formation-ring{stroke-width:.45;opacity:.5}.library-preview__hub-core{fill:var(--quad-stamen, #ff6b7a);stroke:none}.library-preview__hub-label{fill:var(--quad-ink, #0c0e10);font-size:3.4px;font-weight:700;letter-spacing:-.02em;pointer-events:none}.library-preview__dual{fill:color-mix(in srgb,var(--quad-stamen, #ff6b7a) 72%,#fff 28%);stroke:var(--quad-ink, #0c0e10);stroke-width:.25;vector-effect:non-scaling-stroke}.library-preview__node[data-muted=true]>rect:not(.library-preview__dual){opacity:.45}.library-preview__node[data-hidden=true]{opacity:.3}.library-preview__recipe rect{fill:color-mix(in srgb,var(--quad-stamen, #ff6b7a) 9%,transparent);stroke:var(--quad-stamen, #ff6b7a);stroke-width:.55;vector-effect:non-scaling-stroke}.library-preview__recipe text{fill:var(--quad-ink, #f3f1e9);font:6px var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);letter-spacing:.05em}.library-card__copy{min-width:0;padding:6px 8px 5px}.library-card__copy h3{margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--quad-ink, #f3f1e9);font:750 .75rem/1.2 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif)}.library-card__copy p{display:none}.library-card__meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:0;border-top:0;font-size:.58rem;min-width:0}.library-card__meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-card__when{flex:0 0 auto;margin-left:auto;text-align:right;color:var(--quad-muted, #818b92);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:none;white-space:nowrap}.library-card__recipe-steps{margin-top:10px;border-top:1px dashed var(--quad-rule-strong, #3c454b)}.library-card__recipe-steps summary{padding:9px 0 2px;color:var(--quad-stamen, #ff6b7a);font:700 .68rem/1.2 ui-monospace,Cascadia Mono,Consolas,monospace;letter-spacing:.08em;cursor:pointer}.library-card__recipe-steps ol{margin:8px 0 0;padding:0;display:grid;gap:8px;list-style:none}.library-card__recipe-steps li{padding-left:8px;border-left:2px solid color-mix(in srgb,var(--quad-stamen, #ff6b7a) 48%,var(--quad-rule, #252b2f))}.library-card__recipe-steps li>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.library-card__recipe-steps strong{color:var(--quad-ink, #f3f1e9);font:700 .74rem/1.45 ui-monospace,Cascadia Mono,Consolas,monospace}.library-card__recipe-steps li span{color:var(--quad-muted, #818b92);font:700 .7rem/1.3 ui-monospace,Cascadia Mono,Consolas,monospace;white-space:nowrap}.library-card__recipe-steps li p{min-height:0;margin:3px 0 0;display:block;overflow:visible;font-size:.74rem;line-height:1.5;-webkit-line-clamp:initial}.library-card__actions{min-width:0;width:100%;margin:0;padding:0;display:flex;flex-direction:row;align-items:stretch;gap:0;border:0;border-top:1px solid var(--quad-rule, #252b2f);border-radius:0;overflow:hidden;background:transparent}.library-card__actions button{box-sizing:border-box;height:28px;min-height:28px;margin:0;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:0!important;border-radius:0;border-right:1px solid var(--quad-rule, #252b2f)!important;background:var(--quad-surface-raised, #0b0e10)}.library-card__actions button:last-child{border-right:0!important}.library-card__actions>button:first-child{border-bottom-left-radius:calc(var(--library-card-radius) - 1px)}.library-card__actions>button:last-child{border-bottom-right-radius:calc(var(--library-card-radius) - 1px)}.library-card__actions button:hover:not(:disabled){border-color:var(--quad-rule, #252b2f)!important}.library-card__actions>button:only-child{flex:1 1 auto}.library-card__actions [data-action=load]{flex:1 1 auto;min-width:0}.library-card__actions [data-action=publish],.library-card__actions [data-action=delete]{flex:0 0 auto}.library-card__actions [data-action=delete]{padding-inline:7px;max-width:2.6em}.library-card__actions--personal [data-action=load],.library-card__actions--personal [data-action=publish],.library-card__actions--personal [data-action=delete]{flex:1 1 0;width:0;min-width:0;max-width:none;padding-inline:6px}.library-card__actions--personal [data-action=publish]{background:color-mix(in srgb,var(--quad-surface-raised, #0b0e10) 82%,var(--quad-muted, #818b92))!important;color:var(--quad-ink, #f3f1e9)!important}.library-card__actions--personal [data-action=delete]{background:color-mix(in srgb,var(--quad-stamen, #ff6b7a) 14%,var(--quad-surface-raised, #0b0e10))!important;color:var(--quad-stamen, #ff6b7a)!important;max-width:none}.library-empty{min-height:160px;display:grid;place-content:center;justify-items:center;gap:8px;padding:28px;border:1px dashed var(--quad-rule-strong, #3c454b);background:var(--quad-map-surface, #080a0c);text-align:center}.library-empty>span{color:var(--quad-stamen, #ff6b7a);font-size:2.2rem}.library-empty strong{font:700 .82rem/1.3 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif)}.library-empty p{max-width:34ch;margin:0;color:var(--quad-muted, #818b92);font-size:.76rem;line-height:1.5}.library-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:12px;padding:9px 10px;border:1px solid var(--quad-rule-strong, #3c454b);background:var(--quad-status-bg, #111519);color:var(--quad-status-ink, #aeb8bf);font-size:.72rem}.library-notice span{min-width:0;overflow-wrap:anywhere}.library-notice button{padding:7px 9px}@media(max-width:720px){.library-drawer-layer{grid-template-columns:1fr}.library-drawer-backdrop{display:none}.library-drawer{grid-column:1;border-left:0;box-shadow:none}.library-drawer__header{padding:max(12px,env(safe-area-inset-top)) 12px 8px}.library-save{flex-wrap:wrap;padding:8px 12px}.library-save input[aria-label=素材名称]{flex:1 1 100%}.library-key summary{padding-inline:16px}.library-key>p{padding-inline:16px}.library-key__controls{grid-template-columns:1fr 1fr;padding-inline:16px}.library-key__controls input{grid-column:1 / -1}.library-drawer__body>section{padding-inline:16px}.library-panel-intro{grid-template-columns:1fr;gap:5px}}@media(max-width:420px){.library-drawer__header{gap:8px}.library-save__actions{flex-wrap:wrap}.library-tabs button{padding-inline:5px;font-size:.67rem}}@media(max-height:760px){.library-drawer{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.library-drawer__body{overflow:visible}}@media(prefers-reduced-motion:reduce){.library-drawer,.library-drawer-layer *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.library-drawer.is-drag-over{outline:2px dashed var(--quad-stamen, #ff6b7a);outline-offset:-4px}.library-mine-toolbar{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.onboarding-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--quad-bg, #e8efe9) 65%,transparent);-webkit-backdrop-filter:blur(12px) saturate(.82);backdrop-filter:blur(12px) saturate(.82)}.onboarding-card{width:min(820px,100%);max-height:calc(100svh - 24px);overflow:auto;padding:18px;border:1px solid color-mix(in srgb,var(--quad-ink, #17251f) 75%,transparent);border-radius:22px 7px;background:var(--quad-surface-raised, #f7faf7);box-shadow:0 28px 80px #17251f33;scrollbar-width:thin}.onboarding-meta,.onboarding-copy,.onboarding-actions,.onboarding-actions__primary{display:flex;align-items:center}.onboarding-meta{justify-content:space-between;margin:0 3px 9px;color:var(--quad-muted, #5f7268);font:800 10px/1 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif);letter-spacing:.14em}.onboarding-kicker{margin:0;color:var(--quad-ink, #17251f)}.onboarding-copy{justify-content:space-between;gap:18px;margin-bottom:14px;padding:11px 3px 13px;border-bottom:1px solid var(--quad-line, #c5d5cb)}.onboarding-copy>div:first-child{min-width:0}.onboarding-card h2{margin:0 0 4px;color:var(--quad-ink, #17251f);font:800 clamp(1.25rem,2vw,1.65rem)/1.15 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif);letter-spacing:-.03em}.onboarding-card p{max-width:72ch;margin:0;color:var(--quad-muted, #5f7268);font:560 .84rem/1.48 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif)}.onboarding-guide{display:block;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--quad-ink, #17251f) 34%,transparent);border-radius:16px 5px;background:var(--quad-bg, #e8efe9);box-shadow:0 12px 34px #17251f1c}.onboarding-guide>img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;-webkit-user-select:none;user-select:none}.og-context{position:relative;grid-column:1 / -1;height:100px;overflow:hidden;border:1px solid color-mix(in srgb,var(--og-ink) 28%,transparent);border-radius:16px 5px;background:var(--quad-bg, #e8efe9)}.og-context img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:saturate(.9) contrast(.98)}.og-context:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(23,37,31,.5),transparent 28%,transparent 76%,rgba(23,37,31,.1));pointer-events:none}.og-context span{position:absolute;z-index:1;left:12px;bottom:10px;padding:7px 10px;border-radius:10px 3px;background:var(--og-ink);color:#f7faf7;font:800 9px/1 var(--studio-font-ui, sans-serif);letter-spacing:.08em}[data-scene=library] .og-context img{object-position:center top}.og-tile{grid-column:span 4;display:grid;grid-template-rows:minmax(82px,1fr) auto;min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--og-ink) 22%,transparent);border-radius:18px 5px;background:color-mix(in srgb,var(--quad-surface, #dfeae2) 58%,#fff)}.og-tile--wide{grid-column:span 5}.og-tile--hero{grid-column:span 7;grid-row:span 2}.og-tile__image{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;padding:22px 12px 10px;border-bottom:1px solid color-mix(in srgb,var(--og-ink) 16%,transparent);background:linear-gradient(#f7faf733,#f7faf733),var(--quad-bg, #e8efe9)}.og-tile__image img{position:absolute;left:50%;top:50%;display:block;width:auto;height:auto;max-width:calc(100% - 18px);max-height:calc(100% - 16px);object-fit:contain;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--og-coral) 74%,transparent);border-radius:12px 3px;box-shadow:0 10px 28px #17251f21,0 0 0 4px #f7faf7c2;-webkit-user-select:none;user-select:none}.og-tile--hero .og-tile__image img{max-height:calc(100% - 18px)}.og-number{position:absolute;z-index:2;left:9px;top:8px;display:grid;place-items:center;width:38px;height:29px;border-radius:11px 3px;background:var(--og-ink);color:#f7faf7;box-shadow:0 5px 14px #17251f38;font:800 10px/1 var(--studio-font-ui, sans-serif);letter-spacing:.04em}.og-tile--slot-1 .og-number{background:var(--og-coral)}.og-action{position:absolute;z-index:2;right:9px;bottom:9px;max-width:calc(100% - 60px);padding:7px 10px;border:1px solid rgba(247,250,247,.65);border-radius:10px 3px;background:color-mix(in srgb,var(--og-ink) 91%,transparent);color:#f7faf7;box-shadow:0 5px 15px #17251f2e;font:780 10px/1.15 var(--studio-font-ui, sans-serif);letter-spacing:.02em}.og-tile__copy{display:grid;gap:5px;align-content:start;min-height:58px;padding:9px 12px 10px}.og-tile__copy strong{color:var(--og-ink);font-size:13px;line-height:1.18}.og-tile__copy span{color:#587066;font-size:10.5px;line-height:1.42}[data-scene=start] .og-tile--slot-1,[data-scene=start] .og-tile--slot-2{grid-column:span 6}[data-scene=start] .og-tile--slot-3{grid-column:4 / span 6}[data-scene=groups] .og-tile--wide{grid-column:span 5;grid-row:span 2}[data-scene=library] .og-tile--slot-1{grid-column:span 4}[data-scene=library] .og-tile--slot-2{grid-column:span 8;grid-row:auto}[data-scene=library] .og-tile--slot-3{grid-column:4 / span 6}.onboarding-dots{flex:0 0 auto;gap:5px}.onboarding-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--quad-ink, #17251f) 18%,transparent);cursor:pointer;transition:width .18s ease,background .18s ease}.onboarding-dots button[data-active=true]{width:28px;background:var(--quad-ink, #17251f)}.onboarding-dots button:focus-visible{outline:2px solid var(--quad-stamen, #6aa88a);outline-offset:3px}.onboarding-actions{justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--quad-line, #c5d5cb)}.onboarding-actions__primary{gap:7px}.onboarding-skip,.onboarding-back,.onboarding-next{min-height:37px;padding:9px 16px;border-radius:12px 4px!important;font:750 .75rem/1 var(--studio-font-ui, "Plus Jakarta Sans", "DengXian", sans-serif)!important;cursor:pointer}.onboarding-skip{border:0!important;background:transparent!important;color:var(--quad-muted, #5f7268)!important}.onboarding-back{border:1px solid var(--quad-line-strong, #9eb5a8)!important;background:var(--quad-surface-raised, #f7faf7)!important;color:var(--quad-ink, #17251f)!important}.onboarding-next{border:1px solid var(--quad-ink, #17251f)!important;background:var(--quad-ink, #17251f)!important;color:var(--quad-surface-raised, #f7faf7)!important}@media(max-width:900px){.onboarding-layer{padding:7px}.onboarding-card{max-height:calc(100svh - 10px);padding:12px;border-radius:16px 5px}.onboarding-meta span{display:none}.onboarding-copy{align-items:flex-start;margin-bottom:10px}.onboarding-card p{font-size:.76rem}.onboarding-guide{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.og-tile,.og-tile--wide,.og-tile--hero,[data-scene=start] .og-tile,[data-scene=start] .og-tile--slot-2,[data-scene=start] .og-tile--slot-3,[data-scene=groups] .og-tile--wide,[data-scene=library] .og-tile{grid-column:span 1;grid-row:auto}.og-tile__image{min-height:120px}.og-tile--hero .og-tile__image img{max-height:250px}}@media(max-width:540px){.onboarding-guide{grid-template-columns:1fr}.og-tile,.og-tile--wide,.og-tile--hero,[data-scene=start] .og-tile,[data-scene=start] .og-tile--slot-2,[data-scene=start] .og-tile--slot-3,[data-scene=groups] .og-tile--wide,[data-scene=library] .og-tile{grid-column:1}.og-tile__copy{min-height:0}.onboarding-copy{display:grid}.onboarding-dots{margin-top:9px}}@media(prefers-reduced-motion:reduce){.onboarding-dots button{transition:none}}.auth-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--quad-bg, #0d1210) 60%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.auth-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--quad-surface-raised, #f7faf7);border:1.5px solid var(--quad-ink, #1a2420);border-radius:18px;box-shadow:0 24px 64px color-mix(in srgb,var(--quad-ink, #1a2420) 18%,transparent),0 4px 16px color-mix(in srgb,var(--quad-ink, #1a2420) 8%,transparent);overflow:hidden;animation:auth-card-enter .2s cubic-bezier(.2,.8,.2,1) both}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card__header{position:relative;padding:22px 24px 16px;border-bottom:1px solid var(--quad-line, color-mix(in srgb, var(--quad-ink, #1a2420) 15%, transparent))}.auth-card__eyebrow{display:block;font:700 9px / 1 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);letter-spacing:.2em;color:var(--quad-muted, #5a6e67);margin-bottom:4px}.auth-card__title{margin:0;font:800 1.3rem / 1.1 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);color:var(--quad-ink, #1a2420);letter-spacing:.02em}.auth-card__close{position:absolute;top:16px;right:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--quad-line, color-mix(in srgb, var(--quad-ink) 15%, transparent));border-radius:8px;color:var(--quad-muted, #5a6e67);font-size:12px;cursor:pointer;transition:border-color .15s,color .15s}.auth-card__close:hover{border-color:var(--quad-ink, #1a2420);color:var(--quad-ink, #1a2420)}.auth-notice{margin:12px 24px 0;padding:8px 12px;border-radius:8px;font:600 .75rem / 1.4 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif)}.auth-notice--error{background:color-mix(in srgb,#e53e3e 10%,transparent);border:1px solid color-mix(in srgb,#e53e3e 35%,transparent);color:#9b2c2c}.auth-notice--info{background:color-mix(in srgb,var(--quad-stamen, #3db88a) 10%,transparent);border:1px solid color-mix(in srgb,var(--quad-stamen, #3db88a) 30%,transparent);color:color-mix(in srgb,var(--quad-stamen, #3db88a) 80%,var(--quad-ink))}.auth-notice--progress{background:color-mix(in srgb,var(--quad-surface, #e8f0ea) 70%,#ffffff);border:1px solid color-mix(in srgb,var(--quad-ink, #1a2420) 12%,transparent);color:var(--quad-ink, #1a2420);display:flex;align-items:center;justify-content:center;gap:10px}.auth-spinner{width:16px;height:16px;flex:0 0 auto;border-radius:50%;border:2px solid color-mix(in srgb,var(--quad-ink, #1a2420) 18%,transparent);border-top-color:var(--quad-stamen, #3db88a);animation:auth-spin .7s linear infinite}.auth-spinner--on-dark{border-color:color-mix(in srgb,#fff 28%,transparent);border-top-color:#fff}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-form{display:grid;gap:14px;padding:20px 24px 0}.auth-field{display:grid;gap:5px}.auth-field span{font:700 .7rem / 1 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);letter-spacing:.06em;color:var(--quad-muted, #5a6e67);text-transform:uppercase}.auth-field__optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--quad-muted);opacity:.7}.auth-field__hint{font:500 .72rem / 1.35 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--quad-muted, #5a6e67)!important;opacity:.9}.auth-field input{height:40px;padding:0 12px;border:1.5px solid color-mix(in srgb,var(--quad-ink, #1a2420) 20%,transparent);border-radius:10px;background:var(--quad-bg, #f0f7f4);color:var(--quad-ink, #1a2420);font:500 .88rem / 1 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);transition:border-color .15s,box-shadow .15s;outline:none}.auth-field input:focus{border-color:var(--quad-ink, #1a2420);box-shadow:0 0 0 3px color-mix(in srgb,var(--quad-stamen, #3db88a) 18%,transparent)}.auth-field input::placeholder{color:var(--quad-muted, #5a6e67);opacity:.6}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;cursor:pointer;font:700 .82rem / 1 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);letter-spacing:.04em;transition:filter .15s,opacity .15s}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn--primary{width:100%;height:42px;background:var(--quad-ink, #1a2420);border:1.5px solid var(--quad-ink, #1a2420);color:var(--quad-surface-raised, #f7faf7);margin-top:4px}.auth-btn--primary:hover:not(:disabled){filter:brightness(1.12)}.auth-divider{display:flex;align-items:center;gap:10px;padding:16px 24px 0;color:var(--quad-muted, #5a6e67);font:600 .68rem / 1 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);letter-spacing:.1em;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--quad-ink, #1a2420) 14%,transparent)}.auth-oauth{display:grid;grid-template-columns:1fr;gap:8px;padding:10px 24px 0}.auth-btn--oauth{height:40px;background:var(--quad-surface-raised, #f7faf7);border:1.5px solid color-mix(in srgb,var(--quad-ink, #1a2420) 20%,transparent);color:var(--quad-ink, #1a2420);font-size:.8rem}.auth-btn--oauth:hover{border-color:var(--quad-ink, #1a2420);background:color-mix(in srgb,var(--quad-ink, #1a2420) 5%,var(--quad-surface-raised))}.auth-footer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 24px 20px}.auth-link{background:transparent;border:none;color:var(--quad-stamen, #3db88a);font:600 .75rem / 1 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:transparent;transition:text-decoration-color .15s}.auth-link:hover{text-decoration-color:currentColor}.auth-version{margin:0;padding:8px 24px 14px;font:600 .68rem / 1.4 var(--studio-font-ui, "Plus Jakarta Sans", sans-serif);letter-spacing:.06em;color:var(--quad-muted, #5a6e67);opacity:.55;text-align:center}[data-theme=dark] .auth-card,[data-ui-theme=dark] .auth-card{background:var(--quad-surface-raised, #0f1712);border-color:color-mix(in srgb,var(--quad-ink, #d8f0e6) 30%,transparent)}[data-theme=dark] .auth-notice--error,[data-ui-theme=dark] .auth-notice--error{color:#fc8181}[data-theme=dark] .auth-field input{background:var(--quad-bg, #080d0b)}.quad-ui-switcher{position:fixed;bottom:112px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:4px;padding:6px 10px;background:#12161af0;border:1px solid rgba(78,237,178,.45);border-radius:8px;box-shadow:0 4px 20px #0009;font-family:inherit;font-size:11px;color:#e6f0eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:440px;transition:all .2s ease-out}.quad-ui-switcher.is-collapsed{padding:4px 10px;background:#12161ad9}.quad-ui-switcher__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quad-ui-switcher__tag{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8ce6cc;font-size:10px}.quad-ui-switcher__collapse-btn{background:transparent;border:none;color:#a8b8b0;cursor:pointer;padding:2px 4px;font-size:10px;border-radius:4px}.quad-ui-switcher__collapse-btn:hover{color:#fff;background:#ffffff1a}.quad-ui-switcher__buttons{display:flex;gap:4px;margin-top:2px}.quad-ui-switcher__btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#ccd8d2;font-family:inherit;font-size:11px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.quad-ui-switcher__btn:hover{background:#ffffff24;color:#fff;border-color:#ffffff40}.quad-ui-switcher__btn.is-active{background:#1b4d3e;border-color:#4eedb2;color:#fff;font-weight:700;box-shadow:0 0 8px #4eedb24d}.quad-ui-switcher__btn-num{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:3px;background:#0006;font-size:9px;font-weight:800}.quad-ui-switcher__desc{font-size:10px;color:#9eb5aa;line-height:1.35;margin-top:2px;border-top:1px solid rgba(255,255,255,.08);padding-top:4px}.quad-ui-switcher__desc strong{color:#d1f2e5}.quad-cycle-drawer{position:fixed;top:0;right:0;bottom:0;width:440px;max-width:85vw;background:var(--quad-bg, #0d1210);border-left:2px solid var(--quad-border, rgba(140, 200, 180, .3));box-shadow:-8px 0 32px #000000a6;z-index:5000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);overflow:hidden}.quad-cycle-drawer.is-open{transform:translate(0)}.quad-cycle-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--quad-border, rgba(140, 200, 180, .2));background:#00000040}.quad-cycle-drawer__title{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.05em;font-size:13px}.quad-cycle-drawer__close{background:transparent;border:1px solid var(--quad-border, rgba(140, 200, 180, .3));border-radius:4px;color:inherit;padding:4px 10px;cursor:pointer;font-size:11px}.quad-cycle-drawer__close:hover{background:#ffffff1a}.quad-cycle-drawer__content{flex:1;overflow-y:auto;padding:8px}.quad-cycle-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4999}.quad-workbench[data-ui-variant=studio],.quad-workbench[data-ui-variant=floating],.quad-workbench[data-ui-variant=performer]{display:flex!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}.quad-studio-wrapper,.quad-performer-wrapper{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.quad-floating-wrapper{position:relative;height:100%;width:100%;overflow:hidden}[data-ui-variant=studio] .quad-main-stage,[data-ui-variant=floating] .quad-main-stage,[data-ui-variant=performer] .quad-main-stage{grid-template-columns:1fr!important;display:flex!important;flex:1 1 0!important;min-height:0!important;height:100%!important;position:relative;overflow:hidden}[data-ui-variant=studio] .quad-lily-canvas,[data-ui-variant=floating] .quad-lily-canvas,[data-ui-variant=performer] .quad-lily-canvas{height:100%!important;width:100%!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:1fr!important}[data-ui-variant=studio] .quad-main-stage>.quad-cycle-trace,[data-ui-variant=floating] .quad-main-stage>.quad-cycle-trace,[data-ui-variant=performer] .quad-main-stage>.quad-cycle-trace{display:none!important}.quad-workbench[data-ui-variant=studio] .quad-topbar,.quad-workbench[data-ui-variant=studio][data-view-mode=single] .quad-topbar,.quad-workbench[data-ui-variant=studio][data-view-mode=quad] .quad-topbar{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center;justify-content:stretch;min-height:52px;padding:8px 16px;gap:12px;flex-wrap:nowrap}[data-ui-variant=studio] .quad-brand{min-width:0}[data-ui-variant=studio] .quad-brand p{display:none}.quad-workbench[data-ui-variant=studio] .quad-studio-left-cluster{grid-column:1;justify-self:start;z-index:2;display:flex;align-items:center;gap:10px;min-width:0;max-width:calc(50% - 110px);flex-wrap:nowrap;overflow:visible}[data-ui-variant=studio] .quad-studio-left-group{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}[data-ui-variant=studio] .quad-studio-left-cluster .quad-view-switch{flex-shrink:0;display:inline-flex;grid-template-columns:none;border:1px solid var(--quad-line);border-radius:999px;overflow:hidden;border-right:1px solid var(--quad-line)}[data-ui-variant=studio] .quad-studio-left-cluster .quad-view-switch button{min-width:28px;padding:5px 8px;border-right:1px solid var(--quad-line);font:700 var(--studio-fs-control) / 1 var(--studio-font-ui);letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;line-height:0}[data-ui-variant=studio] .quad-studio-left-cluster .quad-view-switch button svg{display:block;flex-shrink:0}[data-ui-variant=studio] .quad-studio-left-cluster .quad-view-switch button.is-active,[data-ui-variant=studio] .quad-studio-left-cluster .quad-view-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--selected-pad-color, var(--quad-stamen)) 12%,var(--quad-surface-raised));color:var(--quad-ink);box-shadow:none}[data-ui-variant=studio] .quad-studio-transport-pair{display:inline-flex;align-items:center;gap:6px}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;pointer-events:none;-webkit-user-select:none;user-select:none;width:max-content;max-width:calc(100% - 48px)}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-mark{width:36px;height:36px;border-radius:10px;object-fit:cover;flex-shrink:0;border:1px solid color-mix(in srgb,var(--quad-ink) 12%,transparent)}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-center h1{margin:0;font:800 var(--studio-fs-brand) / 1 var(--studio-font-ui);letter-spacing:.16em;color:var(--quad-ink);white-space:nowrap}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-center p{margin:0;font:700 9px / 1 var(--studio-font-ui);letter-spacing:.22em;color:var(--quad-muted);white-space:nowrap}[data-ui-variant=studio] .quad-studio-center-cluster{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-start;margin-left:8px}[data-ui-variant=studio] .quad-studio-tabs{display:inline-flex;gap:0;background:transparent;padding:0;border-radius:12px;border:1px solid var(--quad-line);overflow:hidden}.quad-workbench[data-ui-variant=studio] .quad-brand h1,.quad-workbench[data-ui-variant=studio][data-view-mode=single] .quad-brand h1,.quad-workbench[data-ui-variant=studio][data-view-mode=quad] .quad-brand h1,.quad-workbench[data-ui-variant=studio] .quad-studio-brand-center h1{margin:0;font:800 var(--studio-fs-brand) / 1 var(--studio-font-ui);letter-spacing:.14em;color:var(--quad-ink)}[data-ui-variant=studio] .quad-studio-status{padding:3px 14px;font-size:var(--studio-fs-label);font-family:var(--studio-font-ui);display:flex;align-items:center;gap:8px;color:var(--quad-muted);border-bottom:1px solid var(--quad-line)}[data-ui-variant=studio] .quad-studio-tab-btn{background:transparent;border:0;border-right:1px solid var(--quad-line);color:var(--quad-muted);padding:4px 7px;border-radius:0;font-size:var(--studio-fs-control);font-family:var(--studio-font-ui);font-weight:650;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .15s ease,background .15s ease}[data-ui-variant=studio] .quad-studio-tab-btn__dot{font-size:var(--studio-fs-micro)}[data-ui-variant=studio] .quad-studio-tab-btn:last-child{border-right:0}[data-ui-variant=studio] .quad-studio-tab-btn[data-active=true]{background:color-mix(in srgb,var(--selected-pad-color, var(--quad-stamen)) 12%,var(--quad-surface-raised));color:var(--quad-ink);box-shadow:none}[data-ui-variant=studio] .quad-studio-play-btn,[data-ui-variant=studio] .quad-studio-transport-btn,[data-ui-variant=studio] .quad-studio-left-group:has(.quad-drawer-trigger-btn)>.quad-studio-icon-btn,[data-ui-variant=studio] .quad-studio-left-group:has(.quad-studio-icon-btn)>.quad-drawer-trigger-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:auto;min-height:0;width:auto;min-width:0;font-size:var(--studio-fs-control);font-family:var(--studio-font-ui);font-weight:700;letter-spacing:.06em;padding:5px 8px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;border:1px solid var(--quad-line);background:var(--quad-surface-raised);color:var(--quad-ink);box-sizing:border-box;line-height:1}[data-ui-variant=studio] .quad-studio-play-btn svg{flex-shrink:0;display:block}[data-ui-variant=studio] .quad-studio-transport-btn svg,[data-ui-variant=studio] .quad-studio-left-group:has(.quad-drawer-trigger-btn)>.quad-studio-icon-btn svg,[data-ui-variant=studio] .quad-studio-left-group:has(.quad-studio-icon-btn)>.quad-drawer-trigger-btn svg{flex-shrink:0;display:block;width:14px;height:14px}[data-ui-variant=studio] .quad-studio-left-group:has(.quad-drawer-trigger-btn)>.quad-studio-icon-btn:hover,[data-ui-variant=studio] .quad-studio-left-group:has(.quad-studio-icon-btn)>.quad-drawer-trigger-btn:hover,[data-ui-variant=studio] .quad-studio-transport-btn:hover{border-color:var(--selected-pad-color, var(--quad-stamen));color:var(--selected-pad-color, var(--quad-stamen));background:var(--quad-surface-raised)}@media(max-width:1180px){.quad-workbench[data-ui-variant=studio] .quad-studio-left-cluster{gap:10px;max-width:calc(50% - 84px)}[data-ui-variant=studio] .quad-studio-play-btn,[data-ui-variant=studio] .quad-studio-transport-btn{padding:5px 8px;letter-spacing:.02em}}@media(max-width:980px){[data-ui-variant=studio] .quad-studio-play-btn>span,[data-ui-variant=studio] .quad-studio-transport-btn>span{display:none}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-copy{display:none}}[data-ui-variant=studio] .quad-studio-play-btn[data-playing=true]{background:var(--quad-ink);border-color:var(--quad-ink);color:var(--quad-surface-raised)}[data-ui-variant=studio] .quad-studio-play-btn[data-playing=false]{background:var(--quad-surface-raised);border-color:var(--quad-line);color:var(--quad-ink)}[data-ui-variant=studio] .quad-studio-play-btn[data-playing=false]:hover{border-color:var(--selected-pad-color, var(--quad-stamen));color:var(--selected-pad-color, var(--quad-stamen))}[data-ui-variant=studio] .quad-studio-io-group{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}[data-ui-variant=studio] .quad-studio-io-select{display:inline-flex;align-items:center;gap:5px;min-width:110px;max-width:142px;height:30px;padding:0 8px;box-sizing:border-box;background:var(--quad-surface-raised);border:1.5px solid var(--quad-ink);border-radius:10px;color:var(--quad-ink);font-size:var(--studio-fs-control);font-family:var(--studio-font-ui);cursor:pointer;color-scheme:inherit;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}[data-ui-variant=studio] .quad-studio-io-select:hover,[data-ui-variant=studio] .quad-studio-io-select:focus-within{border-color:var(--quad-ink);box-shadow:0 0 0 2px color-mix(in srgb,var(--quad-ink) 12%,transparent)}[data-ui-variant=studio] .quad-studio-io-select--ext{min-width:120px;max-width:150px;gap:6px}[data-ui-variant=studio] .quad-studio-io-select:has(.quad-studio-io-select__refresh){min-width:118px;max-width:145px;padding-right:6px}[data-ui-variant=studio] .quad-studio-io-select__label{flex-shrink:0;font-size:var(--studio-fs-label);color:var(--quad-ink);font-weight:800;letter-spacing:.06em;white-space:nowrap}[data-ui-variant=studio] .quad-studio-io-select__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--quad-muted);flex-shrink:0}[data-ui-variant=studio] .quad-studio-io-select__dot[data-connected=true]{background:var(--quad-stamen)}[data-ui-variant=studio] .quad-studio-io-select__chip{flex:1;min-width:0;background:transparent;border:1px solid currentColor;border-radius:999px;color:inherit;padding:2px 8px;cursor:pointer;letter-spacing:.04em;font:600 var(--studio-fs-micro) / 1.2 var(--studio-font-ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui-variant=studio] .quad-studio-io-select select{flex:1 1 auto;min-width:0;width:100%;max-width:none;background:var(--quad-surface-raised);color:var(--quad-ink);border:0;border-radius:0;font-size:var(--studio-fs-control);font-family:var(--studio-font-ui);font-weight:650;cursor:pointer;padding:2px 0;outline:none;text-overflow:ellipsis;color-scheme:inherit;accent-color:var(--quad-ink)}[data-ui-variant=studio] .quad-studio-io-select .quad-soft-select{flex:1 1 auto;min-width:0;align-self:stretch}[data-ui-variant=studio] .quad-studio-io-select select option,[data-ui-variant=studio] .quad-studio-io-select select optgroup{background:#f7faf7;color:#1a2420;font-family:var(--studio-font-ui)}[data-ui-variant=studio] .quad-studio-io-select select:hover{color:var(--quad-ink)}[data-ui-variant=studio] .quad-studio-io-select__refresh{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-right:-4px;background:transparent;border:none;color:var(--quad-muted);cursor:pointer;padding:0;line-height:1;border-radius:999px}[data-ui-variant=studio] .quad-studio-io-select__refresh:hover{color:var(--quad-ink);background:color-mix(in srgb,var(--quad-ink) 6%,transparent)}[data-ui-variant=studio] .quad-studio-midi-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px 3px 9px;background:var(--quad-surface-raised);border:1px solid var(--quad-line);border-radius:999px;font-size:var(--studio-fs-control);font-family:var(--studio-font-ui);box-shadow:none;max-width:100%;min-width:0;flex-shrink:1}[data-ui-variant=studio] .quad-studio-midi-pill__label{font-size:var(--studio-fs-micro);color:var(--quad-muted);font-weight:650;letter-spacing:.08em;white-space:nowrap}[data-ui-variant=studio] .quad-studio-midi-pill__field{display:inline-flex;align-items:center;gap:3px;min-width:0}[data-ui-variant=studio] .quad-studio-midi-pill__ext{display:inline-flex;align-items:center;gap:4px}[data-ui-variant=studio] .quad-studio-midi-pill__chip{background:transparent;border:1px solid currentColor;border-radius:999px;color:inherit;padding:1px 6px;cursor:pointer;letter-spacing:.04em;font:600 var(--studio-fs-micro) / 1.2 var(--studio-font-ui)}[data-ui-variant=studio] .quad-studio-midi-pill__sep{width:1px;height:12px;background:var(--quad-line);margin:0 1px;flex-shrink:0}[data-ui-variant=studio] .quad-studio-midi-pill__dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--quad-muted);flex-shrink:0}[data-ui-variant=studio] .quad-studio-midi-pill__dot[data-connected=true]{background:var(--quad-stamen)}[data-ui-variant=studio] .quad-studio-midi-pill__refresh{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--quad-muted);cursor:pointer;padding:2px;line-height:1;border-radius:4px}[data-ui-variant=studio] .quad-studio-midi-pill__refresh:hover{color:var(--quad-ink)}[data-ui-variant=studio] .quad-studio-midi-pill select{background:transparent;color:var(--quad-ink);border:0;border-radius:0;font-size:var(--studio-fs-control);font-family:var(--studio-font-ui);font-weight:600;cursor:pointer;padding:1px 2px;outline:none;max-width:96px;min-width:0;text-overflow:ellipsis}[data-ui-variant=studio] .quad-studio-midi-pill__field:last-of-type select{max-width:84px}[data-ui-variant=studio] .quad-studio-midi-pill select:hover{border-color:transparent;color:var(--selected-pad-color, var(--quad-stamen))}.quad-workbench[data-ui-variant=studio] .quad-studio-right-tools{grid-column:2;justify-self:end;z-index:50;display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;max-width:calc(50% - 100px);flex-wrap:nowrap;overflow:visible}[data-ui-variant=studio] .quad-studio-right-sep{width:1px;height:16px;background:var(--quad-line);flex-shrink:0;margin:0 2px}.quad-workbench[data-ui-variant=studio] .quad-studio-right-tools .quad-studio-midi-pill{flex-shrink:1;min-width:0}[data-ui-variant=studio] .quad-drawer-trigger-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:transparent;border:1px solid var(--quad-line);border-radius:999px;color:var(--quad-muted);font-size:var(--studio-fs-label);font-family:var(--studio-font-ui);font-weight:650;letter-spacing:.08em;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}[data-ui-variant=studio] .quad-drawer-trigger-btn:hover{background:var(--quad-surface-raised);border-color:var(--quad-line-strong);color:var(--quad-ink)}[data-ui-variant=studio] .quad-drawer-trigger-btn--labeled{padding:5px 9px}[data-ui-variant=studio] .quad-studio-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--quad-line);border-radius:999px;color:var(--quad-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}[data-ui-variant=studio] .quad-studio-icon-btn:hover,[data-ui-variant=studio] .quad-studio-icon-btn.is-active{background:var(--quad-surface-raised);border-color:var(--quad-line-strong);color:var(--quad-ink)}[data-ui-variant=studio] .quad-studio-settings{position:relative}[data-ui-variant=studio] .quad-studio-settings__menu{position:fixed;top:var(--settings-menu-top, 48px);right:12px;z-index:9000;min-width:248px;padding:8px;background:var(--quad-surface-raised);border:1.5px solid var(--quad-ink);border-radius:14px;box-shadow:0 10px 32px color-mix(in srgb,var(--quad-ink) 14%,transparent)}[data-ui-variant=studio] .quad-studio-settings__item{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:var(--quad-ink);font:650 var(--studio-fs-control) / 1.2 var(--studio-font-ui);letter-spacing:.04em;cursor:pointer;text-align:left}.quad-locale-chip{display:inline-flex;align-items:stretch;overflow:hidden;width:42px;height:18px;border:1px solid var(--quad-ink);border-radius:999px;flex-shrink:0}.quad-locale-chip em{flex:1 1 0;display:grid;place-items:center;margin:0;font:800 8px / 1 var(--studio-font-ui);letter-spacing:0;font-style:normal;color:var(--quad-ink);background:transparent}.quad-locale-chip em[data-on=true]{background:var(--quad-ink);color:var(--quad-surface-raised)}[data-ui-variant=studio] .quad-studio-settings__item:hover{background:color-mix(in srgb,var(--quad-stamen) 10%,var(--quad-surface-raised))}[data-ui-variant=studio] .quad-studio-settings__value{margin-left:auto;color:var(--quad-muted);font-size:var(--studio-fs-micro);letter-spacing:.1em}[data-ui-variant=studio] .quad-status em,[data-ui-variant=studio] .quad-pad-tabs{display:none!important}.quad-workbench select,.node-motion select,.node-pitch select,.quad-sidebar-select,.quad-pro-select{background-repeat:no-repeat!important;background-position:right 6px center!important;background-size:13px 13px!important}[data-ui-variant=studio],.quad-studio-wrapper{--studio-fs-brand: 24px;--studio-fs-section: 11px;--studio-fs-control: 11px;--studio-fs-label: 10px;--studio-fs-value: 11px;--studio-fs-micro: 9px;--studio-font-ui: "Plus Jakarta Sans", "DM Sans", "DengXian", "等线", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;--studio-font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace}.quad-workbench[data-ui-variant=studio],.quad-workbench[data-ui-variant=studio] .quad-lily-canvas{font-family:var(--studio-font-ui)}[data-ui-variant=studio] *:focus,[data-ui-variant=studio] *:focus-visible{outline:none}[data-ui-variant=studio] button:focus-visible,[data-ui-variant=studio] summary:focus-visible,[data-ui-variant=studio] a:focus-visible,[data-ui-variant=studio] input:focus-visible,[data-ui-variant=studio] [role=button]:focus-visible,[data-ui-variant=studio] .quad-soft-select__trigger:focus-visible{outline:none;box-shadow:0 0 0 1.5px var(--selected-pad-color, var(--quad-pad-color, var(--quad-stamen, #c44569)))}[data-ui-variant=studio] .quad-studio-tower__collapse-handle:focus,[data-ui-variant=studio] .quad-studio-tower__collapse-handle:focus-visible{outline:none!important;box-shadow:none!important}.quad-workbench[data-ui-variant=studio] .quad-lily-pad button:focus-visible{outline:none;box-shadow:0 0 0 1.5px var(--quad-pad-color, var(--selected-pad-color))}.quad-workbench[data-ui-variant=studio] button,.quad-workbench[data-ui-variant=studio] input,.quad-workbench[data-ui-variant=studio] select,.quad-workbench[data-ui-variant=studio] a,.quad-workbench[data-ui-variant=studio] .quad-lily-pad button,.quad-workbench[data-ui-variant=studio] .cycle-trace__mode-switch button,.quad-workbench[data-ui-variant=studio] .cycle-trace>summary{font-family:var(--studio-font-ui)}.quad-workbench[data-ui-variant=studio] kbd,.quad-workbench[data-ui-variant=studio] .quad-val-badge,.quad-workbench[data-ui-variant=studio] .quad-scrub-badge,.quad-workbench[data-ui-variant=studio] .quad-pitch-badge,.quad-workbench[data-ui-variant=studio] .quad-lily-node__badge-label{font-family:var(--studio-font-mono)}.quad-studio-body{display:flex;flex:1 1 0;min-height:0;width:100%;height:100%;overflow:hidden;position:relative}.quad-studio-tower{--studio-tower-width: 317px;position:relative;flex:0 0 var(--studio-tower-width);width:var(--studio-tower-width);min-width:28px;max-width:none;height:100%;overflow:visible;z-index:2;display:flex;flex-direction:column;background:var(--quad-surface);border-right:1px solid var(--quad-line);box-sizing:border-box;transition:none}.quad-studio-tower.is-resizing{-webkit-user-select:none;user-select:none}body:has(.quad-studio-tower.is-resizing){cursor:col-resize!important}body:has(.quad-studio-tower.is-resizing) *{cursor:col-resize!important}.quad-studio-tower.is-collapsed,.quad-studio-tower[data-collapsed=true]{flex:0 0 28px;width:28px;max-width:28px;min-width:28px;border-right-color:color-mix(in srgb,var(--quad-line) 70%,transparent);overflow:visible}.quad-studio-tower__resize-handle{position:absolute;right:-4px;z-index:15;width:8px;padding:0;border:0;background:transparent;cursor:col-resize;touch-action:none}.quad-studio-tower__resize-handle--top{top:0;bottom:calc(50% + 40px)}.quad-studio-tower__resize-handle--bottom{top:calc(50% + 40px);bottom:0}.quad-studio-tower__resize-handle:hover,.quad-studio-tower.is-resizing .quad-studio-tower__resize-handle{background:color-mix(in srgb,var(--quad-stamen, #6aa88a) 28%,transparent)}.quad-studio-tower.is-collapsed .quad-studio-tower__resize-handle,.quad-studio-tower[data-collapsed=true] .quad-studio-tower__resize-handle{display:none}.quad-studio-tower__collapse-handle{position:absolute;top:50%;right:0;z-index:20;transform:translate(50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:22px;height:48px;padding:0;border:1px solid var(--quad-line);border-radius:8px;background:var(--quad-surface-raised, var(--quad-surface));color:var(--quad-ink);cursor:pointer;opacity:1;pointer-events:auto;touch-action:manipulation;transition:none;box-shadow:none}.quad-studio-tower__collapse-handle:before{content:"";position:absolute;top:-6px;right:-8px;bottom:-6px;left:-8px}.quad-studio-tower.is-collapsed .quad-studio-tower__collapse-handle,.quad-studio-tower[data-collapsed=true] .quad-studio-tower__collapse-handle{height:48px}.quad-studio-tower__collapse-handle svg{display:block;flex-shrink:0;width:16px;height:16px;position:relative;z-index:1;pointer-events:none}.quad-studio-tower__collapse-handle:hover{border-color:var(--quad-stamen, var(--quad-ink));color:var(--quad-stamen, var(--quad-ink));background:color-mix(in srgb,var(--quad-surface) 85%,var(--quad-stamen, #2f6b4f))}.quad-studio-tower__collapse-handle:focus,.quad-studio-tower__collapse-handle:focus-visible,.quad-studio-tower__collapse-handle:active{outline:none!important;box-shadow:none!important;transform:translate(50%,-50%)!important}.quad-tower-nav{display:flex;padding:6px 8px;gap:4px;background:color-mix(in srgb,var(--quad-surface) 75%,var(--quad-surface-raised));border-bottom:1px solid var(--quad-line);flex-shrink:0}.quad-tower-nav__tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px;font-size:var(--studio-fs-control, 11px);font-weight:650;letter-spacing:.06em;text-transform:uppercase;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--quad-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;text-align:center;font-family:var(--studio-font-ui, inherit)}.quad-tower-nav__tab svg{flex:0 0 auto;opacity:.88}.quad-tower-nav__tab:hover{color:var(--quad-ink);background:transparent}.quad-tower-nav__tab.is-active{background:var(--quad-ink);border-color:var(--quad-ink);border-bottom:1px solid var(--quad-ink);border-radius:999px;box-shadow:0 2px 6px color-mix(in srgb,var(--quad-ink) 8%,transparent);color:#fff}.quad-tower-nav__tab.is-active svg{opacity:1}.quad-studio-tower__params{overflow-y:auto;overflow-x:hidden;padding:8px 14px 10px 8px;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--quad-stamen, #6aa88a) 55%,transparent) transparent;font-family:var(--studio-font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif)}.quad-studio-tower__params.is-full{flex:1 1 0;height:100%}.quad-studio-tower__params.is-split{flex:0 0 auto;max-height:52%;border-bottom:1px solid var(--quad-line)}.quad-studio-tower__params::-webkit-scrollbar,.quad-studio-tower__map::-webkit-scrollbar,.quad-tower-map-body::-webkit-scrollbar,.quad-studio-tower .cycle-trace__body::-webkit-scrollbar{width:6px;height:6px}.quad-studio-tower__params::-webkit-scrollbar-button,.quad-studio-tower__map::-webkit-scrollbar-button,.quad-tower-map-body::-webkit-scrollbar-button,.quad-studio-tower .cycle-trace__body::-webkit-scrollbar-button{display:none;width:0;height:0}.quad-studio-tower__params::-webkit-scrollbar-track,.quad-studio-tower__map::-webkit-scrollbar-track,.quad-tower-map-body::-webkit-scrollbar-track,.quad-studio-tower .cycle-trace__body::-webkit-scrollbar-track{background:transparent}.quad-studio-tower__params::-webkit-scrollbar-thumb,.quad-studio-tower__map::-webkit-scrollbar-thumb,.quad-tower-map-body::-webkit-scrollbar-thumb,.quad-studio-tower .cycle-trace__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--quad-stamen, #6aa88a) 50%,transparent);border-radius:999px}.quad-studio-tower__params::-webkit-scrollbar-thumb:hover,.quad-studio-tower__map::-webkit-scrollbar-thumb:hover,.quad-tower-map-body::-webkit-scrollbar-thumb:hover,.quad-studio-tower .cycle-trace__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--quad-stamen, #6aa88a) 72%,transparent)}.quad-studio-tower__map,.quad-tower-map-body,.quad-studio-tower .cycle-trace__body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--quad-stamen, #6aa88a) 55%,transparent) transparent}.quad-pro-card{--cat-fill: var(--quad-surface-raised);--cat-ink: var(--quad-muted);--cat-accent: var(--quad-stamen);--cat-rail: var(--quad-stamen);background:var(--cat-fill);border:1px solid color-mix(in srgb,var(--quad-line) 90%,transparent);border-left:4px solid var(--cat-rail);border-radius:10px;padding:8px 8px 8px 10px;display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;box-sizing:border-box;box-shadow:0 4px 12px color-mix(in srgb,var(--quad-ink) 3%,transparent)}.quad-pro-card:first-child{border-top:1px solid color-mix(in srgb,var(--quad-line) 90%,transparent);padding-top:8px}.quad-pro-card--tempo{--cat-fill: var(--cat-tempo);--cat-ink: var(--cat-tempo-ink);--cat-accent: var(--cat-tempo-rail);--cat-rail: var(--cat-tempo-rail)}.quad-pro-card--scale{--cat-fill: var(--cat-scale);--cat-ink: var(--cat-scale-ink);--cat-accent: var(--cat-scale-rail);--cat-rail: var(--cat-scale-rail)}.quad-pro-card--node{--cat-fill: var(--cat-node);--cat-ink: var(--cat-node-ink);--cat-accent: var(--cat-node-rail);--cat-rail: var(--cat-node-rail)}.quad-pro-card--motion{--cat-fill: var(--cat-motion);--cat-ink: var(--cat-motion-ink);--cat-accent: var(--cat-motion-rail);--cat-rail: var(--cat-motion-rail)}.quad-pro-card--group{--cat-fill: color-mix(in srgb, #5b8def 14%, transparent);--cat-ink: #2a4a8a;--cat-accent: #5b8def;--cat-rail: #5b8def}.quad-pro-card--tools{--cat-fill: var(--cat-tools);--cat-ink: var(--cat-tools-ink);--cat-accent: var(--cat-tools-rail);--cat-rail: var(--cat-tools-rail);align-items:stretch}.quad-pro-card__header{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px;flex-wrap:wrap}.quad-pro-card__title{font-size:var(--studio-fs-section, 10px);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cat-ink);font-family:var(--studio-font-ui, inherit)}.quad-pro-card__tag{font-size:var(--studio-fs-micro, 9px);font-weight:700;font-family:var(--studio-font-mono, ui-monospace, monospace);color:var(--quad-ink);opacity:.85;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--quad-surface) 70%,#fff);border:1px solid var(--quad-line)}.quad-val-badge{font-family:var(--studio-font-mono, ui-monospace, "Cascadia Mono", monospace);font-size:var(--studio-fs-micro, 9px);font-weight:700;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,#fff 70%,transparent);color:var(--quad-ink);border:1px solid color-mix(in srgb,var(--cat-rail, var(--quad-stamen)) 35%,transparent)}.quad-pro-field{display:flex;flex-direction:column;gap:2px}.quad-pro-field__meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--studio-fs-label, 10px);color:var(--quad-ink);opacity:.9}.quad-pro-field__sublabel{font-weight:700}.quad-pro-slider-wrap{width:100%;display:flex;align-items:center;padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--quad-surface) 55%,#fff)}.quad-pro-slider{width:100%;height:6px;border-radius:999px;accent-color:var(--cat-rail, var(--selected-pad-color, var(--quad-stamen)));cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--cat-rail, var(--quad-stamen)) 28%,var(--quad-line));outline:none}.quad-pro-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--cat-rail, var(--quad-stamen)) 28%,var(--quad-line))}.quad-pro-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4px;border-radius:50%;border:2px solid #fff;background:var(--cat-rail, var(--quad-stamen, #6aa88a));box-shadow:0 1px 3px color-mix(in srgb,var(--quad-ink) 18%,transparent);cursor:pointer}.quad-pro-slider::-moz-range-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--cat-rail, var(--quad-stamen)) 28%,var(--quad-line))}.quad-pro-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:var(--cat-rail, var(--quad-stamen, #6aa88a));box-shadow:0 1px 3px color-mix(in srgb,var(--quad-ink) 18%,transparent);cursor:pointer}.quad-pro-grid-3{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5px;align-items:end}.quad-pro-grid-3__scale{grid-column:1 / -1;min-width:0}.quad-pro-select-label{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--studio-fs-label, 10px);font-weight:700;color:var(--quad-ink);opacity:.9}.quad-pro-select{width:100%;height:26px;font-size:var(--studio-fs-control, 11px);padding:1px 20px 1px 8px;border:1px solid color-mix(in srgb,var(--quad-ink) 10%,transparent);border-radius:999px;background-color:color-mix(in srgb,#fff 78%,transparent)!important;color:var(--quad-ink);font-family:var(--studio-font-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif)!important;letter-spacing:normal!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:12px 12px!important;cursor:pointer}.quad-pro-modes{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.quad-pro-modes--group{grid-template-columns:repeat(3,1fr)}.quad-pro-group-chips{display:flex;flex-wrap:wrap;gap:4px}.quad-pro-group-chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:2px 2px 2px 4px;border-radius:999px;border:1px solid color-mix(in srgb,var(--quad-ink) 10%,transparent);background:color-mix(in srgb,#fff 78%,transparent)}.quad-pro-group-chip.is-primary{border-color:color-mix(in srgb,var(--cat-accent, #5b8def) 55%,transparent);background:color-mix(in srgb,var(--cat-accent, #5b8def) 14%,#fff)}.quad-pro-group-chip__main{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:2px 4px;font:inherit;font-size:9px;font-weight:800;color:var(--quad-ink);cursor:pointer;max-width:72px}.quad-pro-group-chip__index{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;border-radius:999px;background:color-mix(in srgb,var(--quad-ink) 12%,transparent);font-size:8px}.quad-pro-group-chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quad-pro-group-chip__move{display:inline-flex;gap:0}.quad-pro-group-chip__move button{border:0;background:transparent;padding:0 3px;font-size:11px;font-weight:800;line-height:1;color:color-mix(in srgb,var(--quad-ink) 55%,transparent);cursor:pointer}.quad-pro-group-chip__move button:disabled{opacity:.28;cursor:default}.quad-pro-group-order{display:flex;flex-direction:column;gap:4px}.quad-pro-group-order__row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;border:1px solid color-mix(in srgb,var(--quad-ink) 8%,transparent);background:color-mix(in srgb,#fff 70%,transparent)}.quad-pro-group-order__row.is-primary{border-color:color-mix(in srgb,var(--cat-accent, #5b8def) 55%,transparent);background:color-mix(in srgb,var(--cat-accent, #5b8def) 12%,#fff)}.quad-pro-group-order__label{flex:1;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font:inherit;font-size:var(--studio-fs-label, 10px);font-weight:700;color:var(--quad-ink);cursor:pointer;text-align:left}.quad-pro-group-order__index{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--quad-ink) 10%,transparent);font-size:9px;font-weight:800}.quad-pro-group-order__actions{display:flex;gap:2px}.quad-pro-mode-pill{padding:5px 3px;font-size:var(--studio-fs-label, 10px);font-weight:800;border-radius:999px;border:1px solid color-mix(in srgb,var(--quad-ink) 10%,transparent);background:color-mix(in srgb,#fff 72%,transparent);color:var(--quad-ink);cursor:pointer;text-align:center;transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease;font-family:var(--studio-font-ui, inherit)}.quad-pro-mode-pill:hover{transform:translateY(-1px)}.quad-pro-mode-pill.is-active{background:var(--quad-ink);color:#fff;border-color:var(--quad-ink);box-shadow:0 6px 14px color-mix(in srgb,var(--quad-ink) 18%,transparent)}.quad-pro-motion-params{display:flex;flex-direction:column;gap:4px;margin-top:2px;padding-top:6px;border-top:1px dashed color-mix(in srgb,var(--cat-rail, var(--cat-accent)) 40%,transparent)}.quad-pro-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:999px;font-size:var(--studio-fs-control, 11px);font-weight:750;letter-spacing:.04em;border:1px solid color-mix(in srgb,var(--quad-ink) 12%,transparent);background:color-mix(in srgb,#fff 78%,transparent);color:var(--quad-ink);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease;text-align:center;font-family:var(--studio-font-ui, inherit)}.quad-pro-action-btn:hover{transform:translateY(-1px)}.quad-pro-action-btn.is-locked{background:var(--quad-ink);border-color:var(--quad-ink);color:#fff}.quad-pro-action-btn--danger{border-color:color-mix(in srgb,#c45a5a 45%,transparent);color:#a53d3d;background:color-mix(in srgb,#fff 70%,#ffd0d0)}.quad-pro-action-btn--danger:hover{background:color-mix(in srgb,#ffb8b8 35%,#fff)}.quad-pro-mini-btn{padding:3px 8px;font-size:var(--studio-fs-label, 10px);font-weight:750;border-radius:999px;border:1px solid color-mix(in srgb,var(--quad-ink) 12%,transparent);background:color-mix(in srgb,#fff 75%,transparent);color:var(--quad-ink);cursor:pointer;transition:all .15s ease;font-family:var(--studio-font-ui, inherit)}.quad-pro-mini-btn:hover{border-color:var(--cat-accent, var(--quad-stamen));color:var(--cat-ink, var(--quad-stamen))}.quad-pro-mini-btn--accent{border-color:transparent;background:var(--quad-ink);color:#fff}.quad-pro-card__header-actions{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:flex-end}.quad-pro-btn{padding:2px 7px;font-size:var(--studio-fs-label, 10px);font-weight:700;border-radius:3px;border:1px solid var(--quad-line);background:var(--quad-surface);color:var(--quad-ink);cursor:pointer;font-family:var(--studio-font-ui, inherit)}.quad-studio-stage .quad-shortcuts-card{position:absolute;top:48px;right:0;z-index:6;width:176px;max-width:calc(100% - 20px);background:color-mix(in srgb,var(--quad-surface) 94%,#fff);border:1px solid color-mix(in srgb,var(--quad-line) 85%,transparent);border-radius:8px;padding:0;display:flex;flex-direction:column;gap:0;box-shadow:0 4px 14px color-mix(in srgb,var(--quad-ink) 6%,transparent);pointer-events:auto}.quad-shortcuts-card__toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--quad-ink);font:700 var(--studio-fs-label, 10px) / 1 var(--studio-font-ui);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:.78}.quad-shortcuts-card__toggle:hover{opacity:1;color:var(--quad-ink)}.quad-shortcuts-card__toggle-hint{font-size:var(--studio-fs-micro, 9px);font-weight:650;letter-spacing:.04em;opacity:.55}.quad-shortcuts-card__body{display:none;flex-direction:column;gap:3px;padding:6px 10px 8px;border-top:1px solid color-mix(in srgb,var(--quad-line) 70%,transparent)}.quad-shortcuts-card.is-open .quad-shortcuts-card__body{display:flex}.quad-shortcuts-card.is-open .quad-shortcuts-card__toggle{border-radius:8px 8px 0 0;opacity:1}.quad-shortcuts-grid{display:flex;flex-direction:column;gap:4px}.quad-shortcut-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:var(--studio-fs-label, 10px);color:var(--quad-ink)}.quad-shortcut-row>span:last-child{text-align:right;opacity:.78;font-size:var(--studio-fs-micro, 9px);line-height:1.25}.quad-shortcut-badges{display:flex;align-items:center;gap:3px;flex-shrink:0}.quad-shortcut-badges kbd{display:inline-block;padding:1px 4px;font-family:var(--studio-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:var(--studio-fs-micro, 9px);font-weight:700;background:var(--quad-surface);border:1px solid var(--quad-line);border-radius:3px;box-shadow:0 1px #0000001f;color:var(--quad-ink)}.quad-studio-tower .quad-shortcuts-card{display:none}.quad-studio-tower .node-pitch{background:var(--quad-surface)!important;border:1px solid var(--quad-line)!important;border-radius:4px!important;overflow:hidden!important}.quad-studio-tower .node-pitch>header{background:color-mix(in srgb,var(--quad-surface) 90%,var(--quad-ink) 10%)!important;border-right:1px solid var(--quad-line)!important}.quad-studio-tower .node-pitch>small{border-top:1px solid var(--quad-line)!important;background:color-mix(in srgb,var(--quad-surface) 93%,var(--quad-ink) 7%)!important;font-size:var(--studio-fs-micro, 9px)!important}.quad-scrub-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;font-family:var(--studio-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:var(--studio-fs-value, 11px);font-weight:700;border-radius:999px;background:color-mix(in srgb,#fff 80%,transparent);border:1px solid color-mix(in srgb,var(--cat-accent, var(--quad-stamen)) 28%,transparent);color:var(--cat-ink, var(--selected-pad-color, var(--quad-stamen)));cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.quad-scrub-badge:hover{background:#fff;border-color:var(--cat-accent, var(--quad-stamen));box-shadow:0 4px 12px color-mix(in srgb,var(--cat-accent, var(--quad-stamen)) 22%,transparent)}.quad-scrub-badge:active{background:#fff;cursor:ew-resize}.quad-scrub-badge.is-disabled{opacity:.5;cursor:not-allowed}.quad-scrub-badge__text{letter-spacing:-.02em}.quad-scrub-badge__icon{font-size:var(--studio-fs-micro, 9px);opacity:.5;line-height:1}.quad-scrub-wrap.is-editing{display:inline-flex;align-items:center;gap:2px}.quad-scrub-input{width:52px;padding:2px 5px;font-family:var(--studio-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:var(--studio-fs-value, 11px);font-weight:700;text-align:center;background:#fff;border:1px solid var(--cat-accent, var(--selected-pad-color, var(--quad-stamen)));border-radius:999px;color:var(--quad-ink);outline:none;box-shadow:0 0 6px color-mix(in srgb,var(--cat-accent, var(--quad-stamen)) 28%,transparent)}.quad-scrub-unit{font-size:var(--studio-fs-label, 10px);opacity:.7;font-family:var(--studio-font-mono, ui-monospace, monospace)}.quad-pro-pitch-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:color-mix(in srgb,#fff 72%,transparent);border:1px solid color-mix(in srgb,var(--quad-ink) 8%,transparent);border-radius:12px;margin-bottom:2px}.quad-pitch-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-family:var(--studio-font-mono, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:var(--studio-fs-value, 11px);font-weight:800;background:#fff;border:1px solid color-mix(in srgb,var(--cat-accent, var(--quad-stamen)) 30%,transparent);border-radius:999px;color:var(--cat-ink, var(--selected-pad-color, var(--quad-stamen)));cursor:ew-resize;-webkit-user-select:none;user-select:none;transition:all .15s ease}.quad-pitch-badge:hover{border-color:var(--cat-accent, var(--quad-stamen));box-shadow:0 4px 12px color-mix(in srgb,var(--cat-accent, var(--quad-stamen)) 22%,transparent)}.quad-pitch-badge__note{letter-spacing:.02em}.quad-pitch-badge__step{font-size:var(--studio-fs-micro, 9px);opacity:.7}.quad-pro-btn-step{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;border-radius:999px;border:1px solid color-mix(in srgb,var(--quad-ink) 12%,transparent);background:#fff;color:var(--quad-ink);cursor:pointer;padding:0;transition:all .1s ease}.quad-pro-btn-step:hover:not(:disabled){background:var(--quad-ink);border-color:var(--quad-ink);color:#fff}.quad-studio-tower__map{display:flex;flex-direction:column;overflow:hidden;background:var(--quad-map-surface)}.quad-studio-tower__map.is-fullscreen{flex:1 1 0;height:100%}.quad-studio-tower__map.is-split{flex:1 1 0;min-height:260px;height:100%}.quad-tower-map-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;border-bottom:1px solid var(--quad-line);background:color-mix(in srgb,var(--quad-surface) 88%,var(--quad-ink) 12%);min-height:28px;flex-shrink:0}.quad-tower-map-title{font-weight:700;font-size:var(--studio-fs-section, 10px);letter-spacing:.1em;text-transform:uppercase;color:var(--quad-muted);font-family:var(--studio-font-ui, inherit)}.quad-tower-map-body{flex:1 1 0;min-height:220px;height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.quad-tower-map-body .cycle-trace,.quad-studio-tower .cycle-trace,.cycle-trace{width:100%!important;height:100%!important;min-height:220px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;background:var(--quad-map-surface)!important}.quad-studio-tower .cycle-trace__header,.quad-studio-tower .cycle-trace__title,.quad-studio-tower .cycle-trace__count,.quad-studio-tower .cycle-trace__legend,.quad-studio-tower .cycle-trace__footer,.quad-studio-tower .cycle-trace__mode-switch button{font-family:var(--studio-font-ui)!important}.quad-studio-tower .cycle-trace__title strong{font:750 var(--studio-fs-control, 11px) / 1.15 var(--studio-font-ui)!important;letter-spacing:.08em}.quad-studio-tower .cycle-trace__title span{font-size:var(--studio-fs-micro, 9px)!important;letter-spacing:.06em}.quad-studio-tower .cycle-trace__mode-switch button{font:650 var(--studio-fs-control, 11px) / 1 var(--studio-font-ui)!important;letter-spacing:.04em}.quad-studio-tower .cycle-trace__count,.quad-studio-tower .cycle-trace__legend{font:600 var(--studio-fs-label, 10px) / 1.2 var(--studio-font-ui)!important}.quad-studio-tower .cycle-trace__footer{font:600 11px / 1.25 var(--studio-font-ui)!important;letter-spacing:.02em}.quad-tower-map-body .cycle-flow,.quad-tower-map-body .cycle-map,.cycle-flow,.cycle-map{width:100%!important;height:100%!important;min-height:160px!important;position:relative!important;display:block!important;overflow:hidden!important}.quad-studio-tower .cycle-flow__node:before{content:none!important;display:none!important}.quad-studio-tower .cycle-flow__node[data-selected=true]{border-color:var(--selected-pad-color, var(--quad-stamen))!important;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--selected-pad-color, var(--quad-stamen)) 55%,transparent)!important}.quad-studio-tower .cycle-flow__node[data-change=retimed],.quad-studio-tower .cycle-flow__node[data-change=rewired],.quad-studio-tower .cycle-flow__node[data-change=repitched]{border-style:solid!important;border-color:color-mix(in srgb,var(--selected-pad-color) 42%,var(--quad-rule-strong))!important}.quad-studio-tower .cycle-flow__edge[data-layer=next]{stroke-dasharray:3 5!important;opacity:.55!important;stroke-width:1.1!important}.cycle-flow__node[data-reached=true],.cycle-map__node[data-reached=true]{box-shadow:0 0 10px var(--selected-pad-color, #c44569)!important;border-color:var(--selected-pad-color, #c44569)!important;transition:box-shadow .12s ease}.cycle-map__playhead{background:#4eedb2!important;box-shadow:0 0 8px #4eedb2cc!important;width:2px!important}.quad-studio-stage{flex:1 1 0;min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.quad-studio-stage .quad-lily-canvas{width:100%!important;height:100%!important;min-height:0!important;border:none!important}.quad-workbench[data-ui-variant=studio] .quad-lily-pad__ranges circle{stroke-width:.32;opacity:.12}.quad-workbench[data-ui-variant=studio] .quad-lily-pad__ranges circle[data-center=true]{opacity:.2}.quad-workbench[data-ui-variant=studio] .quad-lily-node__selection{stroke:var(--quad-pad-color);stroke-width:.7;stroke-dasharray:none}.quad-workbench[data-ui-variant=studio] .quad-lily-node__badge-label{font-family:var(--studio-font-mono)}.quad-workbench[data-ui-variant=studio] .quad-lily-node__badge-id{font-size:1.2px}.quad-workbench[data-ui-variant=studio] .quad-lily-node__badge-note{font-size:1.55px}.quad-workbench[data-ui-variant=studio] .quad-lily-node__badge-label[data-label-density=compact] .quad-lily-node__badge-id{font-size:.84px}.quad-workbench[data-ui-variant=studio] .quad-lily-node__badge-label[data-label-density=compact] .quad-lily-node__badge-note{font-size:1.14px}.quad-workbench[data-ui-variant=studio] .quad-lily-node[data-active=true] .quad-lily-node__pulse{stroke-width:.55}.quad-workbench[data-ui-variant=studio] .quad-lily-pad__actions button{border-left:1px solid color-mix(in srgb,var(--quad-line) 90%,transparent);font-family:var(--studio-font-ui);letter-spacing:.06em}.quad-workbench[data-ui-variant=studio] .quad-lily-pad__actions button.quad-action--secondary[aria-pressed=true]{background:color-mix(in srgb,var(--quad-ink) 92%,transparent);color:#fff;border-color:var(--quad-ink)}.quad-workbench[data-ui-variant=studio] .quad-pro-action-btn{border-width:1px}.quad-lily-pad__header[data-compact=true]{position:relative;align-items:center;justify-content:flex-start;gap:8px;padding-right:0;flex-wrap:nowrap;overflow:visible;min-height:36px}.quad-lily-pad__header[data-compact=true] .quad-lily-pad__identity{flex:0 0 auto;padding-right:4px;z-index:1}.quad-lily-pad__toolbar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 72px);z-index:2}.quad-lily-pad__hud{position:absolute;left:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border-radius:6px;background:color-mix(in srgb,var(--quad-surface) 72%,transparent);border:1px solid color-mix(in srgb,var(--quad-line) 55%,transparent);color:var(--quad-muted);font-family:var(--studio-font-mono, ui-monospace, Consolas, monospace);pointer-events:none;opacity:.72}.quad-lily-pad__hud-item{display:inline-flex;align-items:baseline;white-space:nowrap}.quad-lily-pad__hud-item+.quad-lily-pad__hud-item:before{content:"·";margin-right:6px;opacity:.55}.quad-lily-pad__hud-item b{font-size:10px;font-weight:600;letter-spacing:.02em;color:color-mix(in srgb,var(--quad-ink) 62%,var(--quad-muted))}.quad-lily-pad__io{display:flex;align-items:center;gap:6px;min-width:0;flex:0 1 auto}.quad-lily-canvas[data-layout=single] .quad-lily-pad__header[data-compact=true] .quad-lily-pad__actions button:first-child{display:inline-flex;align-items:center;justify-content:center}.quad-lily-pad__io-select{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:111px;height:24px;padding:0 6px;box-sizing:border-box;border:1px solid var(--quad-line);border-radius:8px;background:var(--quad-surface-raised, var(--quad-surface));color:var(--quad-ink);cursor:pointer}.quad-lily-pad__io-select--channel{position:relative;max-width:78px;min-width:68px;padding:0 8px 0 5px;gap:3px}.quad-lily-pad__channel-value{flex:1 1 auto;min-width:1.1em;font:700 13px/1 Segoe UI,system-ui,-apple-system,sans-serif!important;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0!important;text-align:center;color:var(--quad-ink);pointer-events:none}.quad-lily-pad__io-select--channel select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quad-lily-pad__io-select:hover,.quad-lily-pad__io-select:focus-within{border-color:var(--quad-pad-color)}.quad-lily-pad__io-select>span{flex:0 0 auto;font:700 9px / 1 var(--studio-font-ui, inherit);letter-spacing:.08em;color:var(--quad-muted);white-space:nowrap}.quad-lily-pad__io-select select{flex:1 1 auto;min-width:0;border:0;outline:none;padding:0;background:transparent;color:var(--quad-ink);font:650 11px/1 Segoe UI,system-ui,-apple-system,sans-serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;cursor:pointer;text-overflow:ellipsis;color-scheme:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quad-lily-pad__io-select select option,.quad-lily-pad__io-select select optgroup{background:#f7faf7;color:#1a2420}.quad-lily-pad__header[data-compact=true] .quad-lily-pad__actions{display:inline-flex;flex:0 0 auto;align-items:stretch;border:1px solid var(--quad-line);border-radius:8px;overflow:hidden;background:var(--quad-surface-raised, var(--quad-surface))}.quad-lily-pad__header[data-compact=true] .quad-lily-pad__actions button,.quad-lily-pad__header[data-compact=true] .quad-lily-pad__icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;width:30px;height:24px;padding:0;border-left:1px solid color-mix(in srgb,var(--quad-line) 90%,transparent);font-size:0;letter-spacing:0}.quad-lily-pad__header[data-compact=true] .quad-lily-pad__actions button:first-child{border-left:0}.quad-lily-pad__header[data-compact=true] .quad-lily-pad__actions button:disabled{color:var(--quad-muted);cursor:not-allowed;opacity:.45}.quad-lily-pad__header[data-compact=true] .quad-lily-pad__icon-btn[aria-pressed=true]{background:color-mix(in srgb,var(--quad-ink) 88%,transparent);color:#fff}.quad-lily-pad__header[data-compact=true] .quad-lily-pad__icon-btn svg{display:block;flex-shrink:0}@media(max-width:1180px){.quad-soft-select--default{width:112px;max-width:112px;min-width:112px;flex-basis:112px}.quad-lily-pad__toolbar{gap:6px;max-width:calc(100% - 56px)}}@media(max-width:980px){.quad-soft-select--default .quad-soft-select__prefix,.quad-soft-select--channel .quad-soft-select__prefix{display:none}.quad-soft-select--default{width:96px;max-width:96px;min-width:96px;flex-basis:96px}.quad-soft-select--channel{width:44px;max-width:44px;min-width:44px;flex-basis:44px}}@media(max-width:720px){.quad-lily-pad__hud{opacity:.55;gap:4px;padding:2px 5px}.quad-lily-pad__hud-item:nth-child(n+3){display:none}}[data-ui-variant=floating]{position:relative;overflow:hidden;height:100vh}[data-ui-variant=floating] .quad-main-stage{grid-template-columns:1fr!important;display:block!important;height:calc(100vh - 80px)!important;border:none!important}[data-ui-variant=floating] .quad-main-stage>.quad-cycle-trace{display:none!important}[data-ui-variant=floating] .quad-topbar,[data-ui-variant=floating] .quad-pad-tabs,[data-ui-variant=floating] .quad-status{display:none!important}.quad-floating-island{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:4000;display:flex;align-items:center;gap:12px;padding:6px 14px;background:#0f1412d9;border:1px solid rgba(140,210,180,.35);border-radius:30px;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;font-size:12px}.quad-floating-island__tabs{display:flex;gap:2px}.quad-floating-island__tab-btn{width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#a0b4aa;font-weight:700;cursor:pointer;font-size:11px}.quad-floating-island__tab-btn[data-active=true]{background:var(--selected-pad-color, #9c27b0);color:#fff}.quad-floating-island__divider{width:1px;height:16px;background:#fff3}.quad-floating-island__play{padding:4px 12px;border-radius:20px;border:none;font-weight:800;font-size:11px;cursor:pointer;color:#fff}.quad-floating-island__play[data-playing=true]{background:#2e7d32}.quad-floating-island__play[data-playing=false]{background:#c2185b}.quad-floating-map-edge{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:4000;background:#121816d9;border:1px solid rgba(140,210,180,.35);border-right:none;border-radius:8px 0 0 8px;padding:10px 6px;color:#8ce6cc;font-weight:700;cursor:pointer;writing-mode:vertical-rl;letter-spacing:.1em;font-size:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:-4px 0 16px #0006}.quad-floating-map-edge:hover{background:#1c2c26f2;color:#fff}.quad-floating-dock{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:4000;display:flex;align-items:center;gap:14px;padding:8px 18px;background:#0f1412eb;border:1px solid rgba(140,210,180,.4);border-radius:24px;box-shadow:0 10px 36px #000000a6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:90vw;color:#fff}[data-ui-variant=performer] .quad-main-stage{grid-template-columns:1fr!important;display:block!important}[data-ui-variant=performer] .quad-main-stage>.quad-cycle-trace{display:none!important}[data-ui-variant=performer] .quad-pad-tabs{display:none!important}.quad-performer-deck-top{display:grid;grid-template-columns:240px 1fr auto;align-items:center;padding:6px 14px;background:#090c0a;border-bottom:2px solid var(--quad-border, #1f362b);gap:16px}.quad-performer-brand{display:flex;align-items:center;gap:8px;font-weight:800;color:#4eedb2;font-size:13px;letter-spacing:.1em}.quad-performer-center-deck{display:flex;align-items:center;justify-content:center;gap:16px}.quad-performer-pads{display:flex;gap:4px}.quad-performer-pad-trigger{padding:6px 12px;font-weight:800;font-size:12px;background:#141b17;border:1px solid #2e4438;color:#b0c4b8;border-radius:4px;cursor:pointer}.quad-performer-pad-trigger[data-active=true]{background:var(--selected-pad-color, #d81b60);border-color:#ff80ab;color:#fff;box-shadow:0 0 10px #ff80ab66}.quad-performer-play-switch{padding:8px 20px;font-size:13px;font-weight:900;letter-spacing:.08em;border-radius:6px;border:2px solid;cursor:pointer;display:flex;align-items:center;gap:8px}.quad-performer-play-switch[data-playing=true]{background:#1b5e20;border-color:#69f0ae;color:#fff;box-shadow:0 0 12px #69f0ae80}.quad-performer-play-switch[data-playing=false]{background:#880e4f;border-color:#ff4081;color:#fff}.quad-performer-bottom-grid{display:grid;grid-template-columns:280px 320px 1fr;gap:10px;padding:8px 12px;background:#090c0a;border-top:2px solid var(--quad-border, #1f362b);box-sizing:border-box}.quad-performer-card{background:#ffffff08;border:1px solid rgba(140,200,180,.18);border-radius:6px;padding:6px 10px;display:flex;flex-direction:column;justify-content:space-between}.quad-performer-card__title{font-size:10px;font-weight:700;color:#8ce6cc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.quad-user-area{position:relative}.quad-user-signin-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:10px;border:1.5px solid var(--quad-ink);background:var(--quad-ink);color:var(--quad-surface-raised, #f7faf7);font-family:var(--studio-font-ui);font-size:var(--studio-fs-label, .65rem);font-weight:800;letter-spacing:.06em;cursor:pointer;transition:filter .15s;white-space:nowrap}.quad-user-signin-btn:hover{filter:brightness(1.15)}.quad-user-avatar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--quad-stamen) 50%,transparent);background:color-mix(in srgb,var(--quad-stamen) 10%,var(--quad-surface-raised));color:var(--quad-stamen);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.quad-user-avatar-btn:hover,.quad-user-avatar-btn.is-active{border-color:var(--quad-stamen);box-shadow:0 0 0 3px color-mix(in srgb,var(--quad-stamen) 15%,transparent);background:color-mix(in srgb,var(--quad-stamen) 16%,var(--quad-surface-raised))}.quad-user-menu{position:fixed;top:var(--user-menu-top, 48px);right:12px;z-index:9000;min-width:220px;background:var(--quad-surface-raised, #f7faf7);border:1.5px solid color-mix(in srgb,var(--quad-ink) 18%,transparent);border-radius:14px;box-shadow:0 12px 40px color-mix(in srgb,var(--quad-ink) 14%,transparent),0 2px 8px color-mix(in srgb,var(--quad-ink) 8%,transparent);overflow:hidden;animation:auth-card-enter .15s cubic-bezier(.2,.8,.2,1) both}.quad-user-menu__profile{display:flex;align-items:center;gap:10px;padding:14px 16px}.quad-user-menu__avatar{color:var(--quad-stamen);flex-shrink:0}.quad-user-menu__info{display:flex;flex-direction:column;gap:2px;min-width:0}.quad-user-menu__name{font-family:var(--studio-font-ui);font-size:.82rem;font-weight:800;color:var(--quad-ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quad-user-menu__email{font-family:var(--studio-font-ui);font-size:.68rem;font-weight:500;color:var(--quad-muted, #5a6e67);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quad-user-menu__sep{margin:0;border:none;border-top:1px solid color-mix(in srgb,var(--quad-ink) 10%,transparent)}.quad-user-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:none;color:var(--quad-ink);font-family:var(--studio-font-ui);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .12s}.quad-user-menu__item:hover{background:color-mix(in srgb,var(--quad-ink) 5%,var(--quad-surface-raised))}.quad-user-menu__item--danger{color:#d9534f}.quad-user-menu__item--danger:hover{background:color-mix(in srgb,#d9534f 8%,var(--quad-surface-raised))}.quad-user-menu__stats{display:grid;gap:8px;padding:4px 16px 12px}.quad-user-menu__stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.quad-user-menu__stats span{font:700 9px / 1 var(--studio-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--quad-muted)}.quad-user-menu__stats strong{font:750 .82rem / 1.2 var(--studio-font-ui);color:var(--quad-ink)}.quad-user-menu__edit{justify-self:start;width:max-content;padding:0!important;border:0!important;background:transparent!important;color:var(--quad-muted)!important;font:650 .72rem / 1 var(--studio-font-ui)!important;text-decoration:underline;cursor:pointer}.quad-user-menu__account{display:flex;flex-direction:column;gap:8px;padding:10px 16px 12px}.quad-user-menu__account label{display:flex;flex-direction:column;gap:4px;font-family:var(--studio-font-ui);font-size:var(--studio-fs-micro, 9px);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--quad-muted, #5a6e67)}.quad-user-menu__account input{width:100%;height:30px;padding:0 9px;box-sizing:border-box;border:1.5px solid color-mix(in srgb,var(--quad-ink) 18%,transparent);border-radius:8px;background:color-mix(in srgb,var(--quad-surface-raised, #f7faf7) 92%,var(--quad-ink));color:var(--quad-ink);font-family:var(--studio-font-ui);font-size:.75rem;font-weight:650;outline:none}.quad-user-menu__account input:focus{border-color:var(--quad-stamen);box-shadow:0 0 0 2px color-mix(in srgb,var(--quad-stamen) 18%,transparent)}.quad-user-menu__account button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;border:1.5px solid var(--quad-ink);border-radius:8px;background:var(--quad-ink);color:var(--quad-surface-raised, #f7faf7);font-family:var(--studio-font-ui);font-size:.72rem;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:filter .15s ease}.quad-user-menu__account button:hover{filter:brightness(1.08)}.quad-user-menu__account button:disabled{opacity:.45;cursor:not-allowed;filter:none}.quad-studio-body[data-sidebar-collapsed=true] .quad-studio-stage,.quad-studio-stage[data-sidebar-collapsed=true]{align-items:center;justify-content:center}.quad-studio-body[data-sidebar-collapsed=true] .quad-studio-stage>.quad-lily-canvas,.quad-studio-stage[data-sidebar-collapsed=true]>.quad-lily-canvas{margin-inline:auto;align-self:center;justify-self:center;place-content:center}@media(min-width:1600px){.quad-studio-body[data-sidebar-collapsed=true] .quad-studio-stage>.quad-lily-canvas[data-layout=single],.quad-studio-stage[data-sidebar-collapsed=true]>.quad-lily-canvas[data-layout=single]{width:min(100%,1480px)!important}}.quad-studio-wrapper{max-width:100vw;overflow-x:clip}@media(max-width:1180px){.quad-workbench[data-ui-variant=studio] .quad-studio-brand-mark{width:28px;height:28px;border-radius:8px}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-center h1{font-size:15px;letter-spacing:.1em}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-center p{letter-spacing:.14em}.quad-workbench[data-ui-variant=studio] .quad-studio-right-tools{gap:8px;max-width:calc(50% - 84px)}[data-ui-variant=studio] .quad-studio-io-group{gap:6px}[data-ui-variant=studio] .quad-studio-io-select{min-width:0}[data-ui-variant=studio] .quad-studio-io-select select{max-width:76px}}@media(max-width:980px){.quad-workbench[data-ui-variant=studio] .quad-studio-brand-mark{width:24px;height:24px;border-radius:7px}[data-ui-variant=studio] .quad-studio-io-select__label{display:none}[data-ui-variant=studio] .quad-studio-io-select select{max-width:64px}.quad-workbench[data-ui-variant=studio] .quad-studio-left-cluster,.quad-workbench[data-ui-variant=studio] .quad-studio-right-tools{max-width:calc(50% - 22px)}}@media(max-width:880px){.quad-workbench[data-ui-variant=studio] .quad-topbar,.quad-workbench[data-ui-variant=studio][data-view-mode=single] .quad-topbar,.quad-workbench[data-ui-variant=studio][data-view-mode=quad] .quad-topbar{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;row-gap:8px;padding:8px 10px}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-center{position:static;transform:none;order:-1;width:auto;max-width:none;margin-right:auto}.quad-workbench[data-ui-variant=studio] .quad-studio-brand-copy{display:none}.quad-workbench[data-ui-variant=studio] .quad-studio-left-cluster,.quad-workbench[data-ui-variant=studio] .quad-studio-right-tools{max-width:100%;flex-wrap:wrap;row-gap:6px;justify-self:auto;justify-content:flex-start}.quad-studio-body{flex-direction:column}.quad-studio-tower{flex:0 0 auto;width:100%;max-width:none;height:auto;max-height:46vh;border-right:0;border-bottom:1px solid var(--quad-line)}.quad-studio-tower.is-collapsed,.quad-studio-tower[data-collapsed=true]{flex:0 0 28px;width:100%;max-width:none;min-width:0;height:28px}.quad-studio-tower__collapse-handle{top:auto;bottom:-1px;right:50%;transform:translate(50%,50%) rotate(90deg)}.quad-studio-stage{min-height:58vh}.quad-studio-stage .quad-shortcuts-card{top:auto;bottom:8px;right:8px}}