@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-cyrillic-ext-400-normal-BjDhGU6t.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-ext-400-normal-d9FrwbiD.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-cyrillic-400-normal-CHP_ranX.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-400-normal-BDYvNhAR.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-devanagari-400-normal-C3FccbrF.woff2)format("woff2"),url(/public/studio/assets/noto-sans-devanagari-400-normal-g9fsM2jL.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-greek-ext-400-normal-i2oSBwXz.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-ext-400-normal-L11LEhi4.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-greek-400-normal-DCESwnT1.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-400-normal-Be2BcUUc.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-vietnamese-400-normal-D2wP-Vm-.woff2)format("woff2"),url(/public/studio/assets/noto-sans-vietnamese-400-normal-C3Al4sv4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-latin-ext-400-normal-CVf-LbaS.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-ext-400-normal-CNh9dRW_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/public/studio/assets/noto-sans-latin-400-normal-BTkUljjl.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-400-normal-DPpKfCgK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-cyrillic-ext-500-normal-CuwgPeWW.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-ext-500-normal-Bw4G4pNe.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-cyrillic-500-normal-9zZ_jNuA.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-500-normal-BxM0HQjg.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-devanagari-500-normal-VG35fhMU.woff2)format("woff2"),url(/public/studio/assets/noto-sans-devanagari-500-normal-B62tDw8r.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-greek-ext-500-normal-D6bOGD5V.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-ext-500-normal-CbZNESfr.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-greek-500-normal-D_0l3T9g.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-500-normal-BAAA_uK7.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-vietnamese-500-normal-B_DgfjT4.woff2)format("woff2"),url(/public/studio/assets/noto-sans-vietnamese-500-normal-BBHKifio.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-latin-ext-500-normal-D88cFz81.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-ext-500-normal-Bn9_h39k.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/public/studio/assets/noto-sans-latin-500-normal-DCA2Z9Cj.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-500-normal-CDPngY5C.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-cyrillic-ext-600-normal-DlWr7wnj.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-ext-600-normal-Cwz1867h.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-cyrillic-600-normal-KpAl9xZA.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-600-normal-BRIw9PIU.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-devanagari-600-normal-Ewgvvq1j.woff2)format("woff2"),url(/public/studio/assets/noto-sans-devanagari-600-normal-Bly84zfI.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-greek-ext-600-normal-B4z4a2vi.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-ext-600-normal-BjvVOqxV.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-greek-600-normal-CT9U7UAD.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-600-normal-C0bz_iEd.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-vietnamese-600-normal-mhyQDSzg.woff2)format("woff2"),url(/public/studio/assets/noto-sans-vietnamese-600-normal-D0HZFEqa.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-latin-ext-600-normal-Has_8ph9.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-ext-600-normal-B3lLaxXr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/public/studio/assets/noto-sans-latin-600-normal-Dkgu5AE5.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-600-normal-DVJMj_t0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-cyrillic-ext-700-normal-OK-fZO_i.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-ext-700-normal-D83T7awq.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-cyrillic-700-normal-DYZmzPmX.woff2)format("woff2"),url(/public/studio/assets/noto-sans-cyrillic-700-normal-D8UNalU-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-devanagari-700-normal-DVs0dmkg.woff2)format("woff2"),url(/public/studio/assets/noto-sans-devanagari-700-normal-CT12sGlc.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-greek-ext-700-normal-Dq1WA5-1.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-ext-700-normal-BOmIwFkq.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-greek-700-normal-x3kNWF-0.woff2)format("woff2"),url(/public/studio/assets/noto-sans-greek-700-normal-DDNJsN3F.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-vietnamese-700-normal-DayJ0F-f.woff2)format("woff2"),url(/public/studio/assets/noto-sans-vietnamese-700-normal-1GL2JyGE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-latin-ext-700-normal-BypTtJma.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-ext-700-normal-CgsG9aVh.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/public/studio/assets/noto-sans-latin-700-normal-CrvTEWhy.woff2)format("woff2"),url(/public/studio/assets/noto-sans-latin-700-normal-ZyrKABVF.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.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:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--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}.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{outline:none}.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{outline:none}.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.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{outline:none}.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-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-input.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-default.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.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__selection:focus{outline:none}.react-flow__nodesselection-rect:focus-visible{outline:none}.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{--canvas-bg-from:#0b1020;--canvas-bg-to:#16203f;--grid-major:#ffffffd9;--grid-minor:#f5e6a88c;--surface:#11182e;--surface-2:#0d1326;--panel-line:#ffffff80;--ink:#f2f6ff;--muted:#d0d9f7;--fam-sequencing:#ffce5c;--fam-sequencing-fg:#0b1020;--fam-instrument:#c97bff;--fam-instrument-fg:#0b1020;--fam-effect:#54d2ff;--fam-effect-fg:#0b1020;--fam-mixer:#54e0b0;--fam-mixer-fg:#0b1020;--fam-clock:#ffe9a8;--fam-clock-fg:#0b1020;--fam-utility:#aab2d6;--fam-utility-fg:#0b1020;--fam-visualization:#ff5ca8;--fam-visualization-fg:#0b1020;--type-audio:#54d2ff;--type-midi:#ffb25c;--type-clock:#ffe9a8;--type-automation:#ff6fd8;--type-control:#6ff0b0;--type-trigger:#ff9d6f;--type-asset:#b39dff;--type-event:#9fb0ff;--type-pattern:#7ad8ff;--type-user:#c4b5ff;--type-room:#c4b5ff;--type-video:#c6ff3d;--stroke-muted:#b4b4b48c;--node-radius:5px;--ui-radius:4px;--port-radius:999px;--t-hover:.11s;--t-panel:.18s;--focus-ring-color:#fff;--accent:#4a7bff;--focus-ring-width:2px;--focus-ring-offset:2px;--scrollbar-size:10px;--scrollbar-track:color-mix(in srgb, var(--surface-2) 70%, transparent 30%);--scrollbar-thumb:color-mix(in srgb, var(--muted) 28%, transparent 72%);--scrollbar-thumb-hover:color-mix(in srgb, var(--muted) 50%, transparent 50%)}html[data-theme=light]{--canvas-bg-from:#eef1f7;--canvas-bg-to:#dde3ee;--grid-major:#141e3c80;--grid-minor:#96822866;--surface:#fff;--surface-2:#f3f5fa;--panel-line:#141e3c2e;--ink:#161a24;--muted:#4a5169;--fam-clock:#e8c45a;--type-clock:#c79a2e;--stroke-muted:#3c425680;--focus-ring-color:#1f6feb;--accent:#1f6feb}html[data-theme=light] .tool-btn:hover:not(:disabled){border-color:#141e3c59}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}*{box-sizing:border-box}html,body,#studio-root{height:100%;margin:0}body{color:var(--ink);background:var(--canvas-bg-from);font-family:Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.studio-shell{grid-template-rows:46px 1fr var(--bottom-drawer-height,280px);grid-template-columns:var(--browser-width,240px) 1fr var(--inspector-width,300px);grid-template-areas:"topbar topbar topbar""browser canvas inspector""browser drawer drawer";height:100%;display:grid}.studio-topbar{background:var(--surface-2);border-bottom:1px solid var(--panel-line);grid-area:topbar;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.topbar-brand{flex-direction:column;flex:none;justify-content:center;gap:2px;min-width:0;display:flex}.topbar-brand__title{align-items:baseline;gap:8px;min-width:0;display:flex}.studio-topbar .brand{letter-spacing:.3px;font-weight:700}.studio-topbar .tag{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:.72rem}.topbar-transport{align-items:center;gap:8px;min-width:0;margin-left:8px;display:flex}.transport-play{background:color-mix(in srgb, #2bbf90 12%, var(--surface));color:#2bbf90;border-color:#2bbf9059}.transport-play:hover:not(:disabled){background:color-mix(in srgb, #2bbf90 22%, var(--surface));border-color:#2bbf908c}.transport-play.is-playing{color:#06231a;background:#2bbf90;border-color:#2bbf90;font-weight:700}.bpm{color:var(--muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.room-clock{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:.72rem;display:flex}.room-clock__name{white-space:nowrap;text-overflow:ellipsis;max-width:max(70px,min(11vw,200px));overflow:hidden}.room-clock__q{align-items:center;gap:4px;display:inline-flex}.room-clock__select{background:var(--surface);color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);cursor:pointer;padding:2px 4px;font-size:.72rem}.room-clock__select:disabled{cursor:not-allowed;opacity:.55}.room-clock__visibility{background:var(--surface);color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:2px 6px;font-size:.72rem;display:inline-flex}.room-clock__visibility.is-private{border-color:color-mix(in srgb, var(--accent,#d08770) 55%, var(--panel-line));color:var(--accent,#d08770)}.room-clock__visibility:disabled{cursor:default;opacity:.75}.room-clock__sync{white-space:nowrap;opacity:.8}.bpm input{background:var(--surface-2);width:58px;color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);padding:4px 6px;font-size:.82rem}.perf-meter{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0;font-size:.62rem;line-height:1.1;display:inline-flex}.perf-meter--warn{color:#ffce5c;font-weight:600}.topbar-tools{gap:7px;min-width:0;margin-left:auto;padding-bottom:2px;display:flex;overflow:visible}.tool-btn{border-radius:var(--ui-radius);background:var(--surface);color:var(--ink);border:1px solid var(--panel-line);cursor:pointer;transition:border-color var(--t-hover), opacity var(--t-hover);flex:none;padding:4px 10px;font-size:.82rem}.tool-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 45%, var(--panel-line));background:color-mix(in srgb, var(--ink) 12%, var(--surface))}.tool-btn:disabled{opacity:.4;cursor:default;border-style:dashed;text-decoration:line-through}.tool-btn.is-active{border-color:var(--ink)}.tool-btn--icon{align-items:center;gap:6px;display:inline-flex}.tool-btn__glyph{border:1px solid #ffffff80;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;font-size:.76rem;line-height:1;display:inline-flex}.topbar-sep{background:var(--panel-line);align-self:stretch;width:1px;margin:6px 4px}.topbar-menu{flex:none;position:relative}button[data-testid=topbar-file-menu]{background:color-mix(in srgb, var(--fam-sequencing) 12%, var(--surface));border-color:color-mix(in srgb, var(--fam-sequencing) 30%, transparent);color:var(--fam-sequencing)}button[data-testid=topbar-file-menu]:hover,button[data-testid=topbar-file-menu][aria-expanded=true]{background:color-mix(in srgb, var(--fam-sequencing) 22%, var(--surface));border-color:color-mix(in srgb, var(--fam-sequencing) 50%, transparent);color:var(--fam-sequencing)}button[data-testid=topbar-edit-menu]{background:color-mix(in srgb, var(--fam-effect) 10%, var(--surface));border-color:color-mix(in srgb, var(--fam-effect) 28%, transparent);color:var(--fam-effect)}button[data-testid=topbar-edit-menu]:hover,button[data-testid=topbar-edit-menu][aria-expanded=true]{background:color-mix(in srgb, var(--fam-effect) 20%, var(--surface));border-color:color-mix(in srgb, var(--fam-effect) 48%, transparent);color:var(--fam-effect)}.topbar-menu__list{z-index:1000;background:var(--surface-2);border:1px solid var(--panel-line);border-radius:var(--ui-radius);min-width:160px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000073}.topbar-menu__item{width:100%;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:7px 14px;font-size:.82rem;display:flex}.topbar-menu__item:hover:not(:disabled){background:color-mix(in srgb, var(--panel-line) 18%, transparent)}.topbar-menu__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.topbar-menu__item:disabled{opacity:.4;cursor:default}.topbar-menu__item.is-active{color:var(--ink);background:color-mix(in srgb, var(--panel-line) 26%, transparent)}.topbar-menu__item.is-active:before{content:"✓";opacity:.8;margin-right:-4px;font-size:.72rem}.topbar-menu__hint{color:var(--muted);margin-left:auto;padding-left:16px;font-size:.72rem}.topbar-menu__sep{background:var(--panel-line);height:1px;margin:4px 8px}.tool-btn--panel{text-align:center;min-width:30px;padding:5px 8px;font-size:.9rem}.breadcrumbs{color:var(--muted);align-items:center;gap:4px;max-width:240px;font-size:.72rem;display:inline-flex;overflow:hidden}.crumb{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.studio-browser{border-right:1px solid var(--panel-line);background:var(--surface);flex-direction:column;grid-area:browser;min-height:0;display:flex;position:relative;overflow:hidden}.browser-scroll{flex:1;min-height:0;overflow:auto}.browser-scroll--grid{grid-template-columns:1fr 1fr;align-content:start;gap:0 6px;display:grid}.browser-scroll--grid>.browser-group__toggle,.browser-scroll--grid>.browser-subgroup__title,.browser-scroll--grid>.panel-empty{grid-column:1/-1}.studio-browser .panel-resizer--vertical{left:auto;right:0}.studio-browser--collapsed{justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.browser-header{align-items:center;gap:4px;padding-right:8px;display:flex}.browser-header .panel-title{flex:1}.studio-inspector{border-left:1px solid var(--panel-line);background:var(--surface);flex-direction:column;grid-area:inspector;display:flex;position:relative;overflow:auto}.studio-inspector--collapsed{justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.inspector-header{align-items:center;gap:4px;padding-right:8px;display:flex}.inspector-header .panel-title{flex:1}.inspector-collapse-toggle{z-index:10;border:1px solid var(--panel-line);background:var(--surface-2);width:24px;height:24px;color:var(--ink);cursor:pointer;transition:border-color var(--t-hover);border-radius:6px;flex:none;justify-content:center;align-items:center;margin:8px 0 0 8px;font-size:.95rem;line-height:1;display:inline-flex;position:relative}.inspector-collapse-toggle:hover{border-color:#ffffff57}.inspector-collapse-toggle:focus-visible{outline:2px solid var(--focus-ring-color,#6ea8ff);outline-offset:1px}.inspector-collapse-toggle--rail{margin:8px auto 0}.insp-owners__list{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.insp-owner-chip{border:1px solid var(--panel-line);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:.78rem}.insp-owner-chip.is-owner{background:color-mix(in srgb, var(--ink) 14%, var(--surface-2));border-width:2px;font-weight:600}.insp-owners__hint{opacity:.6;margin-top:4px;font-size:.72rem;display:block}.daw-node__owner-badge{opacity:.9;pointer-events:none;margin-left:2px;font-size:10px;line-height:1}.daw-node__lock-badge{white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#00000047;border-radius:6px;max-width:84px;margin-left:4px;padding:1px 4px;font-size:9px;line-height:1;animation:1.4s ease-in-out infinite daw-lock-pulse;overflow:hidden}@keyframes daw-lock-pulse{0%,to{opacity:.95}50%{opacity:.55}}.inspector-tabs{border-bottom:1px solid var(--panel-line);background:var(--surface-2);align-items:center;gap:2px;min-width:0;height:32px;padding:0 6px;display:flex;overflow-x:auto}.inspector-tab{background:color-mix(in srgb, var(--panel-line) 8%, transparent);border-radius:var(--ui-radius) var(--ui-radius) 0 0;height:26px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--t-hover), background var(--t-hover), border-color var(--t-hover);border:1px solid #0000;flex:none;padding:4px 10px;font-size:.75rem}.inspector-tab:hover{color:var(--ink);background:color-mix(in srgb, var(--panel-line) 14%, transparent);border-color:var(--panel-line)}.inspector-tab.is-active{color:var(--ink);border-color:var(--panel-line);background:var(--surface)}.inspector-tab:focus-visible{outline:2px solid var(--focus-ring-color,#6ea8ff);outline-offset:-2px}.inspector-tab-content{flex-direction:column;flex:auto;display:flex;overflow:auto}.inspector-tab-content>.sample-browser{flex-direction:column;flex:auto;display:flex;overflow:hidden}.daw-node__widget.is-locked,.daw-node__display-body.is-locked{opacity:.55;filter:saturate(.6);cursor:not-allowed}.insp-params.is-locked{cursor:not-allowed}.insp-locked-note{color:var(--fam-control,#d4a04a);background:#ffffff0a;border-radius:4px;margin-bottom:6px;padding:3px 7px;font-size:11px}.master-meter{align-items:center;gap:6px;display:inline-flex}.master-meter__bar{background:#ffffff1a;border-radius:4px;width:64px;height:8px;overflow:hidden}.master-meter__fill{background:#3ddc84;width:0%;height:100%;transition:width 60ms linear}.master-meter__clip{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff6;letter-spacing:.05em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.master-meter__clip.is-clipping{color:#fff;background:#ff3b3b;border-color:#ff3b3b;box-shadow:0 0 8px #ff3b3bb3}.state-view{color:#fff9;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.state-view__message{flex:auto;min-width:0}.state-view__hint{color:#ffffff6b}.state-view--empty{text-align:center;flex-direction:column;justify-content:center;gap:4px}.state-view--error{color:#ff9a8c}.state-view__spinner{border:2px solid #ffffff2e;border-top-color:var(--fam-source,#4f8cff);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite state-view-spin}.state-view__retry{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;flex:none;padding:2px 10px;font-size:11px}.state-view__retry:hover{background:#ffffff1f}@keyframes state-view-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.state-view__spinner{animation:none}}.sample-browser__tabs{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:4px;padding:4px 6px;display:flex}.sample-browser__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--panel-line);background:color-mix(in srgb, var(--ink) 5%, transparent);color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:140px;padding:2px 9px;font-size:11px;overflow:hidden}.sample-browser__tab:hover{background:#ffffff14}.sample-browser__tab.is-active{background:var(--fam-source,#4f8cff);color:#001018;border-color:#0000;font-weight:600}.sample-browser__toolbar{background:linear-gradient(90deg, color-mix(in srgb, var(--fam-instrument,#c97bff) 55%, var(--surface)) 0%, color-mix(in srgb, var(--fam-instrument,#c97bff) 30%, var(--surface)) 100%);border-bottom:1px solid color-mix(in srgb, var(--fam-instrument,#c97bff) 50%, var(--panel-line));color:var(--fam-instrument-fg,var(--ink));flex-wrap:wrap;align-items:center;gap:4px 8px;padding:5px 8px;display:flex}.sample-browser__title{color:var(--fam-instrument-fg,var(--ink));white-space:nowrap;margin-right:4px;font-size:.82rem;font-weight:700}.sample-browser__group{flex-direction:column;display:flex}.sample-browser__group-header{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb, var(--ink) 4%, transparent);color:var(--muted);text-align:left;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;z-index:1;border:none;align-items:center;gap:6px;width:100%;padding:4px 8px;font-size:11px;display:flex;position:sticky;top:0}.sample-browser__group-header:hover{color:var(--ink)}.sample-browser__group-caret{flex:none;width:10px}.sample-browser__group-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.sample-browser__group-count{color:#ffffff59;font-variant-numeric:tabular-nums;flex:none}.sample-browser__grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;padding:8px;display:grid}.sample-browser__item{border-radius:6px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sample-browser__item.is-selected{outline:2px solid var(--fam-instrument,var(--accent,#4a7bff));outline-offset:-1px}.sample-browser__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb, var(--surface-2) 88%, transparent);border:1px solid var(--panel-line);width:100%;color:var(--ink);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;gap:4px;padding:6px;display:flex}.sample-browser__select:hover{background:color-mix(in srgb, var(--fam-instrument,var(--accent,#4a7bff)) 16%, var(--surface-2))}.sample-browser__thumb{border-radius:4px;width:100%;height:30px;display:block}.sample-browser__meta{flex-direction:column;gap:1px;min-width:0;display:flex}.sample-browser__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.25;overflow:hidden}.sample-browser__duration{color:var(--muted);font-variant-numeric:tabular-nums;font-size:9.5px}.sample-browser__audition{opacity:.85;min-height:0;padding:1px 6px;font-size:10px;position:absolute;top:8px;right:8px}.sample-browser__item.is-playing .sample-browser__select{border-color:var(--fam-instrument,var(--accent,#4a7bff));box-shadow:0 0 0 1px var(--fam-instrument,var(--accent,#4a7bff)) inset}.sample-browser__toggle.is-on{background:color-mix(in srgb, var(--fam-instrument,var(--accent,#4a7bff)) 30%, var(--surface-2));border-color:var(--fam-instrument,var(--accent,#4a7bff))}.panel-resizer{z-index:9;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.panel-resizer:hover{background:color-mix(in srgb, var(--panel-line) 60%, transparent)}.panel-resizer:focus-visible{background:color-mix(in srgb, var(--panel-line) 60%, transparent)}.panel-resizer:focus-visible{outline:2px solid var(--focus-ring-color,#6ea8ff);outline-offset:-2px}.panel-resizer__grip{background:color-mix(in srgb, var(--ink) 45%, transparent);border-radius:999px}.panel-resizer--vertical{cursor:ew-resize;width:8px;height:100%;top:0;left:0}.panel-resizer--vertical .panel-resizer__grip{width:3px;height:36px}.panel-resizer--horizontal{cursor:ns-resize;width:100%;height:10px;top:-4px;left:0}.panel-resizer--horizontal .panel-resizer__grip{width:36px;height:3px}.panel-title{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:12px 14px 6px;font-size:.72rem}.panel-empty{color:var(--muted);padding:4px 14px;font-size:.85rem}.studio-bottom-drawer{background:var(--surface-2);border-top:1px solid var(--panel-line);flex-direction:column;grid-area:drawer;min-height:0;display:flex;position:relative;overflow:hidden}.studio-bottom-drawer--collapsed{overflow:visible}.bottom-drawer__tabbar{border-bottom:1px solid var(--panel-line);background:var(--surface-2);flex:none;align-items:center;gap:2px;min-width:0;height:32px;padding:0 6px;display:flex;overflow-x:auto}.bottom-drawer__tab{background:color-mix(in srgb, var(--panel-line) 8%, transparent);border-radius:var(--ui-radius) var(--ui-radius) 0 0;height:26px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--t-hover), background var(--t-hover), border-color var(--t-hover);border:1px solid #0000;flex:none;align-items:center;gap:5px;padding:4px 8px;font-size:.75rem;display:inline-flex}.bottom-drawer__tab:hover{color:var(--ink);background:color-mix(in srgb, var(--panel-line) 14%, transparent);border-color:var(--panel-line)}.bottom-drawer__tab.is-active{color:var(--ink);border-color:var(--panel-line);background:var(--surface)}.bottom-drawer__tab-icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.bottom-drawer__tab-icon svg{width:14px;height:14px}.bottom-drawer__tab-label{line-height:1}.bottom-drawer__tab--rec{color:var(--muted);margin-left:4px}.bottom-drawer__collapse-btn{border:1px solid var(--panel-line);border-radius:var(--ui-radius);width:28px;height:26px;color:var(--muted);cursor:pointer;transition:color var(--t-hover), border-color var(--t-hover);background:0 0;flex:none;justify-content:center;align-items:center;margin-left:auto;font-size:.7rem;display:inline-flex}.bottom-drawer__collapse-btn:hover{color:var(--ink);border-color:#ffffff57}.bottom-drawer__collapse-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.bottom-drawer__resizer{z-index:10;position:absolute;top:0}.bottom-drawer__content{flex:1;min-height:0;position:relative;overflow:hidden}.bottom-drawer__panel{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.bottom-drawer__panel .pattern-panel{background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;height:100%;min-height:0;max-height:none;position:relative;bottom:auto;left:auto;right:auto}.bottom-drawer__panel .side-panel,.bottom-drawer__panel .sample-browser,.bottom-drawer__panel .mix-snapshots,.bottom-drawer__panel .scene-launcher,.bottom-drawer__panel .midi-mappings,.bottom-drawer__panel .session-panel,.bottom-drawer__panel .pin-bar,.bottom-drawer__panel .rack-library{width:100%;height:100%;min-height:0;box-shadow:none;border-radius:0;position:relative;top:auto;bottom:auto;left:auto;right:auto}.bottom-drawer__panel .mix-snapshots{gap:0;padding:0}.drawer-titlebar{z-index:1;background:linear-gradient(90deg, color-mix(in srgb, var(--panel-accent,var(--accent,#4a7bff)) 50%, var(--surface)) 0%, color-mix(in srgb, var(--panel-accent,var(--accent,#4a7bff)) 26%, var(--surface)) 100%);border-bottom:1px solid color-mix(in srgb, var(--panel-accent,var(--accent,#4a7bff)) 50%, var(--panel-line));color:var(--ink);flex-wrap:wrap;flex:none;align-items:center;gap:4px 8px;padding:5px 8px;font-size:12px;display:flex;position:sticky;top:0}.drawer-titlebar__title{color:var(--ink);white-space:nowrap;align-items:center;gap:6px;margin-right:4px;font-size:.82rem;font-weight:700;display:inline-flex}.drawer-titlebar__title:before{content:"";background:var(--panel-accent,var(--accent,#4a7bff));border-radius:999px;width:8px;height:8px}.bottom-drawer__panel .clip-piano-roll{height:100%;min-height:0}@media (max-width:767px){.studio-bottom-drawer{display:none}.studio-shell{grid-template-rows:46px 1fr;grid-template-areas:"topbar topbar topbar""browser canvas inspector"}}.studio-canvas{grid-area:canvas;min-width:0;position:relative}.studio-canvas .react-flow,.studio-canvas .react-flow__renderer{background:0 0}.studio-canvas{background:radial-gradient(1200px 700px at 50% -10%, var(--canvas-bg-to), var(--canvas-bg-from) 65%)}.canvas-area{flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-area__row{flex-direction:row;min-width:0;display:flex}.canvas-pane{position:relative;overflow:hidden}.canvas-pane.is-active:after{content:"";pointer-events:none;z-index:6;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 2px #ffcf33}.canvas-area:has(.canvas-pane+.canvas-pane) .canvas-pane.is-active:after{opacity:1}.canvas-area:not(:has(.canvas-pane+.canvas-pane)) .canvas-pane.is-active:after{display:none}.canvas-pane__placeholder{height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.canvas-divider{background:var(--panel-line);z-index:8;touch-action:none;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.canvas-divider:hover,.canvas-divider:active{background:color-mix(in srgb, var(--accent,#37d97a) 55%, var(--panel-line))}.canvas-divider__grip{background:color-mix(in srgb, var(--ink) 35%, transparent);border-radius:999px}.canvas-divider--vertical .canvas-divider__grip{width:2px;height:26px}.canvas-divider--horizontal .canvas-divider__grip{width:26px;height:2px}.viewport-switcher{flex:none;align-items:center;gap:3px;display:inline-flex}.viewport-switcher__btn{border:1px solid var(--panel-line);background:var(--surface);width:26px;height:22px;color:var(--muted);cursor:pointer;transition:border-color var(--t-hover);border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.viewport-switcher__btn:hover{border-color:color-mix(in srgb, var(--ink) 45%, var(--panel-line));color:var(--ink)}.viewport-switcher__btn.is-active{border-color:var(--accent,#37d97a);color:var(--accent,#37d97a);background:color-mix(in srgb, var(--accent,#37d97a) 16%, var(--surface))}.pane-selector{z-index:8;position:absolute;top:8px;left:8px}.pane-selector__trigger{border:1px solid var(--panel-line);border-radius:var(--ui-radius);background:color-mix(in srgb, var(--surface-2) 90%, transparent);max-width:220px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:6px;padding:3px 8px;font-size:.74rem;display:inline-flex}.pane-selector__trigger:hover{border-color:color-mix(in srgb, var(--ink) 45%, var(--panel-line))}.pane-selector__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pane-selector__menu{border:1px solid var(--panel-line);border-radius:var(--ui-radius);background:var(--surface-2);min-width:200px;max-height:60vh;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow:auto;box-shadow:0 12px 28px #0006}.pane-selector__group{margin-top:4px}.pane-selector__group-title{letter-spacing:.5px;text-transform:uppercase;color:var(--muted);padding:4px 8px 2px;font-size:.6rem;font-weight:700}.pane-selector__item{text-align:left;width:100%;color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.78rem;display:block;overflow:hidden}.pane-selector__item:hover{background:color-mix(in srgb, var(--ink) 12%, var(--surface))}.pane-selector__item.is-active{color:var(--accent,#37d97a);font-weight:600}.pane-selector__empty{color:var(--muted);padding:6px 8px;font-size:.72rem}.node-view{background:var(--surface);flex-direction:column;height:100%;min-height:0;display:flex}.node-view--empty{text-align:center;color:var(--muted);justify-content:center;align-items:center;padding:16px;font-size:.82rem}.node-view__display{background:var(--surface-2);flex-direction:column;min-height:0;display:flex;overflow:hidden}.node-view__tabs{flex:none;gap:2px;padding:4px 4px 0 112px;display:flex;overflow-x:auto}.node-view__tab{border:1px solid var(--panel-line);background:var(--surface);color:var(--muted);cursor:pointer;border-bottom:none;border-radius:4px 4px 0 0;flex:none;padding:2px 8px;font-size:.7rem}.node-view__tab.is-active{color:var(--ink);border-color:var(--accent,#37d97a)}.node-view__display-fallback{text-align:center;color:var(--muted);flex:1;justify-content:center;align-items:center;padding:12px;font-size:.78rem;display:flex}.node-view__bar{flex:none;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:700;display:flex}.node-view__bar.is-draggable{cursor:row-resize;touch-action:none}.node-view__icon{flex:none;width:16px;height:16px}.node-view__title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.node-view__grip{opacity:.55;background:currentColor;border-radius:999px;flex:none;width:26px;height:3px}.node-view__controls{min-height:0;padding:10px 12px;overflow:auto}.node-view__controls .params--node{justify-content:flex-start;overflow:visible}.node-view__no-params{color:var(--muted);font-size:.8rem}.remote-cursors{pointer-events:none;z-index:7;position:absolute;top:0;bottom:0;left:0;right:0}.remote-cursor{align-items:center;gap:6px;transition:left 45ms linear,top 45ms linear;display:inline-flex;position:absolute;transform:translate(-2px,-2px)}@media (prefers-reduced-motion:reduce){.remote-cursor{transition:none}}.remote-cursor__dot{background:var(--cursor-color);border:1px solid #ffffffe6;border-radius:999px;width:11px;height:11px;box-shadow:0 0 0 1px #0a1020cc}.remote-cursor__label{background:color-mix(in srgb, var(--cursor-color) 42%, #0b1020 58%);color:#fff;border:1px solid #ffffff80;border-radius:3px;padding:1px 5px;font-size:.66rem;line-height:1.2}.pattern-panel{height:var(--pattern-panel-height,300px);border:1px solid var(--panel-line);border-radius:var(--ui-radius);z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c1224f0;flex-direction:column;min-height:200px;max-height:min(80vh,640px);display:flex;position:absolute;bottom:10px;left:10px;right:10px}.pattern-panel__head{background:linear-gradient(90deg, color-mix(in srgb, var(--pe-accent,var(--accent,#4a7bff)) 80%, var(--surface)) 0%, color-mix(in srgb, var(--pe-accent,var(--accent,#4a7bff)) 55%, var(--surface)) 100%);border-bottom:1px solid color-mix(in srgb, var(--pe-accent,var(--accent,#4a7bff)) 70%, var(--panel-line));flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 10px;display:flex}.pattern-panel__head strong{color:var(--pe-accent-fg,var(--ink));white-space:nowrap;font-size:.9rem}.pattern-panel__head label{color:var(--pe-accent-fg,#d2dcff);align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.pattern-panel__sets{align-items:center;gap:4px;display:inline-flex}.pattern-panel__sets-label{color:var(--pe-accent-fg,#d2dcff);opacity:.85;font-size:.74rem;font-weight:600}.pattern-panel__set{background:color-mix(in srgb, var(--pe-accent-fg,#fff) 14%, transparent);min-width:26px;min-height:24px;color:var(--pe-accent-fg,#dbe5ff);border:1px solid color-mix(in srgb, var(--pe-accent-fg,#fff) 45%, transparent);border-radius:var(--ui-radius);cursor:pointer;padding:2px 8px;font-size:.8rem;font-weight:600}.pattern-panel__set:hover:not(.is-active){background:color-mix(in srgb, var(--pe-accent-fg,#fff) 28%, transparent);border-color:var(--pe-accent-fg,#fff)}.pattern-panel__set.is-active{background:var(--pe-accent-fg,#fff);color:var(--pe-accent,#4a7bff);border-color:var(--pe-accent-fg,#fff)}.pattern-panel__head select{background:var(--surface-2);color:#f0f5ff;border:1px solid var(--panel-line);border-radius:var(--ui-radius);min-width:220px;max-width:34vw;padding:5px 8px;font-size:.84rem}.pattern-panel__meta{color:var(--pe-accent-fg,#d2dcff);opacity:.9;margin-left:auto;font-size:.74rem}.pattern-panel__tools,.pattern-editor__headtools{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.pattern-editor__headctl{color:var(--pe-accent-fg,var(--ink));align-items:center;gap:4px;font-size:.74rem;display:inline-flex}.pattern-editor__headctl select{background:var(--surface-2);width:auto;min-width:0;max-width:64px;min-height:24px;color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);padding:2px 6px;font-size:.78rem}.pattern-editor__headtools .tool-btn{background:color-mix(in srgb, var(--pe-accent-fg,#fff) 16%, transparent);border:1px solid color-mix(in srgb, var(--pe-accent-fg,#fff) 40%, transparent);min-height:24px;color:var(--pe-accent-fg,var(--ink));padding:2px 7px;font-size:.72rem}.pattern-editor__headtools .tool-btn:hover{background:var(--pe-accent-fg,#fff);color:var(--pe-accent,#4a7bff)}.pattern-editor__headtools .pattern-editor__compact{color:var(--pe-accent-fg,var(--ink))}.pattern-panel__close{border:1px solid var(--panel-line);background:var(--surface-2);width:28px;height:28px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;font-size:1.1rem;line-height:1;display:inline-flex}.pattern-panel__close:hover{background:var(--surface-3,var(--surface-2))}.pattern-panel__body{flex:1;min-height:0;padding:10px}.pattern-panel__empty{color:#d2dcff;font-size:.88rem}.pattern-editor{flex-direction:column;gap:10px;height:100%;display:flex}.pattern-editor__toolbar{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.pattern-editor__toolbar label{color:var(--ink);align-items:center;gap:5px;font-size:.8rem;display:inline-flex}.pattern-editor__actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pattern-editor__actions .tool-btn{background:color-mix(in srgb, var(--pe-accent,var(--accent,#4a7bff)) 26%, var(--surface-2));border:1px solid color-mix(in srgb, var(--pe-accent,var(--accent,#4a7bff)) 60%, var(--panel-line));min-height:24px;color:var(--ink);padding:2px 8px;font-size:.74rem}.pattern-editor__actions .tool-btn:hover{background:var(--pe-accent,var(--accent,#4a7bff));color:var(--pe-accent-fg,#fff)}.pattern-editor__compact{color:var(--ink);align-items:center;gap:4px;font-size:.76rem;display:inline-flex}.pattern-editor__compact input[type=number]{background:var(--surface-2);width:56px;min-height:24px;color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);padding:2px 5px;font-size:.78rem}.pattern-editor__toolbar select,.pattern-editor__toolbar input[type=number]{background:var(--surface-2);min-height:24px;color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);padding:2px 6px;font-size:.8rem;line-height:1.1}.pattern-editor__toolbar input[type=range]{width:max(60px,min(9vw,120px));accent-color:var(--pe-accent,var(--accent,#4a7bff))}.pattern-editor__numeric{accent-color:var(--pe-accent,var(--accent,#4a7bff))}.pattern-editor__info{color:#dbe5ff;font-size:.8rem}.pattern-editor__scroll{border:1px solid var(--panel-line);border-radius:var(--ui-radius);background:#080d1ba6;flex:1;min-height:0;padding:8px;overflow:auto}.pattern-editor__scroll--piano{max-height:min(62vh,560px)}.tracker-editor{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.tracker-editor__toolbar{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.tracker-editor__ctl{color:var(--ink);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.tracker-editor__ctl select,.tracker-editor__ctl input{background:var(--surface-2);min-height:24px;color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);padding:2px 6px;font-size:.8rem}.tracker-editor__ctl input[type=number]{width:52px}.tracker-editor__hint{color:var(--muted);font-size:.72rem}.tracker-editor__grid{border:1px solid var(--panel-line);border-radius:var(--ui-radius);min-height:0;font-family:var(--mono,ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);background:#080d1ba6;outline:none;flex:1;overflow:auto}.tracker-editor__grid:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--fam-sequencing,var(--accent,#4a7bff)) 70%, transparent)}.tracker-editor__head,.tracker-editor__row{grid-template-columns:34px repeat(var(--tracker-cols,4), minmax(74px, 1fr));display:grid}.tracker-editor__cellctl{flex-wrap:wrap;align-items:center;gap:6px 10px;padding:2px;display:flex}.tracker-editor__cellctl-label{color:var(--muted);font-size:.74rem;font-family:var(--mono,ui-monospace, monospace)}.tracker-editor__song{flex-wrap:wrap;align-items:center;gap:4px 8px;padding:2px;display:flex}.tracker-editor__song-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.7rem}.tracker-editor__patterns,.tracker-editor__order{flex-wrap:wrap;gap:3px;display:inline-flex}.tracker-editor__pat{background:var(--surface-2);min-width:22px;min-height:22px;color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);cursor:pointer;padding:1px 6px;font-size:.76rem;font-weight:600}.tracker-editor__pat.is-active{background:var(--fam-sequencing,var(--accent,#4a7bff));color:var(--fam-sequencing-fg,#fff);border-color:var(--fam-sequencing,var(--accent,#4a7bff))}.tracker-editor__orderchip{background:color-mix(in srgb, var(--fam-sequencing,#6b8cff) 18%, var(--surface-2));color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);cursor:pointer;padding:1px 5px;font-size:.74rem}.tracker-editor__head{z-index:1;background:var(--surface-2);border-bottom:1px solid var(--panel-line);position:sticky;top:0}.tracker-editor__colhead{color:var(--muted);text-align:center;border-left:1px solid var(--panel-line);white-space:nowrap;text-overflow:ellipsis;padding:3px 6px;font-size:.68rem;overflow:hidden}.tracker-editor__rownum{color:var(--muted);text-align:right;background:color-mix(in srgb, var(--ink) 5%, transparent);padding:2px 6px;font-size:.72rem}.tracker-editor__row.is-beat .tracker-editor__rownum{color:var(--ink)}.tracker-editor__row.is-beat{background:color-mix(in srgb, var(--fam-sequencing,#6b8cff) 7%, transparent)}.tracker-editor__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-left:1px solid var(--panel-line);color:color-mix(in srgb, var(--ink) 45%, transparent);letter-spacing:.04em;text-align:center;cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;gap:5px;padding:2px 4px;font-family:inherit;font-size:.78rem;display:inline-flex}.tracker-editor__cell-note{font-weight:600}.tracker-editor__cell-vol,.tracker-editor__cell-fx{opacity:.6;font-size:.72rem}.tracker-editor__cell.is-filled{color:var(--fam-sequencing,#8fa6ff);font-weight:600}.tracker-editor__cell.is-filled .tracker-editor__cell-fx{color:var(--fam-modulation,#d39bff);opacity:.85}.tracker-editor__cell.is-cursor{background:color-mix(in srgb, var(--fam-sequencing,var(--accent,#4a7bff)) 30%, transparent);box-shadow:inset 0 0 0 1px var(--fam-sequencing,var(--accent,#4a7bff))}.pattern-editor__piano-grid{width:max-content;min-width:100%}.pattern-grid{gap:6px;display:grid}.pattern-grid__cell{color:#eaf1ff;cursor:pointer;background:#111a31;border:1px solid #ffffff2e;border-radius:3px;min-height:max(32px,min(5vh,46px));font-size:max(.76rem,min(1.2vw,.92rem));position:relative;overflow:hidden}.pattern-grid__cell.is-selected{box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #4a7bff8c}.pattern-grid__cell.is-preview{box-shadow:inset 0 0 0 1px #c6ff3df2,0 0 0 1px #c6ff3d59}.pattern-grid__cell.is-selected.is-preview{box-shadow:inset 0 0 0 1px #ffffffeb,0 0 0 1px #c6ff3d8c}.pattern-grid__cell:hover{border-color:#ffffff80}.pattern-grid__cell.is-active{background:color-mix(in srgb, var(--type-midi) 30%, #111a31 70%);border-color:var(--type-midi);color:#fff}.pattern-grid__cell.is-playhead{box-shadow:inset 0 0 0 2px #37d97a,0 0 8px #37d97a99}.pattern-grid--step .pattern-grid__cell:nth-child(4n+1){border-left:2px solid color-mix(in srgb, var(--pe-accent,#6b8cff) 55%, transparent)}.pattern-grid__meter{pointer-events:none;position:absolute}.pattern-grid__meter--prob{background:#ffffffb8;height:3px;top:0;left:0}.pattern-grid__meter--time{background:#ffc46be6;width:2px;margin-left:-1px;top:4px;bottom:4px}.pattern-grid__meter--vel,.pattern-grid__cell-fill{background:var(--pe-accent,#4a7bffe6);border-radius:999px;width:10px;bottom:2px;right:2px}.pattern-grid__hit{z-index:2;position:absolute}.pattern-grid__hit--time{cursor:ew-resize;width:14px;margin-left:-7px;top:0;bottom:0}.pattern-grid__hit--vel{cursor:ns-resize;width:14px;top:0;bottom:0;right:0}.pattern-grid__cell:hover .pattern-grid__hit--time{background:linear-gradient(90deg,#ffc46b00 0%,#ffc46b47 50%,#ffc46b00 100%)}.pattern-grid__cell:hover .pattern-grid__hit--vel{background:linear-gradient(90deg, color-mix(in srgb, var(--pe-accent,#4a7bff) 0%, transparent) 0%, color-mix(in srgb, var(--pe-accent,#4a7bff) 24%, transparent) 100%)}.pattern-grid-row{grid-template-columns:208px 1fr;align-items:center;gap:8px;margin-bottom:7px;display:grid}.pattern-editor__scroll--piano .pattern-grid-row{grid-template-columns:56px 1fr;margin-bottom:3px}.pattern-editor__scroll--piano .pattern-grid__cell{min-height:24px}.pattern-grid-row__label{color:#eff4ff;text-align:left;font-size:.78rem}.pattern-grid-row__head{align-items:center;gap:6px;display:grid}.pattern-grid-row__actions{flex-wrap:wrap;gap:4px;display:flex}.pattern-grid-row__actions .tool-btn{min-height:28px;padding:3px 8px;font-size:.72rem}.pattern-grid--automation{align-items:end}.pattern-automation{color:#dbe5ff;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-height:max(120px,min(25vh,200px));font-size:.72rem;display:flex}.pattern-automation input[type=range]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;writing-mode:bt-lr;width:24px;height:max(92px,min(22vh,164px))}.pattern-editor__textarea{resize:vertical;color:#f3f8ff;border:1px solid var(--panel-line);border-radius:var(--ui-radius);background:#0f172b;width:100%;min-height:max(130px,min(26vh,260px));padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.5}.browser-chips{flex-wrap:wrap;gap:4px;padding:0 14px 8px;display:flex}.browser-chip{background:var(--surface-2);color:var(--ink);border:1px solid var(--panel-line);cursor:pointer;border-radius:999px;padding:2px 8px;font-size:.72rem}.browser-chip:hover{background:var(--surface-3,var(--surface-2))}.browser-chip--active{background:var(--accent,#4a90e2);color:#fff;border-color:var(--accent,#4a90e2)}.browser-search{background:var(--surface-2);width:calc(100% - 28px);color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);margin:0 14px 8px;padding:6px 8px;font-size:.82rem}.browser-group{padding:4px 8px}.browser-group__toggle{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:6px 6px 4px;display:flex}.browser-group__icon{border:1px solid var(--panel-line);width:16px;height:16px;color:var(--ink);border-radius:2px;justify-content:center;align-items:center;font-size:.74rem;line-height:1;display:inline-flex}.browser-group__cat-icon{color:var(--fam-visualization);flex:none}.browser-group__title{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:.66rem}.browser-group__toggle--colored{border-radius:4px;margin:1px 3px;padding:5px 6px}.browser-group__toggle--colored .browser-group__icon{color:inherit;opacity:.8;border-color:currentColor}.browser-item__incomplete{color:#e0b057;font-weight:700}.browser-subgroup{padding-left:6px}.browser-subgroup__title{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;opacity:.9;padding:4px 2px;font-size:.62rem}.browser-item{background:var(--surface-2);border:1px solid var(--panel-line);border-radius:var(--ui-radius);width:100%;color:var(--ink);cursor:pointer;text-align:left;transition:border-color var(--t-hover), transform var(--t-hover);align-items:center;gap:8px;margin-bottom:4px;padding:7px 8px;display:flex}.browser-item:hover{border-color:#ffffff52}.browser-item:active{transform:scale(.99)}.browser-item__dot{border-radius:999px;flex:none;width:10px;height:10px}.browser-item__icon{color:#dbe5ff;opacity:.9;width:14px;height:14px;display:inline-flex}.browser-item__icon svg{width:14px;height:14px}.browser-item__name{flex:1;font-size:.85rem}.browser-item__ports{gap:3px;display:flex}.port-badge{border-radius:2px;width:8px;height:8px;display:inline-block}.browser-hint{padding:8px 14px;font-style:italic}.node-drag-ghost{z-index:9999;background:var(--surface-2);border:1px solid var(--accent,#4a7bff);border-radius:var(--ui-radius);max-width:200px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;box-shadow:var(--shadow-pop,0 6px 18px #0006);opacity:.95;padding:6px 10px;font-size:.85rem;position:fixed;top:0;left:0;overflow:hidden;transform:translate(8px,8px)}.insp{flex-direction:column;gap:10px;padding:4px 14px 16px;display:flex}.insp-field{flex-direction:column;gap:3px;font-size:.85rem;display:flex}.insp-field--inline{flex-direction:row;justify-content:space-between;align-items:center}.insp-field-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.insp-field>span:last-child{color:var(--ink)}.insp-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:.66rem}.peer-color{border:1px solid #ffffffb3;border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}.insp-input{background:var(--surface-2);color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);padding:6px 8px;font-size:.9rem}.insp-subtitle{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:8px 0 2px;font-size:.66rem}.insp-port{align-items:center;gap:8px;padding:2px 0;font-size:.82rem;display:flex}.insp-port__name{flex:1}.insp-port__type{color:var(--muted);font-size:.72rem}.insp-mini{padding:1px 6px;font-size:.62rem}.insp-code{border:1px solid var(--panel-line);border-radius:var(--ui-radius);background:var(--surface-2);color:#deebff;max-height:144px;margin:0;padding:7px 8px;font-size:.68rem;line-height:1.4;overflow:auto}.timeline-row{border:1px solid var(--panel-line);border-radius:var(--ui-radius);grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:5px;padding:4px;font-size:.72rem;display:grid}.timeline-row.is-selected{border-color:var(--ink)}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.daw-node{background:color-mix(in srgb, var(--accent) 18%, #0a1020 82%);border:1px solid var(--panel-line);border-radius:var(--node-radius);width:100%;height:100%;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:visible}.react-flow__node.selected .daw-node,.daw-node:focus-within{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink)}.daw-node__title{cursor:grab;background:var(--accent);color:var(--accent-fg,#fff);align-items:center;gap:8px;padding:6px 9px;display:flex}.daw-node__pattern-overlay{z-index:14;border-radius:var(--ui-radius);background:color-mix(in srgb, var(--accent) 20%, #0b1020 80%);border:1px solid #ffffff47;max-height:240px;padding:6px;position:absolute;bottom:calc(100% + 4px);left:4px;right:4px;overflow:auto;box-shadow:0 8px 14px #00000047}.daw-node__icon{width:14px;height:14px;color:var(--accent-fg,#fff);opacity:.9;justify-content:center;align-items:center;display:inline-flex}.daw-node__icon svg{width:14px;height:14px;display:block}.daw-node__name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.94rem;font-weight:700;overflow:hidden}.daw-node__display-toggle{border-radius:var(--ui-radius);width:24px;height:24px;color:var(--accent-fg,#fff);cursor:pointer;opacity:.82;background:#0000001f;border:1px solid #00000061;font-size:16px;line-height:1}.daw-node__display-toggle:hover,.daw-node__display-toggle.is-open{opacity:1;background:#00000038}.daw-node__pattern-toggle{border-radius:var(--ui-radius);width:24px;height:24px;color:var(--accent-fg,#fff);cursor:pointer;opacity:.86;background:#0000001f;border:1px solid #00000061;font-size:14px;line-height:1}.daw-node__pattern-toggle:hover,.daw-node__pattern-toggle.is-open{opacity:1;background:#00000038}.daw-node__close{border-radius:var(--ui-radius);width:24px;height:24px;color:var(--accent-fg,#fff);cursor:pointer;opacity:.7;background:0 0;border:1px solid #0000;font-size:16px;line-height:1}.daw-node__close:hover{opacity:1;background:#0000002e}.daw-node__body{box-sizing:border-box;flex:1;grid-template-columns:1fr auto 1fr;gap:4px;min-height:0;padding:8px 6px;display:grid}.daw-node__col{flex-direction:column;gap:6px;display:flex}.daw-node__col--out{align-items:flex-end}.daw-node__widget{text-align:center;letter-spacing:.4px;text-transform:uppercase;color:#d7e2ff;border:1px dashed var(--panel-line);border-radius:var(--ui-radius);align-self:center;min-width:56px;padding:6px 8px;font-size:.66rem}.daw-node__region-resize{z-index:16;pointer-events:none;width:14px;height:14px;position:absolute;right:-7px}.daw-node__region-resize-grip{pointer-events:auto;border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 45%, #0a1020 55%);cursor:nwse-resize;touch-action:none;border-radius:3px;width:100%;height:100%;transition:transform 80ms;box-shadow:0 0 0 1px #00000073}.daw-node__region-resize-grip:hover{background:var(--accent);outline:none;transform:scale(1.15)}.daw-node__region-resize-grip:focus-visible{background:var(--accent);outline:none;transform:scale(1.15)}.daw-node__region-resize--top-right{top:-7px}.daw-node__region-resize--top-left{top:-7px;left:-7px;right:auto}.daw-node__region-resize--top-edge{top:-7px;left:50%;right:auto;transform:translate(-50%)}.daw-node__region-resize--top-edge .daw-node__region-resize-grip{cursor:ns-resize}.daw-node__region-resize--bottom-right{bottom:-7px}.daw-node__region-resize--bottom-left{bottom:-7px;left:-7px;right:auto}.daw-node__region-resize--bottom-edge{bottom:-7px;left:50%;right:auto;transform:translate(-50%)}.daw-node__region-resize--bottom-edge .daw-node__region-resize-grip{cursor:ns-resize}.daw-node__region-resize--right-edge{top:50%;transform:translateY(-50%)}.daw-node__region-resize--right-edge .daw-node__region-resize-grip{cursor:ew-resize}.daw-node__region-resize--left-edge{top:50%;left:-7px;right:auto;transform:translateY(-50%)}.daw-node__region-resize--left-edge .daw-node__region-resize-grip{cursor:ew-resize}@media (pointer:coarse){.daw-node__region-resize{width:22px;height:22px;right:-11px}.daw-node__region-resize--top-right{top:-11px}.daw-node__region-resize--top-left{top:-11px;left:-11px;right:auto}.daw-node__region-resize--top-edge{top:-11px}.daw-node__region-resize--bottom-right{bottom:-11px}.daw-node__region-resize--bottom-left{bottom:-11px;left:-11px;right:auto}.daw-node__region-resize--bottom-edge{bottom:-11px}.daw-node__region-resize--right-edge{right:-11px}.daw-node__region-resize--left-edge{left:-11px;right:auto}}.daw-node--strudel-error{outline-offset:1px;outline:2px solid #ff4d6d;box-shadow:0 0 12px #ff4d6d73}.daw-node--has-display .daw-node__body{flex:auto}.daw-node__display{box-sizing:border-box;border-bottom:1px solid var(--panel-line);border-radius:var(--node-radius) var(--node-radius) 0 0;background:color-mix(in srgb, var(--accent) 8%, #060a12 92%);flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden}.daw-node__tabs{flex:none;gap:2px;padding:4px 4px 0;display:flex;overflow-x:auto}.daw-node__tab{text-transform:uppercase;letter-spacing:.3px;border:1px solid var(--panel-line);border-radius:var(--ui-radius) var(--ui-radius) 0 0;background:var(--surface-2);color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:none;flex:none;padding:3px 8px;font-size:.6rem}.daw-node__tab:hover{color:#e6eeff}.daw-node__tab.is-active{background:color-mix(in srgb, var(--accent) 32%, #0a1020 68%);color:#fff;border-color:var(--accent)}.daw-node__display-body{flex-direction:column;flex:auto;justify-content:center;min-height:0;padding:6px;display:flex;overflow:auto}.node-pattern-strip{position:relative}.node-pattern-strip__meta{color:#f2f7ff;text-align:right;margin-bottom:5px;font-size:.68rem;line-height:1}.node-pattern-strip--piano{width:max-content;min-width:100%}.node-pattern-strip__track{gap:2px;display:grid}.node-pattern-strip--step{flex-direction:column;flex:auto;justify-content:center;align-self:stretch;display:flex}.node-pattern-strip--step .node-pattern-strip__track{flex:auto;align-items:stretch}.node-pattern-strip--step .node-pattern-strip__cell{height:auto;min-height:9px}.node-pattern-strip__rows{flex-direction:column;gap:2px;display:flex}.node-pattern-strip__row{grid-template-columns:20px 1fr;align-items:center;gap:4px;display:grid}.node-pattern-strip__row-label{color:#f2f7ff;text-align:right;font-size:.58rem;line-height:1}.node-pattern-strip--piano .node-pattern-strip__row{grid-template-columns:28px 1fr}.node-pattern-strip--piano .node-pattern-strip__row-label{font-size:.54rem}.node-pattern-strip--piano .node-pattern-strip__cell{height:8px}.node-pattern-strip__row-grid{gap:2px;display:grid}.node-pattern-strip__cell{background:#070b18bd;border:1px solid #ffffff38;border-radius:2px;height:9px}.node-pattern-strip__button{cursor:pointer;padding:0}.node-pattern-strip__cell.is-active{border-color:var(--type-midi);background:color-mix(in srgb, var(--type-midi) 38%, #111a31 62%)}.node-pattern-strip__cell--trigger.is-active{border-color:var(--type-trigger);background:color-mix(in srgb, var(--type-trigger) 36%, #111a31 64%)}.node-pattern-strip__cell--pattern.is-active{border-color:var(--type-pattern);background:color-mix(in srgb, var(--type-pattern) 32%, #111a31 68%)}.node-pattern-strip__automation{align-items:end;gap:2px;display:grid}.node-pattern-strip__automation-cell{background:#070b18bd;border:1px solid #ffffff38;border-radius:2px;align-items:flex-end;height:20px;padding:1px;display:flex}.node-pattern-strip__automation-fill{background:color-mix(in srgb, var(--type-automation) 70%, #fff 30%);opacity:.9;border-radius:1px;width:100%}.node-pattern-strip__playhead{pointer-events:none;background:#fff;width:1px;position:absolute;top:1px;bottom:1px;transform:translate(-.5px);box-shadow:0 0 0 1px #ffffff59}.node-pattern-strip__cell.is-playhead-cell,.node-pattern-strip__automation-cell.is-playhead-cell{box-shadow:inset 0 0 0 1px #ffffffbf}.tenorion-matrix{width:100%;position:relative}.tenorion-matrix__grid{flex-direction:column;gap:2px;display:flex}.tenorion-matrix__row{grid-template-columns:26px 1fr;align-items:center;gap:4px;display:grid}.tenorion-matrix__row-label{color:#f2f7ff;text-align:right;white-space:nowrap;font-size:.52rem;line-height:1;overflow:hidden}.tenorion-matrix__cells{grid-template-columns:repeat(16,minmax(8px,1fr));gap:2px;display:grid}.tenorion-matrix__cell{cursor:pointer;background:#070b18bd;border:1px solid #ffffff2e;border-radius:2px;height:9px;padding:0}.tenorion-matrix__cell.is-lit{border-color:var(--fam-sequencing);background:color-mix(in srgb, var(--fam-sequencing) 42%, #111a31 58%);box-shadow:0 0 4px color-mix(in srgb, var(--fam-sequencing) 55%, transparent)}.tenorion-matrix__cell.is-out-of-loop{opacity:.4}.tenorion-matrix__cell.is-playhead-column{background:#343742c6;border-color:#ffffffb3}.tenorion-matrix__cell.is-lit.is-triggered,.tenorion-matrix__cell.is-triggered{background:color-mix(in srgb, var(--fam-sequencing) 78%, #fff 22%);box-shadow:0 0 7px color-mix(in srgb, var(--fam-sequencing) 80%, #fff 20%);border-color:#fff}.tenorion-matrix__cell:focus-visible{outline:2px solid var(--type-midi);outline-offset:1px}.tenorion-matrix__path{pointer-events:none;width:calc(100% - 30px);height:100%;position:absolute;top:0;bottom:0;left:30px;right:0}.tenorion-matrix__path polyline{fill:none;stroke:color-mix(in srgb, var(--fam-sequencing) 70%, #fff 30%);stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;opacity:.85;vector-effect:non-scaling-stroke}@media (pointer:coarse){.tenorion-matrix__cell{min-width:44px;height:44px;min-height:44px}.tenorion-matrix__cells{grid-template-columns:repeat(16,minmax(44px,1fr))}}.port-row{color:var(--muted);align-items:center;gap:6px;font-size:.72rem;display:flex;position:relative}.port-row--out{flex-direction:row-reverse}.port-label{white-space:nowrap;text-overflow:ellipsis;max-width:78px;overflow:hidden}.add-port{min-height:18px;display:flex;position:relative}.add-port--out{justify-content:flex-end}.add-port__button{border:1px solid color-mix(in srgb, var(--accent) 70%, #fff 30%);background:color-mix(in srgb, var(--accent) 28%, #0d1425 72%);width:16px;height:16px;color:var(--accent-fg,#fff);cursor:pointer;border-radius:999px;place-items:center;font-size:13px;line-height:1;display:grid}.add-port__button:hover{outline:none;box-shadow:0 0 0 3px #ffffff24}.add-port__button:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff24}.add-port__menu{z-index:30;border:1px solid var(--panel-line);border-radius:var(--ui-radius);background:#111827;flex-direction:column;min-width:138px;max-width:180px;padding:4px;display:flex;position:absolute;top:20px;left:0;box-shadow:0 12px 28px #00000059}.add-port--out .add-port__menu{left:auto;right:0}.add-port__item{border-radius:calc(var(--ui-radius) - 2px);color:#e8eefc;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:8px;width:100%;padding:6px 7px;font-size:.72rem;display:grid}.add-port__item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.add-port__item small{color:var(--muted);font-size:.62rem}.add-port__item:hover{background:#ffffff17;outline:none}.add-port__item:focus-visible{background:#ffffff17;outline:none}.react-flow__handle.port{border:1.5px solid #00000080;border-radius:999px;width:12px;height:12px;position:relative;top:auto;left:auto;right:auto;transform:none}.react-flow__handle.port:hover{box-shadow:0 0 0 4px #ffffff29}.react-flow__handle.port--pending{box-shadow:0 0 0 2px var(--focus-ring-color), 0 0 0 5px color-mix(in srgb, var(--focus-ring-color) 35%, transparent 65%)}.params{flex-direction:column;gap:5px;width:100%;display:flex}.params--node{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:6px 8px;padding:0 2px;overflow:hidden}.params--node .param{flex:none}.params--node .param__label{font-size:.6rem}.params--node .param--toggle{flex-direction:row;justify-content:flex-start;align-items:center;gap:6px}.params--node .param select{width:auto;max-width:104px}.params--node .param input[type=number]{width:56px}.params--inspector{padding:2px 0 4px}.studio-inspector--wide .params--inspector{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;gap:6px 12px;display:grid}.studio-inspector--wide .params--inspector>.param--preset,.studio-inspector--wide .params--inspector>.param--code{grid-column:1/-1}.studio-inspector--wide .insp{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;display:grid}.studio-inspector--wide .insp>:not(.insp-field){grid-column:1/-1}.param{flex-direction:column;gap:2px;display:flex}.param--toggle{flex-direction:row;justify-content:space-between;align-items:center}.param__label{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:.64rem}.param__row{align-items:center;gap:6px;display:flex}.param__value{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:.66rem}.param__unit{color:var(--muted);letter-spacing:.3px;font-size:.64rem}.param select,.param input[type=number]{background:var(--surface-2);color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);width:100%;padding:3px 6px;font-size:.72rem}.param--knob .param__row{justify-content:center;gap:8px}.param--preset .param-preset__field{flex:auto;align-items:center;min-width:0;display:inline-flex;position:relative}.param--preset .param-preset__field:before{content:"";background:var(--accent,#4a7bff);pointer-events:none;border-radius:1px;width:2px;position:absolute;top:3px;bottom:3px;left:0}.param--preset .param-preset__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:100%;padding-left:10px;padding-right:20px}.param--preset .param-preset__caret{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;transition:color .12s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.param--preset .param-preset__field:hover .param-preset__caret,.param--preset .param-preset__select:focus+.param-preset__caret{color:var(--accent,#4a7bff)}.param--preset .param-preset__select:hover{border-color:var(--accent,#4a7bff)}.knob{--knob-angle:0deg;cursor:ns-resize;background:0 0;border:1px solid #fff9;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.knob__inner{background:color-mix(in srgb, var(--accent) 30%, #1a2748 70%);border-radius:999px;width:24px;height:24px;position:relative}.knob__ring{border:1px solid #ffffff73;border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px;right:4px}.knob__marker{transform-origin:50% 10px;width:1px;height:9px;transform:rotate(var(--knob-angle));background:#fff;margin-left:-.5px;position:absolute;top:2px;left:50%}.knob__range-bracket{background:color-mix(in srgb, var(--accent) 70%, #fff 30%);transform-origin:50% 12px;width:2px;height:4px;transform:rotate(var(--knob-angle));pointer-events:none;border-radius:1px;margin-left:-1px;position:absolute;top:0;left:50%}.knob__mod-marker{--knob-mod-angle:0deg;background:color-mix(in srgb, var(--accent) 80%, #fff 20%);width:2px;height:7px;box-shadow:0 0 4px color-mix(in srgb, var(--accent) 70%, transparent 30%);transform-origin:50% 9px;transform:rotate(var(--knob-mod-angle));pointer-events:none;border-radius:1px;margin-left:-1px;position:absolute;top:3px;left:50%}.step-grid{gap:3px;width:100%;margin-top:5px;display:grid}.step-grid__cell{aspect-ratio:1;border:1px solid var(--panel-line);background:var(--surface-2);cursor:pointer;border-radius:2px;min-width:8px;padding:0}.step-grid__cell.is-active{background:var(--type-midi);border-color:var(--type-midi)}.step-grid__cell:hover{border-color:#ffffff73}.arr-widget{flex-direction:column;gap:4px;width:150px;display:flex}.arr-widget__head{color:var(--muted);justify-content:space-between;font-size:.62rem;display:flex}.arr-widget__grid{gap:3px;display:grid;position:relative}.arr-widget__lane{border:1px solid var(--panel-line);border-radius:2px;height:14px;position:relative;overflow:hidden}.arr-widget__track-label{z-index:2;color:#ffffffb8;text-transform:uppercase;font-size:.5rem;position:absolute;top:1px;left:3px}.arr-widget__clip{border:1px solid var(--type-event);background:color-mix(in srgb, var(--type-event) 48%, #111a31 52%);border-radius:2px;padding:0;position:absolute;top:2px;bottom:2px}.arr-widget__clip.is-selected{border-color:var(--ink)}.arr-widget__loop{pointer-events:none;border:1px dashed #ffffff80;position:absolute;top:0;bottom:0}.arr-widget__marker{background:#fff;width:1px;position:absolute;top:0;bottom:0}.drum-grid{flex-direction:column;gap:3px;width:100%;margin-top:5px;display:flex}.drum-grid__row{grid-template-columns:12px 1fr;align-items:center;gap:4px;display:grid}.drum-grid__label{color:var(--muted);text-align:center;font-size:.58rem}.drum-grid__cells{gap:2px;display:grid}.drum-grid__cell.is-active{background:var(--type-trigger);border-color:var(--type-trigger)}.piano-roll{flex-direction:column;gap:2px;width:100%;margin-top:5px;display:flex}.piano-roll__cells{gap:2px;display:grid}.piano-roll__cell.is-active{background:var(--type-pattern);border-color:var(--type-pattern)}.automation-grid{align-items:end;gap:2px;width:100%;margin-top:5px;display:grid}.automation-grid__cell{border:1px solid var(--panel-line);background:var(--surface-2);border-radius:2px;align-items:flex-end;height:28px;padding:1px;display:flex}.automation-grid__fill{background:var(--type-automation);opacity:.85;border-radius:1px;width:100%}.pattern-widget__hint{text-transform:none;letter-spacing:0;color:#d2dcff;margin-top:6px;font-size:.64rem}.clip-widget{flex-direction:column;gap:6px;margin-top:4px;display:flex}.clip-widget__wave{color:#d3dcff;opacity:.9;width:140px;height:34px}.clip-widget__buttons{justify-content:center;gap:4px;display:flex}.clip-widget__btn{border:1px solid var(--panel-line);background:var(--surface-2);color:var(--ink);border-radius:var(--ui-radius);padding:2px 6px;font-size:.62rem}.clip-widget__btn.is-active{border-color:var(--ink);color:var(--ink)}.analyzer-widget{justify-content:center;margin-top:4px;display:flex}.analyzer-widget__graph{color:#cde2ff;opacity:.92;width:140px;height:34px}.node-analyzer{color:#8fd2ff;flex:auto;width:100%;min-height:46px;display:flex}.node-analyzer[data-analyzer=spectrum],.node-analyzer[data-analyzer=meter]{color:color-mix(in srgb, var(--accent) 70%, #fff 30%)}.node-analyzer__canvas{flex:auto;width:100%;height:100%;min-height:44px;display:block}.viz-unavailable{text-align:center;color:var(--muted);background:var(--surface-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:.78rem;line-height:1.3;display:flex}.viz-unavailable__glyph{opacity:.7;font-size:1.4rem}.viz-unavailable__label{max-width:22ch}.shader-visualizer{border-radius:var(--ui-radius);outline-offset:-1px;outline:1px solid #0000;flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.shader-visualizer--error{outline-color:#ff5d5d;box-shadow:inset 0 0 0 1px #ff5d5d}.shader-visualizer__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.visual-mixer{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.visual-mixer__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.spectrum-bars{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.spectrum-bars__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.waveform-scope{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.waveform-scope__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.gradient-flow{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.gradient-flow__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.particle-field{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.particle-field__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.noise-field{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.noise-field__stage{flex:auto;width:100%;height:100%;min-height:78px;position:relative}.noise-field__canvas{background:#000;width:100%;height:100%;min-height:78px;display:block}.noise-field__taps{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.noise-field__tap{cursor:grab;pointer-events:auto;touch-action:none;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;display:flex;position:absolute;box-shadow:0 0 0 1px #0009,0 1px 4px #00000080}.noise-field__tap:active{cursor:grabbing}.noise-field__tap-label{color:#fff;text-shadow:0 1px 2px #000000e6;pointer-events:none;font-size:11px;font-weight:700}.noise-field__tap-controls{border-radius:var(--ui-radius);background:#0000008c;align-items:center;gap:6px;padding:2px 4px;display:flex;position:absolute;bottom:6px;right:6px}.noise-field__tap-btn{border-radius:var(--ui-radius);color:#fff;cursor:pointer;touch-action:manipulation;background:#ffffff1f;border:1px solid #ffffff40;width:28px;height:28px;font-size:16px;line-height:1}.noise-field__tap-btn:disabled{opacity:.4;cursor:default}.noise-field__tap-count{text-align:center;color:#fff;min-width:14px;font-size:12px}.image-source{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;position:relative;overflow:hidden}.image-source__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.image-source__pick{border-radius:var(--ui-radius);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000008c;padding:3px 8px;font-size:11px;position:absolute;bottom:6px;left:6px}.image-source__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.video-file-source{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;position:relative;overflow:hidden}.video-file-source__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.video-file-source__controls{align-items:center;gap:6px;display:flex;position:absolute;bottom:6px;left:6px}.video-file-source__btn{border-radius:var(--ui-radius);color:#fff;cursor:pointer;background:#0000008c;border:none;padding:3px 8px;font-size:11px}.video-file-source__btn:disabled{opacity:.5;cursor:default}.video-file-source__pick{border-radius:var(--ui-radius);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000008c;padding:3px 8px;font-size:11px}.video-file-source__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.feedback-effect{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.feedback-effect__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.color-grade{border-radius:var(--ui-radius);flex:auto;width:100%;min-height:80px;display:flex;overflow:hidden}.color-grade__canvas{background:#000;flex:auto;width:100%;height:100%;min-height:78px;display:block}.text-overlay{border-radius:var(--ui-radius);flex-direction:column;flex:auto;gap:4px;width:100%;min-height:80px;display:flex;overflow:hidden}.text-overlay__canvas{border-radius:var(--ui-radius);background:#000;flex:auto;width:100%;height:100%;min-height:64px;display:block}.text-overlay__input{box-sizing:border-box;border-radius:var(--ui-radius);border:1px solid var(--ui-border,#2a2a32);background:var(--ui-input-bg,#15151b);width:100%;color:var(--ui-text,#e8e8ef);flex:none;padding:3px 6px;font-size:11px}.visual-output{border-radius:var(--ui-radius);flex-direction:column;flex:auto;width:100%;min-height:80px;display:flex;position:relative;overflow:hidden}.visual-output__stage{flex:auto;justify-content:center;align-items:center;width:100%;min-height:78px;display:flex;overflow:hidden}.visual-output__frame{max-width:100%;max-height:100%;position:relative}.visual-output__canvas{width:100%;height:100%;display:block}.visual-output__bar{justify-content:space-between;align-items:center;gap:6px;padding:2px 4px;display:flex}.visual-output__master{font:600 10px/1 var(--ui-font,system-ui), sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--fam-visualization-fg);background:var(--fam-visualization);border-radius:var(--ui-radius);cursor:pointer;border:none;padding:2px 6px}.visual-output__master[disabled]{cursor:default;opacity:.85}.visual-output__master--inactive{color:var(--fam-visualization);border:1px solid var(--fam-visualization);background:0 0}.visual-output__action{font:600 10px/1 var(--ui-font,system-ui), sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--fam-visualization);border:1px solid var(--fam-visualization);border-radius:var(--ui-radius);cursor:pointer;background:0 0;padding:2px 6px}.visual-output__action--on{color:var(--fam-visualization-fg);background:var(--fam-visualization)}.drum-rack-pad{border:1px solid var(--panel-line);background:var(--surface-2);border-radius:var(--ui-radius);margin-top:4px;padding:4px 6px}.drum-rack-pad__grid{color:#d8e2ff;width:120px;height:64px}.container-node{border:1.5px solid var(--fam-utility);border-radius:var(--node-radius);background:#7884b412;width:100%;height:100%}.container-node[data-selected="1"]{border-color:#fff;box-shadow:0 0 0 1.5px #fff}.container-node__title{cursor:grab;background:var(--fam-utility);color:#0b1020;border-radius:var(--node-radius) var(--node-radius) 0 0;align-items:center;gap:8px;height:28px;padding:0 10px;display:flex}.container-node__name{flex:1;font-size:.8rem;font-weight:600}.container-node__open{border-radius:var(--ui-radius);color:#0b1020;background:#fff3;border:1px solid #00000059;height:20px;font-size:.66rem}.container-node__close{border-radius:var(--ui-radius);color:#0b1020;cursor:pointer;opacity:.7;background:0 0;border:1px solid #0000;width:20px;height:20px;font-size:14px;line-height:1}.container-node__close:hover{opacity:1;background:#0000002e}.rack-panel{border:1.5px solid var(--fam-utility);border-radius:var(--node-radius);background:#7884b412;flex-direction:column;width:100%;height:100%;display:flex}.rack-panel[data-selected="1"]{border-color:#fff;box-shadow:0 0 0 1.5px #fff}.rack-panel__title{cursor:grab;background:var(--fam-utility);color:#0b1020;border-radius:var(--node-radius) var(--node-radius) 0 0;align-items:center;gap:6px;height:28px;padding:0 10px;display:flex}.rack-panel__name{flex:1;font-size:.8rem;font-weight:600}.rack-panel__toolbar-btn{border-radius:var(--ui-radius);color:#0b1020;cursor:pointer;background:#fff3;border:1px solid #00000059;height:20px;padding:0 6px;font-size:.66rem}.rack-panel__close{border-radius:var(--ui-radius);color:#0b1020;cursor:pointer;opacity:.7;background:0 0;border:1px solid #0000;width:20px;height:20px;font-size:14px;line-height:1}.rack-panel__close:hover{opacity:1;background:#0000002e}.rack-panel__body{flex:1;min-height:0;position:relative}.rack-panel__toolbar-btn[data-active="1"]{color:#fff;background:#0000008c;border-color:#000000b3}.rack-control-edit{box-sizing:border-box;border:1px dashed #ffffff8c;border-radius:4px}.rack-control-edit--selected{border-color:#fff;box-shadow:0 0 0 1px #fff9}.rack-control-edit__drag{cursor:grab;z-index:2;background:#ffffff05;position:absolute;top:0;bottom:0;left:0;right:0}.rack-control-edit__drag:active{cursor:grabbing}.rack-control-edit__handle{z-index:3;background:#fff;border:1px solid #0006;border-radius:2px;width:10px;height:10px;position:absolute}.rack-control-edit__handle--nw{cursor:nwse-resize;top:-5px;left:-5px}.rack-control-edit__handle--ne{cursor:nesw-resize;top:-5px;right:-5px}.rack-control-edit__handle--sw{cursor:nesw-resize;bottom:-5px;left:-5px}.rack-control-edit__handle--se{cursor:nwse-resize;bottom:-5px;right:-5px}.rack-context-menu{z-index:50;border:1px solid var(--panel-line,#fff3);background:#0a1020f2;border-radius:4px;min-width:140px;padding:4px 0;box-shadow:0 6px 20px #00000080}.rack-context-menu__item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.75rem;display:block}.rack-context-menu__item:hover{background:#ffffff14}.rack-section{box-sizing:border-box;border:1px solid var(--panel-line,#ffffff59);pointer-events:none;z-index:1;background:#ffffff05;border-radius:4px}.rack-section__header{border-bottom:1px solid var(--panel-line,#ffffff40);cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;color:#ffffffe6;background:#ffffff14;border-radius:4px 4px 0 0;align-items:center;height:18px;padding:0 6px;font-size:.66rem;display:flex;position:absolute;top:0;left:0;right:0}.rack-section__header:active{cursor:grabbing}.rack-section__label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rack-section__label-input{color:#fff;font:inherit;background:#0006;border:1px solid #fff6;border-radius:2px;flex:1;min-width:0;padding:0 2px}.rack-section-draw-preview{z-index:10;background:#ffffff14;border:1px dashed #ffffffb3;border-radius:4px}.noodle-badge{pointer-events:none;letter-spacing:.4px;text-transform:uppercase;background:#0a1020d9;border:1px solid;border-radius:999px;padding:1px 5px;font-size:9px;position:absolute}.react-flow__edge-path[data-splice-target=true]{filter:drop-shadow(0 0 5px var(--accent,#4a7bff));animation:.9s ease-in-out infinite noodle-splice-pulse}@keyframes noodle-splice-pulse{0%,to{filter:drop-shadow(0 0 4px var(--accent,#4a7bff))}50%{filter:drop-shadow(0 0 9px var(--accent,#4a7bff))}}@media (prefers-reduced-motion:reduce){.react-flow__edge-path[data-splice-target=true]{animation:none}}.noodle-flow{stroke-dasharray:10 6;animation:1.5s linear infinite noodle-flow}.noodle-flow--high{animation-duration:.75s}@keyframes noodle-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-80px}}.studio-minimap{border:1px solid var(--panel-line);border-radius:6px;width:232px;height:132px;background:color-mix(in srgb, var(--surface-2) 80%, transparent)!important}.react-flow__controls{background:var(--surface-2);border:1px solid var(--panel-line);border-radius:var(--ui-radius);box-shadow:0 4px 16px #00000073}.react-flow__controls-button{color:var(--ink);border-color:var(--panel-line);fill:var(--ink);background:0 0}.react-flow__controls-button:hover{background:color-mix(in srgb, var(--panel-line) 18%, transparent)}.react-flow__controls-button svg path,.react-flow__controls-button svg polygon{fill:currentColor}.react-flow__controls-button[disabled],.react-flow__controls-button:disabled{opacity:.4}.mix-snapshots{border:1px solid var(--panel-line);z-index:30;background:#0a1020d9;border-radius:6px;flex-direction:column;gap:8px;width:320px;max-height:calc(100% - 24px);padding:10px 12px;display:flex;position:absolute;top:12px;right:12px;overflow:auto}.mix-snapshots__name-input{background:var(--surface);border:1px solid var(--panel-line);min-width:80px;max-width:33%;color:var(--ink);border-radius:var(--ui-radius);flex:0 33%;padding:3px 6px;font-size:.78rem}.mix-snapshots__ab{border-bottom:1px solid var(--panel-line);flex-wrap:wrap;flex:none;align-items:center;gap:6px 8px;padding:6px 8px;display:flex}.mix-snapshots__ab label{align-items:center;gap:4px;font-size:.74rem;display:flex}.mix-snapshots__ab select{background:var(--surface);border:1px solid var(--panel-line);color:var(--ink);border-radius:var(--ui-radius);max-width:110px;padding:2px 4px;font-size:.74rem}.mix-snapshots__blend{min-width:70px;accent-color:var(--fam-mixer,var(--accent,#4a7bff));flex:90px}.mix-snapshots__list{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:6px 8px;list-style:none;display:flex;overflow:auto}.mix-snapshots__item{border:1px solid var(--panel-line);border-radius:4px;padding:5px 7px;font-size:12px}.mix-snapshots__item-head{align-items:center;gap:6px;display:flex}.mix-snapshots__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.mix-snapshots__count{opacity:.6;white-space:nowrap;font-size:11px}.mix-snapshots__nodes{border-top:1px solid color-mix(in srgb, var(--panel-line) 60%, transparent);flex-flow:wrap;gap:6px;margin-top:6px;padding-top:6px;display:flex}.mix-snapshots__node{border:1px solid var(--panel-line);border-left:2px solid var(--snap-accent,var(--accent,#4a7bff));background:color-mix(in srgb, var(--snap-accent,var(--accent)) 8%, transparent);border-radius:4px;flex-direction:column;gap:5px;padding:5px 6px;display:flex}.mix-snapshots__node-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.7rem;font-weight:600;overflow:hidden}.mix-snapshots__node-controls{flex-flow:wrap;align-items:flex-start;gap:8px;display:flex}.mix-snapshots__node-empty{color:var(--muted);font-size:.7rem}.snap-param{flex-direction:column;align-items:center;gap:2px;width:38px;display:flex}.snap-param__label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;font-size:.58rem;overflow:hidden}.mix-snapshots__knob.knob{cursor:default;width:24px;height:24px}.mix-snapshots__knob .knob__inner{width:19px;height:19px}.snap-pill{letter-spacing:.3px;border:1px solid var(--panel-line);color:var(--muted);background:var(--surface);border-radius:999px;padding:2px 6px;font-size:.58rem;font-weight:700}.snap-param--toggle.is-on .snap-pill{color:var(--snap-accent,var(--accent,#4a7bff));border-color:var(--snap-accent,var(--accent,#4a7bff));background:color-mix(in srgb, var(--snap-accent,var(--accent)) 18%, var(--surface))}.snap-param--select{width:auto;max-width:84px}.snap-chip{border-radius:var(--ui-radius);border:1px solid var(--panel-line);background:var(--surface);text-overflow:ellipsis;white-space:nowrap;max-width:84px;padding:2px 6px;font-size:.6rem;overflow:hidden}.scene-launcher{border:1px solid var(--panel-line);z-index:30;background:#0a1020d9;border-radius:6px;flex-direction:column;gap:8px;width:340px;max-height:calc(100% - 24px);padding:10px 12px;display:flex;position:absolute;top:12px;right:12px;overflow:auto}.scene-launcher__head{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.scene-launcher__controls{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.scene-launcher__xfade,.scene-launcher__onbar{align-items:center;gap:4px;display:inline-flex}.scene-launcher__xfade input{border:1px solid var(--panel-line);width:64px;color:inherit;background:#0000004d;border-radius:4px;padding:2px 4px}.scene-launcher__grid{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.scene-launcher__cell{border:1px solid var(--panel-line);border-radius:4px;flex-direction:column;gap:4px;padding:6px;display:flex}.scene-launcher__cue{text-align:left;border:1px solid var(--panel-line);width:100%;min-height:40px;color:inherit;cursor:pointer;background:#0000004d;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.scene-launcher__cue.is-active{border-color:var(--accent,#5cc8ff);box-shadow:0 0 0 1px var(--accent,#5cc8ff) inset}.scene-launcher__cue.is-pending{opacity:.85;border-style:dashed}.scene-launcher__cue:hover:not(.is-active){border-color:color-mix(in srgb, var(--ink) 40%, var(--panel-line));background:color-mix(in srgb, var(--ink) 10%, #0000004d)}.scene-launcher__num{background:#ffffff1f;border-radius:3px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.scene-launcher__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.scene-launcher__queued{opacity:.7;font-size:10px}.scene-launcher__rename{border:1px solid var(--panel-line);width:100%;color:inherit;background:#0000004d;border-radius:4px;padding:6px 8px;font-size:12px}.scene-launcher__cell-actions{gap:4px;display:flex}.scene-launcher__cell-actions .tool-btn{flex:1}.midi-mappings{border:1px solid var(--panel-line);z-index:30;background:#0a1020d9;border-radius:6px;flex-direction:column;gap:8px;width:360px;max-height:calc(100% - 24px);padding:10px 12px;display:flex;position:absolute;top:12px;right:12px;overflow:auto}.midi-mappings__head{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.midi-mappings__access{flex-direction:column;gap:6px;display:flex}.midi-mappings__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.midi-mappings__row{border:1px solid var(--panel-line);background:#0000004d;border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.midi-mappings__row.is-learning{border-color:var(--accent,#5cc8ff);box-shadow:0 0 0 1px var(--accent,#5cc8ff) inset}.midi-mappings__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.midi-mappings__source{opacity:.8;font-variant-numeric:tabular-nums;white-space:nowrap}.midi-mappings__actions{gap:4px;display:inline-flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.auth-controls{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.auth-controls--loading{opacity:0;width:96px;height:24px}.auth-controls__nudge{opacity:.7;white-space:nowrap;font-size:12px}.user-menu{display:inline-block;position:relative}.user-menu__pill{color:inherit;cursor:pointer;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}.user-menu__pill:hover{background:#ffffff1a}.user-menu__avatar{color:#fff;background:#4a6cf7;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:inline-flex}.user-menu__email{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.user-menu__dropdown{z-index:200;background:#1b1f27;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.user-menu__item{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 10px}.user-menu__item:hover{background:#ffffff14}.user-menu__item--danger{color:#ff8a8a}.user-menu__item--link{color:inherit;text-decoration:none;display:block}.user-menu__separator{background:#ffffff1f;height:1px;margin:4px 2px}.user-menu__lang{flex-direction:column;gap:4px;padding:6px 10px;display:flex}.user-menu__lang-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px}.user-menu__lang-options{gap:4px;display:flex}.user-menu__lang-option{min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:4px;flex:1 1 0;padding:4px 8px;font-size:12px}.user-menu__lang-option:hover{background:#ffffff14}.user-menu__lang-option--active{background:var(--accent,#4a7bff);border-color:var(--accent,#4a7bff);color:#fff}.user-menu__lang-option:focus-visible{outline:2px solid var(--accent,#4a7bff);outline-offset:1px}.auth-modal-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.auth-modal{color:#fff;background:#1b1f27;border-radius:8px;width:100%;min-width:340px;max-width:420px;padding:20px;box-shadow:0 24px 48px #0009}.auth-modal__tabs{gap:8px;margin-bottom:16px;display:flex}.auth-modal__tab{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #ffffff1f;border-radius:4px;flex:1;padding:8px 10px}.auth-modal__tab.is-active{background:#4a6cf7;border-color:#4a6cf7}.auth-modal__title{margin:0 0 12px;font-size:16px}.auth-modal__form{flex-direction:column;gap:10px;display:flex}.auth-modal__field{flex-direction:column;gap:4px;font-size:12px;display:flex}.auth-modal__field input{color:inherit;font:inherit;background:#0f1218;border:1px solid #ffffff29;border-radius:4px;padding:8px 10px}.auth-modal__error{color:#ffb8b8;background:#ff505029;border:1px solid #ff505066;border-radius:4px;padding:6px 8px;font-size:12px}.auth-modal__actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.auth-modal__cancel,.auth-modal__submit{color:inherit;cursor:pointer;font:inherit;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;padding:8px 14px}.auth-modal__submit{background:#4a6cf7;border-color:#4a6cf7}.auth-modal__submit:disabled,.auth-modal__cancel:disabled{opacity:.6;cursor:not-allowed}.auth-modal__forgot-link{color:#9db4ff;cursor:pointer;font:inherit;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.auth-modal__hint{opacity:.8;margin:0;font-size:12px}.auth-modal__notice{color:#b8ffce;background:#50c87824;border:1px solid #50c87866;border-radius:4px;padding:8px 10px;font-size:12px}.verify-email-banner{color:#ffe39a;background:#ffc4001f;border-bottom:1px solid #ffc40059;align-items:center;gap:12px;padding:6px 14px;font-size:13px;display:flex}.verify-email-banner__text{flex:0 auto}.verify-email-banner__action{color:inherit;cursor:pointer;font:inherit;background:#ffffff14;border:1px solid #ffffff2e;border-radius:4px;padding:4px 10px;font-size:12px}.verify-email-banner__action:disabled{opacity:.6;cursor:not-allowed}.verify-email-banner__notice{opacity:.9}.verify-email-banner__dismiss{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:18px;line-height:1}.device-gate{z-index:2000;background:var(--canvas-bg-from);background:radial-gradient(1200px 700px at 50% -10%, var(--canvas-bg-to), var(--canvas-bg-from) 65%);color:var(--ink);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.device-gate__card{text-align:center;background:var(--surface);border:1px solid var(--panel-line);border-radius:var(--ui-radius);flex-direction:column;align-items:center;gap:14px;max-width:420px;padding:28px 24px;display:flex;box-shadow:0 12px 40px #00000073}.device-gate__glyph{font-size:40px;line-height:1}.device-gate__title{margin:0;font-size:18px;font-weight:700}.device-gate__text{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.device-gate__continue{border-radius:var(--ui-radius);border:1px solid var(--fam-mixer);background:var(--fam-mixer);color:var(--fam-mixer-fg);font:inherit;cursor:pointer;min-height:44px;margin-top:4px;padding:10px 20px;font-size:13px;font-weight:600}.device-gate__continue:hover{filter:brightness(1.08)}.device-gate__home{color:var(--type-audio);align-items:center;min-height:44px;font-size:13px;text-decoration:underline;display:inline-flex}.device-gate__continue:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.device-gate__home:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.cookie-consent{z-index:1000;background:var(--surface);border-top:1px solid var(--panel-line);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:14px 20px;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000059}.cookie-consent__body{flex:280px;min-width:0}.cookie-consent__title{margin:0 0 2px;font-size:13px;font-weight:700}.cookie-consent__text{color:var(--muted);margin:0;line-height:1.45}.cookie-consent__link{color:var(--type-audio);text-decoration:underline}.cookie-consent__actions{flex:none;gap:8px;display:flex}.cookie-consent__btn{border-radius:var(--ui-radius);cursor:pointer;font:inherit;min-height:44px;padding:8px 16px;font-size:12px;font-weight:600}.cookie-consent__btn--secondary{border:1px solid var(--panel-line);color:var(--ink);background:0 0}.cookie-consent__btn--primary{background:var(--fam-mixer);border:1px solid var(--fam-mixer);color:var(--fam-mixer-fg)}.cookie-consent__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.onboarding-backdrop{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.onboarding{background:var(--surface);color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 48px #0009}.onboarding:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.onboarding__close{border:1px solid var(--panel-line);border-radius:var(--ui-radius);width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.onboarding__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.onboarding__title{margin:0 0 8px;font-size:20px}.onboarding__lead{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.onboarding__steps{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.onboarding__step{background:var(--surface-2);border:1px solid var(--panel-line);border-radius:var(--ui-radius);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.onboarding__step-title{font-size:13px;font-weight:600}.onboarding__step-body{color:var(--muted);font-size:12px;line-height:1.5}.onboarding__demos{margin-bottom:16px}.onboarding__demos-label{color:var(--muted);margin:0 0 8px;font-size:12px}.onboarding__demo-actions{flex-wrap:wrap;gap:8px;display:flex}.onboarding__footer{border-top:1px solid var(--panel-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.onboarding__dont-show{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.onboarding__btn{border-radius:var(--ui-radius);cursor:pointer;font:inherit;min-height:44px;padding:8px 16px;font-size:12px;font-weight:600}.onboarding__btn--primary{background:var(--fam-mixer);border:1px solid var(--fam-mixer);color:var(--fam-mixer-fg)}.onboarding__btn--secondary{border:1px solid var(--panel-line);color:var(--ink);background:0 0}.onboarding__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.help-panel-backdrop{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.help-panel{background:var(--surface);color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--ui-radius);width:100%;max-width:620px;max-height:calc(100vh - 32px);padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 48px #0009}.help-panel:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.help-panel__close{border:1px solid var(--panel-line);border-radius:var(--ui-radius);width:32px;height:32px;color:var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:10px;right:10px}.help-panel__close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.help-panel__title{margin:0 0 8px;font-size:20px}.help-panel__lead{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.help-panel__section{margin-bottom:20px}.help-panel__section:last-child{margin-bottom:0}.help-panel__section-title{margin:0 0 10px;font-size:14px;font-weight:600}.help-panel__features{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.help-panel__feature{background:var(--surface-2);border:1px solid var(--panel-line);border-radius:var(--ui-radius);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.help-panel__feature-link{color:var(--ink);font-size:13px;font-weight:600;text-decoration:underline}.help-panel__feature-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.help-panel__feature-summary{color:var(--muted);font-size:12px;line-height:1.5}.help-panel__shortcuts{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;display:grid}.help-panel__shortcut{display:contents}.help-panel__shortcut-keys{margin:0}.help-panel__shortcut-keys kbd{background:var(--surface-2);border:1px solid var(--panel-line);border-radius:var(--ui-radius);font:inherit;white-space:nowrap;color:var(--ink);padding:2px 6px;font-size:11px;display:inline-block}.help-panel__shortcut-action{color:var(--muted);align-self:center;margin:0;font-size:12px}.canvas-empty-state{pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.canvas-empty-state__card{pointer-events:auto;background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--panel-line);border-radius:var(--ui-radius);text-align:center;max-width:420px;padding:20px 24px;box-shadow:0 16px 32px #00000073}.canvas-empty-state__title{color:var(--ink);margin:0 0 8px;font-size:16px;font-weight:600}.canvas-empty-state__hint{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.canvas-empty-state__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.audio-unlock{z-index:40;border-radius:var(--ui-radius);border:1px solid var(--fam-mixer);background:var(--fam-mixer);min-height:44px;color:var(--fam-mixer-fg);font:inherit;cursor:pointer;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.audio-unlock__glyph{font-size:12px;line-height:1}.audio-unlock--unsupported{cursor:default;border-color:var(--panel-line);background:var(--surface-2);color:var(--muted);font-weight:600}.audio-unlock:hover{filter:brightness(1.08)}.audio-unlock:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.recovery-page{background:var(--bg,#0a0f1f);color:#fff;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.recovery-page__card{background:var(--surface,#11182e);border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px;display:flex}.recovery-page__title{margin:0;font-size:20px}.recovery-page__form{flex-direction:column;gap:12px;display:flex}.recovery-page__field{flex-direction:column;gap:4px;font-size:13px;display:flex}.recovery-page__field input{color:inherit;font:inherit;background:#ffffff0f;border:1px solid #ffffff29;border-radius:4px;padding:8px 10px}.recovery-page__cta{color:#fff;cursor:pointer;font:inherit;text-align:center;background:#4a6cf7;border:1px solid #4a6cf7;border-radius:4px;padding:9px 14px;text-decoration:none;display:inline-block}.recovery-page__cta:disabled{opacity:.6;cursor:not-allowed}.recovery-page__link{color:#9db4ff;font-size:13px}.recovery-page__error{color:#ffb8b8;background:#ff505029;border:1px solid #ff505066;border-radius:4px;margin:0;padding:8px 10px;font-size:13px}.recovery-page__error-block,.recovery-page__success{flex-direction:column;gap:12px;display:flex}.recovery-page__notice{color:#b8ffce;margin:0;font-size:13px}.recovery-page__hint{opacity:.8;margin:0;font-size:13px}.param--code{justify-content:space-between;align-items:center;gap:8px;display:flex}.code-modal-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.code-modal{background:var(--surface,#11182e);color:#fff;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;width:min(720px,90vw);height:min(520px,80vh);display:flex;overflow:hidden;box-shadow:0 24px 48px #0009}.code-modal__header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-modal__title{margin:0;font-size:14px}.code-modal__close{color:#fff;cursor:pointer;font:inherit;background:#4a6cf7;border:1px solid #4a6cf7;border-radius:4px;padding:6px 14px}.code-modal__editor{background:var(--surface-2,#0d1326);flex:1;min-height:0;position:relative;overflow:hidden}.code-modal__loading{opacity:.7;padding:12px 16px;font-size:12px}.code-modal__error{color:#ffb8b8;white-space:pre-wrap;background:#ff50501f;border-top:1px solid #ff505066;max-height:120px;margin:0;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow:auto}.shader-library-backdrop{z-index:1001;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.shader-library{background:var(--surface,#11182e);color:#fff;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;width:min(820px,92vw);height:min(600px,84vh);display:flex;overflow:hidden;box-shadow:0 24px 48px #0009}.shader-library__header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.shader-library__title{margin:0;font-size:14px}.shader-library__close{color:#fff;cursor:pointer;font:inherit;background:0 0;border:1px solid #fff3;border-radius:4px;padding:6px 14px}.shader-library__filters{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:6px;padding:10px 16px;display:flex}.shader-library__filter{background:var(--surface-2,#0d1326);color:#cfd6f0;cursor:pointer;font:inherit;text-transform:capitalize;border:1px solid #ffffff1f;border-radius:999px;padding:3px 12px;font-size:11px}.shader-library__filter--active{color:#fff;background:#4a6cf7;border-color:#4a6cf7}.shader-library__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;min-height:0;padding:16px;display:grid;overflow:auto}.shader-library__cell{text-align:left;background:var(--surface-2,#0d1326);cursor:pointer;color:#fff;font:inherit;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:4px;padding:8px;transition:border-color .12s,transform .12s;display:flex}.shader-library__cell:hover{border-color:#4a6cf7;transform:translateY(-2px)}.shader-library__cell:focus-visible{border-color:#4a6cf7;transform:translateY(-2px)}.shader-library__thumb{border-radius:4px;width:100%;height:72px;display:block}.shader-library__name{font-size:12px;font-weight:600}.shader-library__desc{opacity:.7;font-size:11px;line-height:1.3}.offline-indicator{z-index:60;color:var(--ink);background:color-mix(in srgb, var(--type-trigger) 22%, var(--surface-2) 78%);border-bottom:1px solid color-mix(in srgb, var(--type-trigger) 50%, transparent);justify-content:center;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.offline-indicator__dot{border-radius:var(--port-radius);background:var(--type-trigger);flex:none;width:8px;height:8px}.offline-indicator__text{flex:0 auto}.toast-stack{z-index:70;pointer-events:none;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--ui-radius);background:var(--surface);border:1px solid var(--panel-line);border-left:3px solid var(--accent,#4a7bff);color:var(--ink);pointer-events:auto;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex;box-shadow:0 6px 18px #0006}.toast--error{border-left-color:var(--type-trigger)}.toast--warn{border-left-color:var(--fam-sequencing)}.toast--success{border-left-color:var(--type-control)}.toast__message{flex:auto}.toast__actions{flex:none;align-items:center;gap:4px;display:flex}.toast__action{background:color-mix(in srgb, var(--accent) 22%, transparent);border:1px solid var(--accent,#4a7bff);border-radius:var(--ui-radius);color:var(--ink);cursor:pointer;font:inherit;padding:3px 10px;font-size:12px;font-weight:600}.toast__action:hover{background:color-mix(in srgb, var(--accent) 34%, transparent)}.toast__dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.toast__dismiss:hover{color:var(--ink)}.project-picker__error{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-picker__error-text{flex:auto}.project-picker__retry{flex:none}@media (pointer:coarse){.react-flow__handle.port:after{content:"";background:0 0;border-radius:999px;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.daw-node__close,.daw-node__display-toggle,.daw-node__pattern-toggle,.container-node__close,.rack-panel__close{width:44px;height:44px}.container-node__open,.rack-panel__toolbar-btn{min-height:44px}.pattern-panel__close,.inspector-collapse-toggle{width:44px;height:44px}.panel-resizer--vertical{width:20px}.panel-resizer--horizontal{height:22px;top:-10px}.tool-btn,.pattern-editor__slot{min-height:44px}.knob{width:44px;height:44px}.browser-item{touch-action:none;min-height:44px}.browser-chip{min-height:32px;padding:6px 12px}}@media (min-width:1024px) and (max-width:1180px){.studio-shell{grid-template-columns:var(--browser-width,200px) 1fr var(--inspector-width,260px)}.breadcrumbs{max-width:160px}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);transition:background-color var(--t-hover);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:0 0}.daw-node__pin-toggle{border-radius:var(--ui-radius);width:24px;height:24px;color:var(--accent-fg,#fff);cursor:pointer;opacity:.55;background:#0000001f;border:1px solid #00000061;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.daw-node__pin-toggle:hover,.daw-node__pin-toggle.is-pinned{opacity:1;background:#00000038}.pin-bar{background:var(--surface-2);flex-direction:column;height:100%;display:flex;overflow:hidden}.pin-bar__toolbar{border-bottom:1px solid var(--panel-line);background:var(--surface-2);flex:none;align-items:center;gap:12px;padding:6px 12px;display:flex}.pin-bar__toolbar-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:.72rem}.pin-bar__autofocus-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:.76rem;display:inline-flex}.pin-bar__autofocus-toggle input[type=checkbox]{cursor:pointer}.pin-bar__empty{color:var(--muted);padding:16px;font-size:.85rem}.pin-bar__scroll{flex-direction:row;flex:auto;align-items:stretch;gap:8px;min-height:0;padding:8px;display:flex;overflow:auto hidden}.pin-block{background:var(--surface-2);border:1px solid var(--panel-line);border-radius:var(--node-radius);flex-direction:column;flex:none;min-width:180px;max-width:280px;min-height:0;display:flex;overflow:hidden}.pin-block__title{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:5px 6px;display:flex}.pin-block__locate{border-radius:var(--ui-radius);cursor:pointer;opacity:.8;width:20px;height:20px;color:inherit;background:#0000001f;border:1px solid #00000040;flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.pin-block__locate:hover{opacity:1;background:#00000038}.pin-block__name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:700;overflow:hidden}.pin-block__unpin{cursor:pointer;opacity:.75;width:18px;height:18px;color:inherit;background:#0000001f;border:1px solid #00000040;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.pin-block__unpin:hover{opacity:1;background:#00000038}.pin-block__params{flex:auto;min-height:0;padding:6px 8px 8px;overflow-y:auto}.pin-block__rack-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));align-content:start;gap:6px;display:grid}.pin-block__empty-rack{color:#ffffff4d;text-align:center;padding:8px 4px;font-size:10px}