.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}:root{color:#f3f5ed;font-synthesis:none;text-rendering:optimizelegibility;--bg:#080a0f;--surface:#10131a;--surface-raised:#161a22;--surface-soft:#1c2029;--line:#292e39;--line-bright:#3b424f;--ink:#f3f5ed;--muted:#9299a7;--dim:#656c78;--acid:#d8ff5f;--cyan:#65ddff;--coral:#ff795c;--violet:#a88cff;--danger:#ff6b73;--radius:13px;--shadow:0 20px 55px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080a0f;font-family:Inter,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--acid);outline-offset:3px}a{color:var(--acid);text-decoration:none}a:hover{text-decoration:underline}button{background:0 0;border:0}input,select,textarea{color:var(--ink)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell{background:var(--bg);grid-template-rows:64px 62px minmax(0,1fr) 30px;width:100%;height:100dvh;display:grid;overflow:hidden}.studio-shell:fullscreen{height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:3;background:#0b0e14;justify-content:space-between;align-items:center;gap:20px;padding:0 22px;display:flex}.brand{align-items:center;gap:11px;min-width:260px;display:flex}.brand-mark{width:36px;height:36px;color:var(--acid);background:linear-gradient(145deg,#22291a,#10151b);border:1px solid #414b2b;border-radius:10px;place-items:center;display:grid}.brand>div{flex-direction:column;gap:5px;display:flex}.brand strong{letter-spacing:.12em;font-size:14px;font-weight:750}.brand>div>span{letter-spacing:.135em;color:var(--muted);font-size:8px}.version-tag{color:var(--dim);border:1px solid var(--line);border-radius:4px;align-self:flex-start;margin-top:4px;padding:2px 4px;font:9px ui-monospace,monospace}.mode-switch{border:1px solid var(--line);background:#080a10;border-radius:9px;gap:3px;padding:4px;display:flex}.mode-switch button{min-width:83px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:600;display:flex}.mode-switch button:hover{color:var(--ink)}.mode-switch button.active{color:var(--acid);background:#242a1c;box-shadow:inset 0 0 0 1px #414b2b}.topbar-actions{justify-content:flex-end;gap:5px;min-width:260px;display:flex}.icon-button{width:30px;height:30px;color:var(--muted);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--surface-soft);color:var(--ink)}.icon-button.danger:hover{color:var(--danger)}.projectbar{border-bottom:1px solid var(--line);background:#0e1118;align-items:center;gap:16px;padding:0 22px;display:flex}.eyebrow{letter-spacing:.14em;color:var(--dim);font-size:9px;font-weight:600}.preset-select{align-items:center;gap:13px;display:flex;position:relative}.preset-select select{appearance:none;cursor:pointer;background:0 0;border:0;max-width:260px;padding:8px 24px 8px 0;font-size:12px;font-weight:600}.preset-select>svg{pointer-events:none;color:var(--muted);position:absolute;right:3px}.preset-select option{background:var(--surface)}.project-actions{border-left:1px solid var(--line);align-items:center;gap:1px;padding-left:12px;display:flex}.saved-label{color:var(--dim);margin-left:8px;font-size:10px}.transport{align-items:center;gap:6px;margin-left:auto;display:flex}.play-button{background:var(--surface-soft);border:1px solid var(--line-bright);border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.play-button.playing{color:var(--acid);border-color:#697f36}.transport-time{min-width:143px;color:var(--ink);padding-left:5px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.transport-time>span{color:var(--dim);font-size:10px}.audio-button{border:1px solid var(--acid);background:var(--acid);color:#17200b;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:117px;padding:8px 12px;font-size:11px;font-weight:650;display:flex}.audio-button.enabled{color:var(--acid);background:#20281a;border-color:#3c4b2b}.panic-button{width:29px;height:29px;color:var(--coral);border:1px solid #453028;border-radius:6px;place-items:center;margin-left:3px;display:grid}.panic-button:hover{background:#43201c}.workspace{min-width:0;min-height:0;display:flex;overflow:hidden}.operator-library{border-right:1px solid var(--line);background:#0d1016;flex-direction:column;flex:none;width:207px;display:flex}.operator-library>header{justify-content:space-between;align-items:center;padding:17px 14px 10px;display:flex}.count-badge{color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);border-radius:4px;padding:2px 4px;font:9px ui-monospace,monospace}.library-search{border:1px solid var(--line);color:var(--dim);background:#161a22;border-radius:6px;align-items:center;gap:8px;margin:2px 11px 10px;padding:8px 9px;display:flex}.library-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:11px}.library-content{scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent;flex:1;padding:0 8px 16px;overflow:auto}.library-content h2{color:var(--dim);letter-spacing:.045em;text-transform:uppercase;margin:17px 8px 6px;font-size:9px;font-weight:600}.library-node{text-align:left;color:#c8cdd7;border-radius:5px;align-items:center;gap:8px;width:100%;padding:8px;font-size:10px;display:flex}.library-node>svg:first-child{color:var(--node-accent);opacity:.8;flex:none}.library-node>svg:last-child{color:var(--dim);opacity:0;margin-left:auto}.library-node:hover{background:var(--surface-soft);color:var(--ink)}.library-node:hover>svg:last-child{opacity:1}.operator-library>footer{border-top:1px solid var(--line);align-items:center;gap:9px;padding:12px 15px;display:flex}.operator-library>footer p{color:var(--dim);margin:0;font-size:9px;line-height:1.6}.operator-library>footer strong{color:var(--muted);font-weight:400}.morph-symbol{color:var(--violet);font:italic 29px Georgia,serif;transform:rotate(-8deg)}.empty-search{color:var(--muted);padding:10px;font-size:12px}.graph-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.panel-heading{border-bottom:1px solid var(--line);height:42px;color:var(--muted);flex:none;align-items:center;gap:8px;padding:0 14px;font-size:10px;display:flex}.panel-heading>span:not(.panel-title):not(.live-badge){color:var(--dim);margin-left:auto;font:9px ui-monospace,monospace}.panel-heading>.icon-button{width:24px;height:24px;margin-left:auto}.panel-title{color:#c1c7d2;align-items:center;gap:7px;font-size:11px;display:flex}.subtle-button{color:var(--muted);align-items:center;gap:6px;padding:5px 0;font-size:10px;display:inline-flex}.subtle-button:hover{color:var(--acid)}.graph-editor{flex:1;min-width:0;min-height:260px;position:relative}.react-flow__pane{cursor:grab}.react-flow__controls{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:7px;overflow:hidden}.react-flow__controls-button{border-bottom:1px solid var(--line)!important;background:var(--surface)!important;fill:var(--muted)!important;width:26px!important;height:26px!important}.react-flow__controls-button:hover{background:var(--surface-soft)!important}.react-flow__minimap{border:1px solid var(--line);border-radius:7px;background:var(--surface)!important;width:110px!important;height:72px!important;margin:12px!important}.react-flow__edge.selected path,.react-flow__edge:hover path{stroke-width:3px}.graph-legend{pointer-events:none;color:var(--dim);gap:12px;font-size:8px;display:flex;position:absolute;top:13px;left:15px}.graph-legend span{align-items:center;gap:5px;display:flex}.graph-legend i{border-radius:50%;width:5px;height:5px}.graph-diagnostic{color:#edc19a;background:#281e15;border:1px solid #614831;border-radius:6px;max-height:70px;padding:8px 10px;font-size:10px;position:absolute;bottom:14px;left:53px;right:139px;overflow:auto}.operator-node{background:var(--surface);border:1px solid #343944;border-radius:9px;width:226px;overflow:visible;box-shadow:0 5px 24px #0005}.operator-node.selected{border-color:var(--node-accent);box-shadow:0 0 0 1px var(--node-accent),0 7px 28px #0008}.operator-node.inactive{opacity:.5}.node-header{border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--node-accent) 9%,#151922),#10131a);border-radius:8px 8px 0 0;align-items:center;gap:9px;padding:12px;display:flex}.node-header>svg{color:var(--node-accent)}.node-header>div{flex-direction:column;gap:4px;display:flex}.node-header strong{font-size:12px;font-weight:600}.node-header small{color:var(--muted);font-size:8px}.node-status{background:var(--node-accent);width:5px;height:5px;box-shadow:0 0 7px color-mix(in srgb,var(--node-accent) 40%,transparent);border-radius:50%;margin-left:auto;display:block}.inactive .node-status{background:var(--dim);box-shadow:none}.node-ports{grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px;display:grid}.port-row{color:#aab2c0;align-items:center;min-height:22px;font-size:9px;display:flex;position:relative}.port-row.output{text-align:right;justify-content:flex-end}.port-row .react-flow__handle{border:2px solid var(--bg);border-radius:50%;width:8px;min-width:8px;height:8px;min-height:8px;top:50%}.port-row.input .react-flow__handle{left:-17px}.port-row.output .react-flow__handle{right:-17px}.node-parameters{padding:0 12px 7px}.node-footer{border-top:1px solid var(--line);color:var(--dim);justify-content:space-between;padding:7px 10px;font:8px ui-monospace,monospace;display:flex}.node-footer>span{color:var(--muted)}.node-view-button{background:var(--surface-soft);border:1px solid var(--line);width:100%;color:var(--violet);border-radius:5px;align-items:center;gap:7px;padding:7px;font-size:9px;display:flex}.node-device-actions{color:var(--muted);flex-direction:column;gap:5px;margin:5px 10px;font-size:9px;display:flex}.node-device-button{color:var(--acid);background:#1a2418;border:1px solid #384333;border-radius:5px;margin:4px 8px;padding:6px 8px;font-size:9px}.node-connection-hint{color:var(--muted);margin:5px 12px 9px;font-size:9px}.parameter-control{flex-direction:column;gap:7px;min-width:0;padding:9px 0 7px;display:flex}.parameter-control.compact{gap:5px;padding:6px 0 4px}.parameter-heading{align-items:center;gap:5px;min-height:14px;display:flex}.parameter-heading label{color:#bec4ce;flex:1;min-width:0;font-size:10px}.parameter-heading output{color:var(--ink);white-space:nowrap;font:10px ui-monospace,monospace}.compact .parameter-heading label,.compact .parameter-heading output{font-size:9px}.pin-button{color:var(--dim);place-items:center;padding:2px;display:grid}.pin-button:hover{color:var(--acid)}input[type=range]{appearance:none;cursor:ew-resize;touch-action:none;background:0 0;width:100%;height:14px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#353d49;border-radius:4px;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--node-accent,var(--acid));border:1px solid #0004;border-radius:2px;width:8px;height:12px;margin-top:-4.5px}input[type=range]::-moz-range-track{background:#353d49;border-radius:4px;height:3px}input[type=range]::-moz-range-thumb{background:var(--node-accent,var(--acid));border:0;border-radius:2px;width:7px;height:11px}.parameter-control select,.text-parameter{border:1px solid var(--line);background:#0b0e14;border-radius:5px;width:100%;min-width:0;padding:5px 7px;font:10px ui-monospace,monospace}.wired-hint{color:var(--cyan);font-size:8px;line-height:1.4}.is-wired input[type=range]::-webkit-slider-thumb{background:var(--cyan)}.performance-panel{border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent;background:#0e1118;flex:none;width:390px;max-width:42%;overflow:auto}.performance-panel.expanded{border-left:0;flex:1;width:100%;max-width:none}.performance-panel>.panel-heading{z-index:2;background:#11151d;position:sticky;top:0}.live-badge{letter-spacing:.08em;color:var(--dim);align-items:center;gap:5px;margin-left:auto;font:8px ui-monospace,monospace;display:flex}.live-badge i,.status-dot{background:var(--dim);border-radius:50%;width:5px;height:5px;display:inline-block}.live-badge i.live,.status-dot.live{background:var(--acid);box-shadow:0 0 7px #d8ff5f44}.performance-heading{padding:22px 20px 12px}.performance-heading .eyebrow{color:#79858b;font-size:8px}.performance-heading h1{letter-spacing:-.035em;margin:9px 0 6px;font-size:23px;font-weight:450}.performance-heading p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.performance-surface{padding:13px 19px 17px}.performance-grid{--columns:12;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-auto-rows:52px;gap:8px;display:grid;position:relative}.surface-widget{background:#151923;border:1px solid #29313b;border-radius:7px;flex-direction:column;min-width:0;padding:7px 10px;display:flex;position:relative;overflow:hidden}.surface-widget>.parameter-control{flex:1;justify-content:center;padding:0}.surface-widget .parameter-heading{gap:4px}.surface-widget .parameter-heading label{font-size:10px}.surface-widget .parameter-heading output{font-size:9px}.widget-view{background:#0b1018;border-color:#303645;padding:0}.widget-meter{padding:8px 10px}.instrument-view{width:100%;height:100%;min-height:110px;position:relative;overflow:hidden}.instrument-view svg{touch-action:none;cursor:ew-resize;width:100%;height:calc(100% - 27px);min-height:90px;display:block}.instrument-view svg[role=img]{cursor:default}.view-caption{height:27px;color:var(--muted);border-top:1px solid #252e39;justify-content:space-between;align-items:center;gap:5px;padding:0 10px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.view-caption>span:last-child{color:var(--dim);font-size:7px}.view-empty{text-align:center;color:var(--muted);pointer-events:none;font-size:10px;position:absolute;top:45%;left:0;right:0}.level-widget{flex-direction:column;justify-content:center;gap:6px;height:100%;display:flex}.level-widget>div:first-child{color:var(--muted);justify-content:space-between;gap:8px;font-size:9px;display:flex}.level-widget output{color:#c7ccd4;font:9px ui-monospace,monospace}.level-widget meter{appearance:none;background:#2a333f;border:none;border-radius:1px;width:100%;height:5px}.level-widget meter::-webkit-meter-bar{background:#2a333f;border:0;border-radius:1px;height:5px}.level-widget meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,var(--cyan),var(--acid));transition:width 50ms}.level-widget meter::-moz-meter-bar{background:var(--acid)}.meter-ticks{color:var(--dim);justify-content:space-between;font:7px ui-monospace,monospace;display:flex}.compact .performance-grid{grid-auto-rows:52px}.compact .surface-widget.widget-view{grid-area:auto/1/span 5/-1!important}.compact .surface-widget:not(.widget-view){grid-area:auto/span 6!important}.compact .surface-widget.widget-meter{grid-column:1/-1!important}.performance-tip{border-top:1px solid var(--line);color:var(--dim);gap:10px;margin:0 20px 22px;padding:13px 0;display:flex}.performance-tip>svg{flex:none;margin-top:2px}.performance-tip p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.performance-tip button{color:var(--acid);align-items:center;gap:4px;padding:4px 0;font-size:10px;display:inline-flex}.expanded .performance-heading{max-width:1060px;margin:auto;padding-top:30px}.expanded .performance-heading h1{font-size:32px}.expanded .performance-surface{max-width:1060px;margin:auto;padding-top:20px}.expanded .performance-grid{grid-auto-rows:70px}.expanded .parameter-heading label{font-size:12px}.expanded .parameter-heading output{font-size:11px}.expanded .surface-widget{padding:10px 15px}.expanded .widget-view{padding:0}.expanded .view-caption{height:34px;font-size:10px}.expanded .view-caption>span:last-child{font-size:9px}.expanded .instrument-view svg{height:calc(100% - 34px)}.arrange-help{color:var(--muted);padding:0 0 15px;font-size:11px}.arranging .performance-grid{background-image:radial-gradient(#485260 1px,#0000 1px);background-size:16px 16px;min-height:500px}.arranging .surface-widget{border-style:dashed;border-color:#677448;min-height:70px;padding-top:24px;padding-bottom:16px;overflow:visible}.arranging .widget-view{padding-left:0;padding-right:0}.widget-arrange-bar{height:22px;color:var(--acid);z-index:1;background:#1a211a;border-bottom:1px dashed #485333;align-items:center;gap:5px;padding:0 5px;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.widget-arrange-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widget-arrange-bar button{place-items:center;padding:2px;display:grid}.widget-arrange-bar button:last-child{margin-left:auto}.widget-drag{cursor:grab;touch-action:none}.widget-layout-actions{height:15px;color:var(--muted);justify-content:flex-end;gap:4px;display:flex;position:absolute;bottom:1px;left:4px;right:4px}.widget-layout-actions button{place-items:center;padding:1px;display:grid}.widget-layout-actions button:hover{color:var(--acid)}.widget-resize{touch-action:none;cursor:nwse-resize}.surface-empty{text-align:center;color:var(--muted);padding:50px 20px}.surface-empty>svg{color:var(--violet)}.surface-empty h3{color:var(--ink);font-size:18px;font-weight:400}.surface-empty p{font-size:12px;line-height:1.6}.missing-widget p{color:var(--coral);font-size:10px}.inspector{border-top:1px solid var(--line);background:#10151c;padding:17px 20px 24px}.inspector>header{justify-content:space-between;align-items:center;display:flex}.inspector h2{margin:6px 0 0;font-size:16px;font-weight:450}.inspector>p{color:var(--muted);font-size:11px;line-height:1.6}.inspector .parameter-control{border-bottom:1px solid #252c36;padding:12px 0}.inspector-ports{flex-direction:column;gap:7px;margin-top:15px;display:flex}.inspector-ports>span{color:var(--dim);justify-content:space-between;gap:10px;font-size:10px;display:flex}.inspector-ports code{color:var(--muted);font:9px ui-monospace,monospace}.statusbar{border-top:1px solid var(--line);color:var(--muted);z-index:2;background:#0a0d12;justify-content:space-between;align-items:center;gap:10px;padding:0 15px;font-size:9px;display:flex}.statusbar>span:first-child{align-items:center;gap:6px;display:flex}.status-detail{color:var(--dim)}.local-status{letter-spacing:.12em;color:var(--dim);font:7px ui-monospace,monospace}.statusbar>button{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.statusbar>button:hover{color:var(--acid)}.notice{width:max-content;max-width:min(650px,100vw - 40px);box-shadow:var(--shadow);z-index:12;background:#1b2118;border:1px solid #5c6343;border-radius:8px;align-items:center;gap:15px;padding:10px 12px;font-size:11px;line-height:1.6;display:flex;position:fixed;bottom:45px;left:50%;transform:translate(-50%)}.notice[role=alert]{background:#2b171c;border-color:#6b393c}.notice button{color:var(--muted);padding:3px}.app-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line-bright);box-shadow:var(--shadow);border-radius:14px;width:min(580px,100vw - 32px);max-height:calc(100dvh - 40px);padding:23px}.app-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.app-dialog>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.app-dialog h2{margin:0;font-size:20px;font-weight:450}.help-content p,.help-content li,.connections-content>p{color:var(--muted);font-size:12px;line-height:1.8}.help-content ol{padding-left:20px}.help-content li{padding:5px 0}.help-content a{align-items:center;gap:6px;font-size:12px;display:inline-flex}.connection-card{border-top:1px solid var(--line);padding:16px 0}.connection-card h3{margin:0 0 6px;font-size:13px}.connection-card p{color:var(--muted);font-size:11px;line-height:1.5}.secondary-button{border:1px solid var(--line-bright);background:var(--surface-soft);color:var(--ink);border-radius:5px;margin-right:10px;padding:8px 11px;font-size:11px}.secondary-button:hover{border-color:var(--acid)}.connection-card input,.connection-card select{background:var(--bg);border:1px solid var(--line-bright);border-radius:5px;width:100%;margin:6px 0 10px;padding:8px;font-size:11px}.connection-card label{color:var(--muted);font-size:10px;display:block}.connection-note{font-size:10px!important}@media (min-width:1550px){.performance-panel{width:440px}.operator-library{width:225px}.performance-heading{padding-top:26px}.performance-heading h1{font-size:26px}.library-node{font-size:11px}}@media (max-width:1150px){.brand{min-width:210px}.topbar-actions{min-width:130px}.operator-library{width:180px}.performance-panel{width:335px}.projectbar{gap:8px;padding:0 14px}.preset-select>.eyebrow,.saved-label,.transport-time>span{display:none}.transport-time{min-width:53px;font-size:11px}.performance-heading h1{font-size:20px}.performance-surface{padding-left:12px;padding-right:12px}.performance-heading{padding-left:13px}.library-node{font-size:9px}}@media (max-width:850px){.studio-shell{grid-template-rows:60px 59px minmax(0,1fr) 32px}.topbar{gap:8px;padding:0 12px}.brand{min-width:0}.brand strong{font-size:11px}.brand>div>span{font-size:6px}.brand-mark{width:30px;height:30px}.version-tag{display:none}.topbar-actions{gap:0;min-width:0}.mode-switch button{min-width:0;padding:7px 9px;font-size:10px}.mode-switch button>svg{display:none}.operator-library{width:160px}.graph-panel .panel-heading>span{display:none}.performance-panel{width:300px;max-width:44%}.project-actions{padding-left:5px}.projectbar{gap:5px;padding:0 10px}.preset-select select{max-width:180px;font-size:10px}.transport{gap:3px}.audio-button{min-width:99px;padding:8px;font-size:10px}.graph-legend{gap:7px}.graph-legend span{font-size:7px}.react-flow__minimap{display:none}.graph-diagnostic{right:12px}.local-status{display:none}.expanded .performance-heading{padding-top:20px}.expanded .performance-grid{grid-auto-rows:66px}.expanded .surface-widget{padding:8px}.expanded .widget-view{padding:0}}@media (max-width:650px){.studio-shell{grid-template-rows:64px auto minmax(0,1fr) 36px;height:auto;min-height:100dvh;overflow:visible}.topbar{flex-wrap:wrap;gap:5px;padding:8px 12px}.brand>div>span{display:none}.brand{gap:6px}.brand strong{letter-spacing:.08em;font-size:10px}.brand-mark{width:26px;height:28px}.brand-mark svg{width:19px}.mode-switch{gap:1px;padding:2px}.mode-switch button{padding:7px 8px;font-size:9px}.topbar-actions .icon-button{width:25px;height:28px}.projectbar{flex-wrap:wrap;gap:9px;padding:10px 12px}.preset-select{flex:1}.preset-select select{width:100%;max-width:none;padding:3px 20px 3px 0;font-size:12px}.project-actions{border:0;margin-left:auto}.transport{border-top:1px solid var(--line);gap:8px;width:100%;margin:0;padding-top:8px}.audio-button{min-width:120px;min-height:40px;margin-left:auto;font-size:11px}.play-button,.panic-button{width:40px;height:40px}.transport>.icon-button{width:36px;height:36px}.transport-time{min-width:42px;font-size:12px}.workspace{flex-direction:column;display:flex;overflow:visible}.operator-library{border-right:0;border-bottom:1px solid var(--line);width:100%;max-height:205px}.operator-library>header{padding:10px 13px 5px}.library-search{margin:3px 12px 6px}.library-content{gap:8px;min-height:86px;padding:3px 12px 10px;display:flex;overflow:auto}.library-content section{flex-wrap:wrap;align-content:start;gap:3px;min-width:230px;max-width:310px;display:flex}.library-content h2{width:100%;margin:3px 0;font-size:8px}.library-node{background:var(--surface);border:1px solid var(--line);border-radius:6px;width:auto;padding:8px;font-size:10px}.library-node svg:last-child,.operator-library>footer{display:none}.graph-panel{flex:none;min-height:420px}.graph-editor{flex:none;height:380px}.performance-panel{border:0;border-top:1px solid var(--line);width:100%;max-width:none;overflow:visible}.performance-heading{padding:19px 16px 8px}.performance-heading h1{font-size:25px}.performance-surface{padding:12px 15px 17px}.performance-grid,.expanded .performance-grid{grid-auto-rows:62px}.performance-grid .surface-widget.widget-view{grid-area:auto/1/span 5/-1!important}.performance-grid .surface-widget:not(.widget-view){grid-area:auto/span 6!important}.performance-grid .surface-widget.widget-meter{grid-column:1/-1!important}.expanded .performance-surface{padding-top:12px}.expanded .performance-heading h1{font-size:25px}.surface-widget .parameter-heading label{font-size:11px}.surface-widget .parameter-heading output{font-size:10px}input[type=range]{height:23px}.parameter-control select,.text-parameter{min-height:29px;font-size:11px}.statusbar{height:36px;position:sticky;bottom:0}.statusbar>button{min-height:32px}.notice{font-size:10px;bottom:43px}.mode-perform .topbar-actions{display:none}.mode-perform .brand{margin-right:auto}.arranging .performance-grid{min-height:600px}.arranging .widget-arrange-bar{height:26px}.arranging .surface-widget{min-height:86px;padding-top:27px;padding-bottom:18px}.widget-layout-actions{gap:6px;height:18px}.widget-layout-actions button{min-width:20px}.view-caption{font-size:9px}.view-caption>span:last-child{font-size:8px}.arrange-help{font-size:10px;line-height:1.6}}@media (pointer:coarse){.audio-button,.play-button,.panic-button{min-width:48px;min-height:48px}input[type=range]::-webkit-slider-thumb{width:14px;height:18px;margin-top:-7.5px}.pin-button{min-width:24px;min-height:24px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.react-flow__edge.animated path{animation:none!important}}.connection-field{color:var(--muted);gap:7px;margin:14px 0;font-size:12px;display:grid}.connection-field input,.connection-field select{box-sizing:border-box;width:100%;min-width:0;color:var(--ink);font:inherit;background:#0c0f15;border:1px solid #303541;border-radius:5px;padding:9px 10px}.connection-routes{color:#d8ff5f;flex-wrap:wrap;gap:6px;margin:10px 0;font-size:10px;display:flex}.connection-routes span{border:1px solid #333d22;border-radius:4px;padding:5px 7px}.connection-error{color:#ffac91!important}.view-bindings{border-top:1px solid #262c35;padding:12px 0}.view-bindings h3{margin:0;font-size:12px}.react-flow__edge.selected .react-flow__edge-path{filter:drop-shadow(0 0 4px #b8d4ff70);stroke-width:3.5px!important}.node-footer{overflow-wrap:anywhere;gap:8px}.node-header strong{overflow-wrap:anywhere}.node-parameters>.shapes-playhead-controls{max-height:310px;overflow:auto}.object-identity{flex-direction:column;gap:6px;margin:12px 0;font-size:11px;display:flex}.object-identity input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:5px;padding:8px}.object-identity code{color:var(--muted);overflow-wrap:anywhere;font-size:9px}.preset-library{gap:12px;padding:18px;display:grid}.preset-card{border:1px solid var(--line);border-radius:8px;padding:12px}.preset-card h3{margin:0 0 5px;font-size:14px}.preset-card p{color:var(--muted);font-size:12px;line-height:1.5}.preset-card-actions{gap:10px;display:flex}.preset-library-tools{flex-wrap:wrap;gap:8px;padding:16px 18px 0;display:flex}.preset-library-tools button{align-items:center;gap:7px;display:flex}.shapes-playhead-controls{height:100%;min-height:0;color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent;flex-direction:column;gap:12px;padding:12px;display:flex;overflow:auto}.playheads-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.playheads-heading>div{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.playheads-heading strong{font-size:12px;font-weight:550}.playheads-heading span{color:var(--muted);font-size:10px}.playheads-global-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;display:grid}.playhead-choice{min-width:0;color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.playhead-choice select{border:1px solid var(--line-bright);color:var(--ink);width:100%;min-width:0;min-height:30px;font:inherit;background:#0c1119;border-radius:5px;padding:5px 7px;font-size:11px}.playheads-global-controls>.parameter-control{min-width:0;padding:0}.playheads-spacing-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.playheads-spacing-actions>span{color:var(--muted);margin-right:auto;font-size:10px}.playheads-spacing-actions button{border:1px solid var(--line-bright);color:var(--ink);border-radius:5px;align-items:center;gap:4px;padding:5px 7px;font-size:10px;display:inline-flex}.playheads-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.playhead-row{border:1px solid color-mix(in srgb,var(--head-color) 30%,var(--line));background:#10151d;border-radius:6px;min-width:0;margin:0;padding:8px 10px}.playhead-row legend{color:var(--head-color);align-items:center;gap:5px;padding:0 4px;font-size:10px;display:flex}.playhead-number{background:var(--head-color);color:#080d12;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid}.playhead-live-direction{color:var(--muted);margin-left:4px;font-size:8px}.playhead-row-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.playhead-row-options .playhead-choice>span{font-size:9px}.playhead-row-options .playhead-choice:last-child:nth-child(3){grid-column:1/-1}.playhead-phase{color:var(--muted);flex-direction:column;gap:3px;padding-top:8px;font-size:9px;display:flex}.playhead-phase>span{justify-content:space-between;gap:8px;display:flex}.playhead-phase output{color:var(--head-color);font:10px ui-monospace,monospace}.playhead-phase input{width:100%;accent-color:var(--head-color);margin:0}.playhead-phase input:disabled{opacity:.6}.playhead-phase small{color:var(--cyan);font-size:9px}.playheads-help{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.shapes-playhead-controls.compact .playheads-global-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shapes-playhead-controls.compact .playheads-list{grid-template-columns:1fr}.operator-node .dense-node-controls{scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent;max-height:135px;overflow:auto}.operator-node .dense-node-controls>.shapes-playhead-controls{height:auto;max-height:none;padding:8px 0;overflow:visible}.node-inspector-button{text-align:left;width:100%;color:var(--acid);border-top:1px solid var(--line);padding:7px 10px;font-size:9px;display:block}.surface-widget.widget-playheads{padding:0}.performance-surface.compact .surface-widget.widget-playheads{grid-area:auto/1/span 8/-1!important}.expanded .surface-widget.widget-playheads{padding:0}@media (max-width:650px){.playheads-global-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.playheads-list{grid-template-columns:1fr}.performance-surface .performance-grid .surface-widget.widget-playheads{grid-area:auto/1/span 8/-1!important}.playhead-choice select{min-height:36px;font-size:12px}.playhead-phase input{min-height:30px}.playheads-spacing-actions button{min-height:34px}}.shape-view-tools{border-bottom:1px solid var(--line);background:#10151d;align-items:center;gap:4px;height:34px;padding:4px 7px;display:flex}.shape-view-tools button{color:var(--muted);border-radius:4px;min-height:24px;padding:5px 7px;font-size:9px}.shape-view-tools button[aria-pressed=true]{color:var(--acid);background:#252c23}.shape-view-tools button:disabled{opacity:.35}.shape-view-tools .show-playhead-controls{color:var(--acid);margin-left:auto}.instrument-view.shape-instrument-view>svg{height:calc(100% - 61px)}.expanded .instrument-view.shape-instrument-view>svg{height:calc(100% - 68px)}.shape-instrument-view g[role=slider]:focus{outline:none}.shape-instrument-view g[role=slider]:focus-visible>.shape-head-hit-target{stroke:var(--acid);stroke-width:.01px;stroke-dasharray:.02 .015}.shape-instrument-view .view-caption{flex-wrap:wrap;align-content:center;gap:1px 5px}.shape-instrument-view .view-caption>span:last-child{font-size:7px}@media (max-width:650px){.shape-view-tools{gap:4px;height:38px}.shape-view-tools button{min-height:30px;padding:5px 9px;font-size:10px}.instrument-view.shape-instrument-view>svg{height:calc(100% - 65px)}.expanded .instrument-view.shape-instrument-view>svg{height:calc(100% - 72px)}}.app-dialog.preset-library-dialog{width:min(980px,100vw - 32px)}.preset-library{gap:16px;min-width:0;padding:12px 0 0;display:grid}.preset-library-intro,.preset-library-explanation,.preset-library-pending,.preset-library-error{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.preset-library-error{color:var(--coral)}.preset-library-filters{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(100px,1fr));align-items:end;gap:10px;display:grid}.preset-library-filters>label{min-width:0;color:var(--muted);gap:6px;font-size:10px;display:grid}.preset-library-filters input,.preset-library-filters select{box-sizing:border-box;border:1px solid var(--line-bright);background:var(--bg);width:100%;min-width:0;min-height:38px;color:var(--ink);font:inherit;border-radius:6px;padding:8px;font-size:12px}.preset-library-filters>.preset-library-search{position:relative}.preset-library-search>svg{pointer-events:none;position:absolute;top:12px;left:11px}.preset-library-search input{padding-left:33px}.preset-library-results,.preset-library-section>header,.preset-card-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.preset-library-results{color:var(--muted);min-height:24px;font-size:11px}.preset-library-section{gap:12px;min-width:0;display:grid}.preset-library-section>header{border-top:1px solid var(--line);justify-content:start;padding-top:16px}.preset-library-section>header h3{margin:0;font-size:14px;font-weight:550}.preset-library-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.preset-library .preset-card{min-width:0;padding:14px}.preset-card-heading{align-items:start}.preset-card-heading h4{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:550;line-height:1.35}.preset-availability{border:1px solid var(--line-bright);color:var(--muted);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:9px}.preset-availability.ready{color:var(--acid);border-color:#4b5a35}.preset-card-kind{color:var(--dim);flex-wrap:wrap;gap:5px 12px;margin-top:7px;font-size:10px;display:flex}.preset-requirements{background:var(--bg);color:var(--muted);border-radius:5px;margin:12px 0;padding:10px;font-size:11px;line-height:1.6}.preset-requirements strong{color:var(--ink);font-weight:500}.preset-requirements ul{margin:5px 0 0;padding-left:15px}.preset-source{color:var(--muted);overflow-wrap:anywhere;margin-top:12px;font-size:10px}.preset-source summary{cursor:pointer;padding:6px 0}.preset-source>code,.preset-source>span,.preset-source>a{margin:5px 0;display:block}.preset-source>a{color:var(--ink)}.preset-source a>svg{vertical-align:middle;margin-left:3px}.preset-library .preset-card-actions{flex-wrap:wrap;gap:8px;margin-top:14px}.preset-library .secondary-button{min-height:36px;margin-right:0}.preset-export{min-height:36px;color:var(--muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.preset-export:hover{color:var(--acid)}.preset-library-empty{border:1px dashed var(--line-bright);text-align:center;color:var(--muted);border-radius:8px;padding:24px 12px;font-size:12px}.preset-library .preset-library-more{justify-self:center;min-width:200px;margin:10px 0}@media (max-width:650px){.preset-library-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-library-cards{grid-template-columns:minmax(0,1fr)}.preset-library .secondary-button,.preset-library-filters input,.preset-library-filters select,.preset-export{min-height:42px}.preset-library-search>svg{top:14px}}