.composer-view-active.studio-workspace{grid-template-columns:auto minmax(0,1fr)}.composer-view-active .desktop-inspector{display:none}.composition-tabs button{display:inline-flex;align-items:center;gap:7px}.composer{flex:1;min-height:0;overflow:auto;padding:24px;background:radial-gradient(ellipse at 80% 0%,#a855f709,transparent 50%),#101014;--composer-accent:#c4b5fd}.composer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.composer-header h2{font-size:26px;letter-spacing:-.8px;margin:6px 0}.composer-header h2 span{font-size:10px;letter-spacing:1.3px;color:#777586;margin-left:12px;font-weight:500}.composer-header p,.composer-hint{font-size:12px;color:#9995a9;margin:6px 0}.composer .eyebrow{font-size:10px;letter-spacing:1.8px;color:#a5a0b7}.composer kbd{font:10px ui-monospace,monospace;color:#aaa4bb;border:1px solid #ffffff16;border-radius:4px;padding:2px 5px}.composer-track{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid #30303b;border-radius:10px;background:#19181f;margin-bottom:16px}.composer-track label{flex:1;min-width:120px}.composer label{font-size:11px;color:#aaa4ba;display:flex;flex-direction:column;gap:7px}.composer input:not([type=range]),.composer select{padding:8px 10px;background:#111116;border:1px solid #36333f;border-radius:5px;min-width:0;color:#e6e3ed;width:100%;font-size:12px}.composer-rack{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px;margin-bottom:20px}.synth-module{padding:16px;border:1px solid #35313f;border-radius:10px;background:linear-gradient(145deg,#201d28,#17161d)}.synth-module h3{margin:0 0 18px;font-size:12px;font-weight:600;display:flex;gap:9px;align-items:center;color:#eeebf7}.synth-module h3 i{font-style:normal;font:10px ui-monospace,monospace;color:#a99ac7;background:#c4b5fd10;border:1px solid #c4b5fd16;padding:3px 5px;border-radius:4px}.composer-control{margin:13px 0}.composer-control>span{display:flex;align-items:center;justify-content:space-between;gap:6px}.composer-control output{color:#d3c5f8;font:11px ui-monospace,monospace}.composer input[type=range]{width:100%;accent-color:#b89aea;height:14px;cursor:ew-resize}.composer-envelope-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.osc-display,.envelope-display{background:#100f16;border:1px solid #302b3d;border-radius:5px;margin:14px 0 7px;padding:8px 10px;height:64px}.osc-display svg,.envelope-display svg{width:100%;height:100%;overflow:visible}.osc-display path,.envelope-display path{fill:none;stroke:#bba3ef;stroke-width:1.6;vector-effect:non-scaling-stroke}.envelope-display{height:97px;position:relative;padding-bottom:24px}.envelope-display span{position:absolute;bottom:7px;left:12px;font:9px ui-monospace,monospace;letter-spacing:5px;color:#8e83a6}.composer-sequencer,.composer-keyboard-section{border:1px solid #302d38;border-radius:10px;background:#17161d;padding:16px;margin-bottom:18px}.composer-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.composer-section-title h3{font-size:15px;margin:5px 0 0}.composer-section-title small{font-size:11px;color:#9d94b1;font-weight:400;margin-left:8px}.composer-step-tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:14px}.composer-step-tools label{flex-direction:row;align-items:center}.composer-step-tools select{width:60px}.composer-step-tools button{font-size:11px;color:#bcb2ce;padding:5px 0}.composer-steps{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:5px}.composer-steps button{background:#22202a;border:1px solid #383240;border-radius:5px;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:6px 0;min-width:0}.composer-steps small{font:9px ui-monospace,monospace;color:#8e829f}.composer-steps strong{font:10px ui-monospace,monospace;color:#82788f}.composer-steps span{font-size:9px;color:#ab97c9}.composer-steps .has-note{background:#30243e;border-color:#634580}.composer-steps .has-note strong{color:#e8d5ff}.composer-steps .selected{outline:2px solid #d0b6fa;outline-offset:1px}.composer-hint{margin-top:13px;line-height:1.6}.composer-keyboard-section .row label{max-width:85px;font-size:10px}.composer-keyboard{height:142px;display:flex;position:relative;gap:3px;touch-action:none}.piano-key{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;border-radius:0 0 5px 5px;padding:10px 0;touch-action:none;user-select:none}.piano-key.white{flex:1;background:linear-gradient(#e9e5ec,#bab5c6);color:#3c344a;border:1px solid #faf8fe}.piano-key.black{position:absolute;top:0;height:62%;width:4.2%;background:linear-gradient(#302936,#151019);color:#c9c0d6;z-index:1;border:1px solid #08060c;box-shadow:1px 4px 4px #0008}.piano-key span{font:10px ui-monospace,monospace}.piano-key kbd{border:0;color:inherit;font-size:10px;padding:0}.piano-key.pressed{background:linear-gradient(#c8a3ff,#9b6ad4);border-color:#dac7f6;color:#231331;box-shadow:0 0 14px #ab80ec45}.composer-keyboard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font-size:10px;color:#9990a9;flex-wrap:wrap;line-height:1.8}.composer-empty{text-align:center;padding:80px 20px;color:#b4a4c8}.composer-empty h3{font-size:23px;color:#f4effb}.composer-command-search{width:100%;margin-bottom:10px}.composer-command-list{max-height:45vh;overflow:auto}.composer-command-list button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #ffffff0c;font-size:13px;gap:15px}.composer-command-list button:hover{background:#b897ec15}.composer-command-list kbd{font:10px ui-monospace,monospace;color:#aaa0bc}.composer button:focus-visible,.composer input:focus-visible,.composer select:focus-visible,.composer-command-list button:focus-visible{outline:2px solid #d0b6fa;outline-offset:3px}@media(max-width:1100px){.composer{padding:16px}.composer-rack{grid-template-columns:1fr 1fr}.synth-module:last-child{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.synth-module:last-child h3{grid-column:1 / -1;margin-bottom:0}.composer-steps{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:760px){.composer-view-active .composition-panel{display:flex;width:100%;height:100%}.composer-view-active.studio-workspace{display:flex;overflow:hidden}.composer-view-active .mobile-flow{display:none}.composer{padding:14px}.composer-header h2{font-size:23px}.composer-header .row{flex-wrap:wrap}.composer-rack{grid-template-columns:1fr}.synth-module:last-child{grid-template-columns:1fr 1fr}.composer-track label{min-width:100px}.composer-keyboard{height:124px}.piano-key span{font-size:8px}.piano-key kbd{font-size:9px}.composer-section-title>.row{flex-wrap:wrap}.composer-keyboard-footer{font-size:9px}}.composer{display:flex;flex-direction:column;overflow:hidden;padding:18px 20px 12px}.composer-header{flex-shrink:0;margin-bottom:16px}.composer-workbench{flex:1;min-height:100px;overflow:auto;padding:2px 3px 4px}.composer-keyboard-section{flex-shrink:0;margin:10px 3px 0;padding:12px 14px}.composer-keyboard-section .composer-section-title{margin-bottom:10px}.composer-keyboard{height:115px}.composer-keyboard-footer{margin-top:9px}.composer .synth-module{padding:13px}.composer .synth-module h3{margin-bottom:13px}.composer .composer-control{margin:10px 0;gap:5px}.composer .composer-track{padding:11px 13px}.composer .composer-steps button{min-height:64px}@media(max-width:760px){.composer{padding:12px 10px 8px}.composer-header{gap:8px;margin-bottom:10px}.composer-header p,.composer-header h2 span{display:none}.composer-header h2{font-size:20px;margin:3px 0}.composer-header .eyebrow{display:none}.composer-header .row{gap:7px}.composer-header .button{font-size:11px;padding:7px}.composer-keyboard-section{padding:10px;margin-top:8px}.composer-keyboard{height:92px}.composer-keyboard-section h3{font-size:12px}.composer-keyboard-section .eyebrow{font-size:8px}.composer-keyboard-section .composer-section-title{gap:6px}.composer-keyboard-section .row label{max-width:65px}.composer-keyboard-section .row{gap:8px}.composer-keyboard-footer{gap:2px;font-size:8px}.composer-workbench{min-height:60px}}.composer-sound-source{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:14px;border:1px dashed #67517e;border-radius:8px;background:#201927}.composer-sound-source>div{display:flex;flex-direction:column;gap:5px;min-width:0}.composer-sound-source strong{font-size:13px}.composer-sound-source>div>span:last-child{font-size:10px;color:#ada1ba}.composer-sound-source button{flex-shrink:0}.composer-sampler>label{margin-bottom:12px}.composer-sound-picker{border:0;padding:0;margin:0;min-width:0}.composer-header>.row{flex-wrap:wrap}.composer-import-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.composer-chord-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}.composer-chord-tools label{flex-direction:row;align-items:center;gap:6px}.composer-chord-tools select{width:auto;max-width:160px}.composer-chord-tools>span,.composer-pitch-chords{font-size:11px;color:#bcb2ce}.composer-chord-tools .button{white-space:nowrap}@media(max-width:760px){.composer-chord-tools{gap:6px}.composer-chord-tools label{font-size:9px;gap:4px}.composer-chord-tools select{font-size:10px;padding:5px;max-width:116px}.composer-chord-tools .button{padding:6px;font-size:10px}.composer-chord-tools>span{font-size:9px;width:100%}.composer-chord-tools label:nth-of-type(2){flex:1}.composer-chord-tools label:nth-of-type(2) select{flex:1;max-width:none}}.synth-patches{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.synth-patches button{display:inline-flex;align-items:center;gap:8px;border:1px solid #51415f;border-radius:7px;background:#241c30;padding:10px 14px;font-size:12px;color:#d7c5ed}.synth-patches button:hover{background:#392747;border-color:#a383c3}@media(max-width:760px){.composition-tabs{gap:2px;padding:6px}.composition-tabs button{padding:7px 8px;font-size:11px;gap:4px;white-space:nowrap}.synth-patches{gap:6px}.synth-patches button{padding:8px 10px;font-size:11px}}.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.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))}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-400.ttf) format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/geist-500.ttf) format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/geist-600.ttf) format("truetype")}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/geist-700.ttf) format("truetype")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geist-mono-400.ttf) format("truetype")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/geist-mono-500.ttf) format("truetype")}:root{font-family:Geist,Inter,system-ui,sans-serif;color:#f5f5f7;background:#09090b;font-synthesis:none;font-size:14px;--bg:#09090b;--panel:#111116;--panel-2:#18181f;--border:#2a2a35;--text:#f5f5f7;--muted:#9393a4;--violet:#a855f7;--pink:#ec4899;--cyan:#22d3ee;--lime:#a3e635;--orange:#fb923c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button{border:0;background:none}a{color:inherit;text-decoration:none}input,select,textarea{color:var(--text);accent-color:var(--violet)}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,pre:focus-visible{outline:2px solid #c084fc;outline-offset:4px}button,a,input{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}h2{font-size:16px;font-weight:650}h3{font-size:14px;font-weight:600}p{line-height:1.6}svg{flex-shrink:0}button{transition:background .16s,color .16s,border-color .16s,opacity .16s}::selection{background:#a855f755}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#333340;border-radius:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.purple-text{color:#be80f8}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.2px}.text-button{display:inline-flex;gap:5px;align-items:center;color:#b9a1d3;font-size:13px;padding:5px 0}.text-button:hover{color:#e4c6ff}.button{height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:550;white-space:nowrap}.button.primary{background:var(--violet);color:#fff;box-shadow:0 3px 14px #a855f718}.button.primary:hover{background:#b566fb}.button.secondary{background:#18181f;border-color:var(--border)}.button.secondary:hover{background:#24242e;border-color:#494958}.button.small{height:32px;padding:0 10px;font-size:12px;gap:6px}.button.added{background:#a3e63510;border-color:#a3e63530;color:#b1df79}.button.danger{background:#e64769;color:#fff}.icon-button{width:34px;height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#b1b1be;flex-shrink:0}.icon-button:hover{background:#24242d;color:#fff}.icon-button.active{color:#c181ff;background:#a855f714}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h2,.panel-heading h3{font-size:12px;font-weight:600;letter-spacing:1.1px}.panel-heading.small{margin:24px 0 12px}.section-label{display:block;margin:27px 0 12px;color:var(--muted)}.search-box{display:flex;align-items:center;gap:9px;background:#18181f;border:1px solid var(--border);border-radius:8px;padding:0 11px;height:39px;color:#858594;min-width:0}.search-box input{width:100%;border:0;background:transparent;outline:none;font-size:13px;min-width:0}.search-box input::placeholder{color:#808090}.search-box:focus-within{border-color:#a855f7}.search-box button{padding:0;display:flex}.brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.5px;font-size:21px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:10px;color:#fff;box-shadow:0 4px 20px #a855f719}.brand-button{padding:0}.topbar{height:72px;flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-bottom:1px solid var(--border);padding:0 24px;background:#0d0d11;z-index:5}.project-status{text-align:center}.project-status strong{font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.project-status strong svg{color:#777786}.project-status span{font-size:10px;letter-spacing:1px;display:block;margin-top:7px;color:#9393a4}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.history-buttons{display:flex;gap:1px;margin-right:7px}.top-play{min-width:96px;font-size:12px;letter-spacing:.8px}.mobile-menu{display:none}.studio-shell{height:100dvh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}.studio-workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 280px;flex:1;min-height:0}.sound-library{background:#111116;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 17px 12px;min-height:0}.sound-library>.panel-heading{margin-bottom:15px}.source-buttons{display:flex;gap:7px}.source-buttons button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:7px;height:58px;border:1px solid var(--border);border-radius:8px;background:#17171e;font-size:12px;color:#c1c1ce}.source-buttons button svg{color:#a8a8bb}.source-buttons button:hover{border-color:#9e55e2;background:#a855f714;color:#fff}.source-buttons button:hover svg{color:#c688fc}.categories{display:flex;flex-direction:column;margin:22px -2px 0;gap:4px}.categories button{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;font-size:13px;text-align:left;color:#b3b3c0}.categories button>span{flex:1}.categories button>svg{color:#9a9aaa}.categories button small{font-family:Geist Mono,monospace;font-size:11px;color:#6e6e82}.categories button:hover{background:#ffffff06}.categories button.active{background:#a855f714;color:#c58bff}.categories button.active>svg{color:#bd7eff}.library-list-heading{margin:27px 0 14px}.sound-list{overflow:auto;min-height:90px;flex:1}.sound-item{display:flex;align-items:center;gap:10px;margin-bottom:9px;padding:5px 3px;border-radius:7px}.sound-item:hover{background:#ffffff05}.sound-tile{--tile-color:#a855f7;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:8px;color:var(--tile-color);background:color-mix(in srgb,var(--tile-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--tile-color) 14%,transparent)}button.sound-tile:hover{background:color-mix(in srgb,var(--tile-color) 27%,transparent)}.sound-copy{padding:0;min-width:0;text-align:left;flex:1}.sound-copy strong,.sound-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-copy strong{font-size:13px;font-weight:550}.sound-copy small{font-size:11px;color:var(--muted);margin-top:4px}.sound-add{padding:3px 0;color:#6e6e81;opacity:0}.sound-item:hover .sound-add{opacity:1}.hub-link{display:flex;align-items:center;gap:8px;padding:12px 9px;margin-top:10px;border-radius:8px;background:#a855f70d;border:1px solid #a855f726;color:#bc90e6;font-size:12px}.hub-link>span{flex:1;text-align:left}.hub-link:hover{background:#a855f720}.source-link{font-size:10px;color:#737386;margin:13px 0 0;display:flex;align-items:center;justify-content:center;gap:5px}.source-link:hover{color:#c0a0e1}.arrangement{display:flex;min-width:0;flex-direction:column;background:#0b0b0f}.arrangement-toolbar{height:58px;flex-shrink:0;border-bottom:1px solid #23232d;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0e0e13}.arrangement-toolbar>div:first-child{display:flex;align-items:center;gap:14px}.arrangement-toolbar .eyebrow{color:#d0d0dc}.live-badge{font-size:9px;letter-spacing:.6px;background:#a855f712;border:1px solid #a855f723;color:#bc80f1;border-radius:4px;padding:5px 7px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.live-badge>span{width:4px;height:4px;background:#ae62ed;border-radius:50%}.canvas{position:relative;flex:1;min-height:0;isolation:isolate}.react-flow__node{border:0!important;box-shadow:none!important}.react-flow__pane{cursor:grab}.react-flow__edge-path{opacity:.75}.react-flow__edge.selected .react-flow__edge-path{stroke-width:4px!important;opacity:1}.react-flow__edge-interaction{stroke-width:24px}.music-node{--node-color:#a855f7;width:200px;border:1px solid color-mix(in srgb,var(--node-color) 55%,#27272e);background:#17171ef5;border-radius:12px;padding:15px;box-shadow:0 8px 22px #0005;position:relative}.music-node.selected{border-color:var(--node-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--node-color) 12%,transparent),0 12px 25px #0005}.music-node.effect{width:180px;min-height:136px}.music-node.mixer{width:215px;min-height:175px}.music-node.output{width:175px;min-height:145px}.muted-node{opacity:.45}.node-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:1px;color:var(--node-color)}.node-icon{width:25px;height:25px;border-radius:6px;background:color-mix(in srgb,var(--node-color) 13%,transparent);display:flex;align-items:center;justify-content:center}.node-menu{display:flex;padding:0;margin-left:auto;color:#6e6e80}.node-title{font-size:14px;font-weight:600;margin-top:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-steps{height:28px;display:flex;gap:5px;align-items:end;margin-top:13px}.node-steps button{height:23px;min-width:0;flex:1;border-radius:4px;background:#272731;padding:0;border:1px solid #ffffff03}.node-steps button.enabled{background:var(--node-color);box-shadow:0 0 7px color-mix(in srgb,var(--node-color) 10%,transparent)}.node-steps button.current-step{outline:2px solid #fff;outline-offset:2px}.node-steps.melody{height:43px}.node-small{display:flex;justify-content:space-between;font-size:10px;color:#9393a4;margin-top:15px;gap:8px}.node-small>span:first-child{font-size:9px;letter-spacing:.8px}.node-small>span:last-child{color:#d0c8db}.node-track{height:5px;border-radius:4px;background:#2a2a36;margin-top:9px;overflow:hidden}.node-track span{display:block;height:100%;border-radius:4px;background:var(--node-color)}.react-flow__handle{width:9px;height:9px;background:var(--node-color);border:2px solid #17171e}.react-flow__handle-left{left:-5px}.react-flow__handle-right{right:-5px}.mix-inputs{display:flex;flex-direction:column;gap:7px;margin-top:13px}.mix-inputs button{display:flex;align-items:center;gap:7px;text-align:left;font-size:11px;color:#bfbfce;padding:1px 0}.mix-inputs button>i{width:5px;height:5px;border-radius:50%;flex-shrink:0}.mix-inputs button>span:first-of-type{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mix-input-line{height:3px;flex:1;background:#343340;border-radius:2px}.output-meter{height:42px;display:flex;align-items:flex-end;gap:5px;margin-top:10px}.output-meter span{flex:1;background:linear-gradient(0deg,#f39b56,#fb923c);border-radius:3px;transition:height .06s linear}.output .node-small{font-size:10px;margin-top:11px}.canvas-hint{position:absolute;top:25px;left:27px;font-size:11px;letter-spacing:.2px;color:#5b5b6a;pointer-events:none}.add-element{position:absolute;bottom:58px;left:50%;transform:translate(-50%);height:42px;display:flex;align-items:center;gap:8px;padding:0 18px;background:#f8f8fa;border:1px solid #fff;color:#17171b;border-radius:30px;box-shadow:0 7px 25px #0007;white-space:nowrap;font-size:13px;font-weight:600}.add-element:hover{background:#e5d5f8}.canvas-bottom-note{position:absolute;bottom:23px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;color:#626274;font-size:10px;white-space:nowrap}.desktop-inspector{min-height:0;overflow:hidden}.inspector{height:100%;overflow-y:auto;background:#111116;border-left:1px solid var(--border);padding:23px 20px;scrollbar-width:thin}.inspector>.panel-heading{margin-bottom:28px}.selected-element{display:flex;align-items:center;gap:12px;margin-bottom:27px}.selected-element>div{min-width:0}.selected-element input{border:0;background:none;font-size:13px;font-weight:600;padding:0;width:100%;outline-offset:3px}.selected-element span:not(.sound-tile){display:block;margin-top:6px;font-size:9px;letter-spacing:.6px;color:#8b8b9c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-field{display:block;margin:24px 0}.range-field>span{display:flex;justify-content:space-between;margin-bottom:15px;gap:10px;font-size:13px}.range-field output{font-family:Geist Mono,monospace;font-size:11px;color:#b7b7c9}.range-field input[type=range]{width:100%;height:6px;display:block;appearance:none;border-radius:7px;background:linear-gradient(to right,var(--range-color) var(--range-fill),#2a2a36 var(--range-fill));cursor:pointer}.range-field input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:2px solid var(--range-color);border-radius:50%;background:#f5f5f7}.range-field input::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--range-color);border-radius:50%;background:#f5f5f7}.preset-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.preset-buttons button{height:30px;border:1px solid #30303c;background:#191921;border-radius:5px;padding:0 8px;font-size:10px;color:#c4c4d1;display:flex;align-items:center;gap:4px}.preset-buttons button:hover{border-color:#a855f7;background:#a855f715}.code-preview{margin-top:32px;background:#0b0b10;border:1px solid var(--border);border-radius:9px;padding:12px}.code-preview>div{display:flex;align-items:center;justify-content:space-between;gap:3px}.code-preview h3{font-size:9px;letter-spacing:.9px;color:#9c9cad}.code-preview .icon-button{height:22px;width:24px}.code-preview pre{font-family:Geist Mono,monospace;font-size:10px;line-height:1.85;overflow:auto;color:#bd94e8;max-height:160px;scrollbar-width:thin;margin:12px 0}.code-preview>.text-button{font-size:10px}.element-actions{display:flex;align-items:center;gap:7px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border)}.element-actions>button:first-child{display:flex;align-items:center;gap:7px;color:#9494a7;font-size:12px;margin-right:auto}.field{display:block;margin:18px 0}.field>span{display:block;font-size:13px;color:#c2c2cf;margin-bottom:9px}.field input,.field select,.bar-range input,.mobile-connections select{width:100%;height:40px;background:#191920;border:1px solid var(--border);border-radius:7px;padding:0 11px;min-width:0}.field.compact{display:flex;align-items:center;gap:10px}.field.compact>span{flex-shrink:0;margin:0;font-size:12px}.field.compact select{font-size:11px;height:33px;min-width:0}.panel-heading.small select{font-size:10px;border:1px solid var(--border);border-radius:5px;background:#181820;padding:5px}.help-text{font-size:12px;line-height:1.65;color:#9393a4;margin:12px 0}.pitch-pads{display:flex;gap:3px;margin:12px 0}.pitch-pads button{flex:1;min-width:0;height:30px;border:1px solid #363641;border-radius:5px;font-size:9px;background:#202029;color:#aaaabc;padding:0}.pitch-pads button.active{background:#a855f730;border-color:#a855f7;color:#dec0fa}.step-editor{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.step-editor button{height:44px;background:#202029;border:1px solid #30303a;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:0}.step-editor button span{font-size:8px;color:#8a8a9e}.step-editor button strong{font-weight:500;font-size:10px}.step-editor button.active{background:color-mix(in srgb,var(--node-color) 15%,#16161d);border-color:color-mix(in srgb,var(--node-color) 65%,#333);color:var(--node-color)}.step-editor button.playhead{outline:2px solid #ddd;outline-offset:1px}.bar-range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.bar-range label{color:#9595a6;font-size:11px}.bar-range input{height:32px;margin-top:8px;font-size:12px}.mixer-channels>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px;padding:12px 0;border-bottom:1px solid #292933}.mixer-channels button:first-child{text-align:left;font-size:12px;padding:0}.mixer-channels input{grid-column:1/-1;width:100%;height:4px;margin-top:9px}.transport{height:72px;flex-shrink:0;border-top:1px solid var(--border);background:#101015;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 25px;gap:18px;z-index:7}.timing-controls{display:flex;align-items:center;gap:17px}.tempo{display:flex;align-items:baseline;gap:6px}.tempo input{width:37px;font-size:17px;font-family:Geist Mono,monospace;font-weight:500;padding:0;background:none;border:0}.tempo>span{color:#828295;font-size:10px;letter-spacing:.5px}.transport-divider{height:23px;width:1px;background:#333340}.time-signature{font-size:12px;color:#b8b8c7;padding:0;white-space:nowrap}.key-signature{display:flex;align-items:center;gap:5px;color:#85859a;font-size:11px;white-space:nowrap}.main-playback{display:flex;align-items:center;gap:15px}.main-play{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;background:#a855f7;color:#fff;box-shadow:0 0 22px #a855f728}.main-play:hover{background:#b668fb}.main-play>svg:not(.spin){margin-left:2px}.main-play.is-playing>svg{margin-left:0}.bar-counter{font-family:Geist Mono,monospace;font-size:11px;color:#b5a8c5;width:53px}.bar-counter>span{color:#626274}.master-controls{justify-self:end;display:flex;align-items:center;gap:12px;color:#9090a4}.master-controls input{width:84px;height:4px}.audio-status{font-size:9px;color:#707085;letter-spacing:.5px;white-space:nowrap}.mobile-flow,.mobile-inspector{display:none}.dialog-overlay{position:fixed;inset:0;background:#030307b8;backdrop-filter:blur(7px);z-index:30;animation:fade .15s ease}.dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #393943;background:#121219;border-radius:16px;padding:26px;z-index:31;box-shadow:0 24px 100px #0009;animation:fade .18s ease}.dialog-wide{width:min(780px,calc(100vw - 32px))}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.dialog-heading h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;font-weight:650}.dialog-heading p{font-size:13px;color:#9999ad;margin-top:9px;line-height:1.6}.dialog-heading .icon-button{margin:-7px -7px 0 0}.dialog-tabs{display:flex;gap:5px;padding:4px;border:1px solid #292934;background:#0a0a10;border-radius:9px;margin-bottom:20px}.dialog-tabs button{flex:1;padding:9px 12px;text-transform:capitalize;border-radius:6px;color:#9999ad;font-size:13px}.dialog-tabs .active{color:#dcc0ff;background:#a855f720}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;max-height:440px;overflow:auto}.add-grid>button{display:flex;align-items:center;text-align:left;gap:12px;padding:13px;border:1px solid #2c2c37;background:#1a1a22;border-radius:9px;min-width:0}.add-grid>button:hover{background:#242430;border-color:#66507e}.add-grid>button>span:nth-child(2){flex:1;min-width:0}.add-grid strong{display:block;font-size:13px;font-weight:550}.add-grid small{display:block;color:#9393a8;font-size:11px;margin-top:4px}.add-grid>button>svg{color:#77778c}.dialog-footer{padding-top:18px;margin-top:15px;border-top:1px solid #292934}.combine-panel{padding:20px;text-align:center}.combine-panel>svg{color:var(--orange);margin-bottom:15px}.combine-panel h3{font-size:19px}.combine-panel p{margin:13px auto 20px;max-width:400px;color:#9999ad}.full-code{background:#09090f;border:1px solid #2a2a38;padding:20px;border-radius:9px;font-family:Geist Mono,monospace;font-size:12px;line-height:1.8;color:#ce9bfa;max-height:55vh;overflow:auto;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}.checkbox-label{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#b0b0c3;line-height:1.6;margin:18px 0}.checkbox-label input{margin-top:3px;flex-shrink:0;width:15px;height:15px}.share-url{display:flex;border:1px solid #71508e;border-radius:7px;padding-right:3px;align-items:center;background:#191920}.share-url>input{border:0;background:none;font-size:12px}.export-options{margin-top:26px;border-top:1px solid #2a2a35;padding-top:18px}.export-options h3{font-size:11px;letter-spacing:1px;color:#8e8e9e;margin-bottom:10px}.export-options>button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 4px;color:#b794d9;border-bottom:1px solid #24242f}.export-options>button>span{flex:1}.export-options strong{display:block;color:#e1e1ec;font-size:13px;font-weight:550}.export-options small{display:block;font-size:11px;color:#88889d;margin-top:4px}.export-options>button:hover{background:#a855f709}.saved-projects{margin-top:20px;max-height:350px;overflow:auto}.saved-projects>div{display:flex;align-items:center;border-bottom:1px solid #282834;padding:11px 0}.saved-projects>div>button:first-child{display:flex;align-items:center;gap:14px;text-align:left;flex:1}.saved-projects strong,.saved-projects small{display:block}.saved-projects strong{font-size:14px;font-weight:550}.saved-projects small{font-size:11px;margin-top:5px;color:#8d8da2}.saved-projects svg{color:#b37ae6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.install-section{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:20px;border:1px solid #a855f734;border-radius:9px;background:#a855f70a;margin:20px 0 24px}.install-section>svg{color:#bd86ec}.install-section>div{flex:1;min-width:200px}.install-section p{color:#9393aa;font-size:12px;margin-top:6px}.quick-guide{margin:0 0 25px;padding-left:24px}.quick-guide li{padding:0 0 16px 6px;color:#b789e0}.quick-guide strong{color:#e3e3ed;font-size:14px;font-weight:550}.quick-guide p{color:#9292a8;font-size:13px;margin-top:6px}.shortcuts{display:flex;flex-wrap:wrap;gap:15px;color:#9090a5;font-size:11px;margin-bottom:25px}.shortcuts kbd{display:inline-block;border:1px solid #414152;padding:4px 5px;border-radius:4px;font-size:10px;background:#1c1c28;color:#d0c2df}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%);z-index:60;background:#22212d;border:1px solid #5f4977;color:#ece4f5;border-radius:11px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 40px #0008;max-width:min(650px,calc(100vw - 30px));font-size:13px;line-height:1.5;animation:fade .15s ease}.toast>svg{color:#acdb8b}.toast.error{border-color:#964663;background:#2c1a25}.toast.error>svg{color:#f1a0bb}.toast>button{padding:0;display:flex;color:#ac9dbc;margin-left:8px}.empty-state{text-align:center;padding:30px 18px;background:#11111788;border:1px dashed #343440;border-radius:9px;color:#9292a8;font-size:13px;line-height:1.7;margin:15px 0}.fatal-error{max-width:600px;margin:20vh auto;padding:25px}.fatal-error p{margin:20px 0}.fatal-error button{padding:12px 20px;border:1px solid #a855f7;border-radius:8px}.hub{min-height:100dvh;background:#0b0b0f}.hub .topbar>.button{justify-self:end}.breadcrumbs{display:flex;align-items:center;gap:14px;font-size:13px}.breadcrumbs button{color:#86869a;padding:0}.breadcrumbs>span{color:#47475c}.breadcrumbs strong{font-weight:500;color:#ccc}.hub-workspace{display:grid;grid-template-columns:220px 1fr;min-height:calc(100dvh - 72px)}.hub-sidebar{border-right:1px solid var(--border);background:#111116;padding:30px 17px;display:flex;flex-direction:column}.hub-sidebar>h2{font-size:11px;letter-spacing:1.3px;color:#aaaaba;margin:0 11px 20px}.hub-sidebar nav{display:flex;flex-direction:column;gap:6px}.hub-sidebar nav button{display:flex;gap:11px;align-items:center;text-align:left;padding:12px 13px;border-radius:7px;color:#a4a4b6;font-size:13px}.hub-sidebar nav button:hover{background:#22222b}.hub-sidebar nav button.active{color:#c28cf6;background:#a855f719}.community-tip{border:1px solid #a855f72b;background:#a855f70b;border-radius:10px;padding:17px;margin:34px 1px 5px}.community-tip>svg{color:#b57ceb}.community-tip strong{display:block;margin-top:11px;font-size:12px;font-weight:550}.community-tip p{font-size:11px;line-height:1.7;color:#889;margin-top:6px}.hub-main{min-width:0;padding:34px 30px 45px}.hub-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:29px}.hub-hero .eyebrow{font-size:10px;letter-spacing:1.3px}.hub-hero h1{font-size:28px;letter-spacing:-.7px;font-weight:650;margin:10px 0}.hub-hero p{font-size:13px;color:#8e8e9f}.hub-hero-actions{display:flex;align-items:center;gap:12px}.library-status{display:flex;align-items:center;gap:10px;white-space:nowrap}.library-status>svg{color:#a3e635;width:15px}.library-status strong{display:block;font-size:11px;font-weight:500}.library-status small{display:block;font-size:10px;color:#77778b;margin-top:5px}.hub-hero-actions>.button{height:42px;font-size:12px}.source-tabs{display:flex;gap:5px;background:#111116;border:1px solid #292934;border-radius:10px;padding:5px;margin-bottom:26px}.source-tabs button{height:43px;display:flex;flex:1;justify-content:center;align-items:center;gap:9px;font-size:13px;color:#9b9bad;border-radius:6px;white-space:nowrap}.source-tabs button:hover{background:#ffffff05;color:#cebbdf}.source-tabs button.active{background:#a855f71c;color:#c38aef;border:1px solid #a855f742}.hub-content{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.packs-browser{border:1px solid #292933;background:#111116;border-radius:12px;padding:20px;min-width:0}.pack-browser-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.pack-browser-heading h2{font-size:15px}.pack-browser-heading p{font-size:11px;color:#848498;margin-top:7px}.pack-browser-heading .search-box{max-width:190px;height:34px}.pack-browser-heading input{font-size:11px}.pack-list{max-height:482px;overflow:auto;padding-right:4px}.pack-row{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 0;border-bottom:1px solid #272732}.pack-row:last-child{border-bottom:0}.pack-art{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--tile-color) 15%,#121217);color:var(--tile-color);border:1px solid color-mix(in srgb,var(--tile-color) 17%,#18181d)}.pack-art:hover{background:color-mix(in srgb,var(--tile-color) 26%,#121217)}.pack-copy{flex:1;min-width:0;text-align:left;padding:0}.pack-copy strong{display:block;font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-copy small{display:block;font-size:10px;color:#858597;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pack-row>.icon-button{width:25px;height:29px;color:#57576b}.pack-row>.icon-button:hover,.pack-row>.icon-button.favorited{color:#eb6daa}.pack-row>.button{font-size:10px;flex-shrink:0}.import-pack-button{height:38px;border:1px dashed #654482;color:#b98ce1;background:#a855f709;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:19px;font-size:12px}.import-pack-button>span{color:#717187;font-size:10px;margin-left:6px}.import-pack-button:hover{background:#a855f718}.catalog-note{font-size:9px;color:#67677a;margin-top:12px;display:flex;gap:10px;justify-content:space-between;align-items:center}.catalog-note a{display:flex;align-items:center;gap:4px;color:#9b77bc}.live-inputs{display:flex;flex-direction:column;gap:13px}.live-input-card{background:#121219;border:1px solid #2b2b35;border-radius:11px;padding:19px;flex:1}.live-input-card h3{font-size:13px;font-weight:550}.live-input-card p{font-size:11px;color:#838398;margin-top:5px}.live-input-card .row{gap:11px}.live-input-card .button{font-size:11px;height:30px;margin-top:11px}.input-decoration{display:flex;align-items:center;gap:4px;height:27px;margin:22px 4px 9px;opacity:.37}.input-decoration span{background:currentColor;width:5px;flex:1;border-radius:2px}.community-inspiration{margin-top:23px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);border:1px solid #2a2a35;background:#111116;border-radius:12px;padding:23px;gap:17px;align-items:stretch}.community-inspiration>div{padding-right:7px}.community-inspiration .eyebrow{font-size:9px;letter-spacing:1px}.community-inspiration h2{font-size:18px;letter-spacing:-.35px;margin:9px 0}.community-inspiration p{font-size:11px;line-height:1.65;color:#848499;max-width:220px}.community-inspiration>a{display:flex;flex-direction:column;position:relative;border:1px solid #30303d;background:#191921;border-radius:8px;padding:17px;gap:9px;min-width:0}.community-inspiration>a>svg:first-child{color:#af77e1;margin-bottom:4px}.community-inspiration>a>svg:last-child{position:absolute;right:12px;top:15px;color:#77778e}.community-inspiration strong{font-size:12px;font-weight:550}.community-inspiration small{font-size:10px;color:#838398}.community-inspiration a:hover{border-color:#835ba8;background:#a855f709}.remix-section,.shared-flows{margin-top:32px}.section-title{margin-bottom:25px}.section-title h2{font-size:23px;letter-spacing:-.5px}.section-title p{font-size:13px;color:#8f8fa4;margin-top:9px}.section-title.small{margin:25px 0 17px}.section-title.small h2{font-size:18px}.section-title.small h3{display:flex;align-items:center;gap:10px}.section-title.small h3>span{font-size:12px;color:#9393a4}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-grid>button{display:flex;align-items:center;gap:13px;text-align:left;background:#121219;border:1px solid #2b2b37;padding:15px;border-radius:10px;min-width:0}.template-grid>button:hover{border-color:#89659d}.template-grid>button>div:not(.template-art){flex:1;min-width:0}.template-grid strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-grid small{display:block;font-size:10px;color:#86869a;margin-top:6px}.template-grid>button>svg{color:#a579cc}.template-art{display:grid;place-items:center;width:47px;height:52px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,#592a67,#231d3a);color:#e2b4fa}.template-1{background:linear-gradient(135deg,#693944,#392829);color:#e9b8a0}.template-2{background:linear-gradient(135deg,#1f5760,#21273f);color:#9ddae7}.detail-search{margin:22px 0 10px}.pack-detail-sounds{max-height:430px;overflow:auto}.recording-panel,.midi-panel{max-width:850px;margin:32px auto}.mic-stage{border:1px solid #58304b;background:radial-gradient(ellipse at 50% 25%,#ec489912,transparent 65%),#121219;border-radius:13px;padding:30px;text-align:center}.mic-orbit{width:80px;height:80px;display:grid;place-items:center;border:1px solid #ec489950;border-radius:50%;color:#f27caf;background:#ec48990d;box-shadow:0 0 0 12px #ec489906;margin:15px auto 27px}.mic-stage>strong{display:block;font-size:18px;font-weight:550}.mic-stage p{font-size:12px;color:#8e8e9f;margin:9px 0 22px}.mic-stage.recording .mic-orbit{animation:pulse 1s infinite}.drop-zone{width:100%;padding:40px 20px;border:1px dashed #427480;background:#22d3ee06;border-radius:13px;display:flex;align-items:center;flex-direction:column;gap:17px;color:#68c8d7}.drop-zone:hover{background:#22d3ee0d}.drop-zone strong{color:#e4e4ef;font-size:19px;font-weight:550}.drop-zone>span:not(.button){color:#8888a1;font-size:12px}.drop-zone .button{margin-top:6px}.clip-editor{border:1px solid #363645;background:#14141e;border-radius:12px;padding:22px;margin-top:25px}.clip-editor .panel-heading h3{display:flex;gap:9px;align-items:center;font-size:14px;letter-spacing:0}.waveform{height:110px;background:#08080f;border:1px solid #292938;border-radius:8px;display:flex;align-items:center;gap:3px;padding:15px;margin:24px 0}.waveform span{flex:1;min-width:1px;background:#363341;border-radius:3px}.waveform .in-selection{background:#22d3ee}.clip-editor audio{width:100%;margin:10px 0}.saved-clip{display:flex;align-items:center;gap:13px;border-bottom:1px solid #2b2b37;padding:13px 0}.saved-clip>div{flex:1}.saved-clip strong{display:block;font-size:13px;font-weight:550}.saved-clip small{display:block;font-size:11px;margin-top:6px;color:#8e8ea4}.cyan{--tile-color:#22d3ee}.purple{--tile-color:#a855f7}.device-card{display:flex;align-items:center;gap:17px;border:1px solid #3c3150;border-radius:11px;background:#a855f70a;padding:23px}.device-card>div{flex:1}.device-card p{font-size:12px;color:#9292a8;margin-top:6px}.device-selectors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.keyboard-heading{display:flex;justify-content:space-between;align-items:center;margin:32px 0 15px}.keyboard-heading>span{font-size:12px;color:#9791ac}.virtual-keyboard{display:flex;gap:6px;padding:13px;border:1px solid #333343;border-radius:10px;background:#15151f}.virtual-keyboard button{flex:1;height:125px;background:linear-gradient(#efebf5,#c9c3d7);border:1px solid #bfb6d1;border-radius:0 0 8px 8px;color:#51445f;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px;font-size:13px;box-shadow:inset 0 -6px #9b91ad}.virtual-keyboard button:active,.virtual-keyboard .pressed{background:linear-gradient(#b376ed,#8f46d0);color:#fff;border-color:#ae6feb;box-shadow:inset 0 -3px #6a3099}.capture-panel{margin-top:30px;padding:24px;background:#14141d;border:1px solid #30303f;border-radius:11px}.capture-panel p{color:#8f8fa5;font-size:12px;margin:12px 0 20px}.capture-panel .panel-heading>span{color:#b285da;font-size:12px}.midi-capture-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;margin:20px 0}.midi-capture-steps>span{display:grid;place-items:center;border:1px solid #353545;background:#1c1c29;height:42px;border-radius:5px;font-size:11px;color:#66667e}.midi-capture-steps>span.active{border-color:#b47fe9;background:#a855f72a;color:#dcb6fa}.mobile-connections{padding:20px;background:#111116}.mobile-connections>button{display:flex;justify-content:space-between;align-items:center;background:#22202c;border:1px solid #544362;border-radius:5px;padding:9px 12px;margin-bottom:8px;width:100%}.mobile-connections>select{margin-top:10px}.mobile-connections h3{font-size:12px;letter-spacing:1px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{50%{box-shadow:0 0 0 17px #ec48991c;background:#ec489922}}@media(min-width:1600px){.studio-workspace{grid-template-columns:250px minmax(0,1fr) 300px}.hub-main{padding:40px}.hub-content{grid-template-columns:minmax(0,1fr) 330px}.pack-list{max-height:510px}}@media(max-width:1250px){.studio-workspace{grid-template-columns:215px minmax(0,1fr) 255px}.sound-library{padding:18px 13px}.inspector{padding:23px 16px}.arrangement-toolbar{padding:0 12px}.arrangement-toolbar>div:first-child{gap:8px}.arrangement-toolbar .live-badge{font-size:8px}.key-signature{display:none}.hub-workspace{grid-template-columns:185px 1fr}.hub-sidebar{padding:25px 12px}.hub-main{padding:28px 22px}.hub-hero-actions{flex-direction:column;align-items:flex-end;gap:10px}.library-status{display:none}.hub-content{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.pack-browser-heading{flex-wrap:wrap}.pack-browser-heading .search-box{max-width:none;width:100%}.pack-row{gap:8px}.packs-browser{padding:17px}.community-inspiration{padding:18px;gap:11px}.community-inspiration>a{padding:13px}.community-inspiration h2{font-size:17px}.template-grid>button{padding:12px;gap:9px}.template-art{width:35px;height:42px}.template-grid small{font-size:9px}}@media(max-width:1020px){.studio-workspace{grid-template-columns:185px minmax(0,1fr) 235px}.sound-library{padding:17px 11px}.sound-copy strong{font-size:12px}.sound-copy small{font-size:10px}.source-buttons{gap:5px}.source-buttons button{font-size:10px}.categories button{font-size:12px;padding:9px 5px}.source-buttons button svg{width:16px}.sound-add,.arrangement-toolbar .live-badge{display:none}.inspector{padding:21px 13px}.range-field>span{font-size:12px}.preset-buttons{gap:4px}.preset-buttons button{font-size:9px;padding:0 6px}.audio-status{display:none}.topbar{padding:0 20px}.history-buttons{margin:0}.topbar-actions{gap:6px}.transport{padding:0 16px;gap:10px}.main-playback{gap:9px}.timing-controls{gap:10px}.hub-workspace{grid-template-columns:165px 1fr}.hub-content{grid-template-columns:1fr}.live-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.live-input-card{padding:13px}.live-input-card .row{gap:8px}.live-input-card h3{font-size:11px}.live-input-card p{font-size:9px}.input-decoration{margin:15px 1px 5px}.hub-hero h1{font-size:24px}.hub-hero .button{font-size:10px;padding:0 10px}.community-inspiration{grid-template-columns:repeat(3,1fr)}.community-inspiration>div{grid-column:1/-1;display:flex;align-items:center;gap:15px}.community-inspiration>div>p{margin-left:auto;max-width:250px}.community-inspiration>div .eyebrow{display:none}.template-grid{grid-template-columns:1fr}.template-art{height:40px;width:40px}.template-grid small{font-size:11px}.pack-list{max-height:405px}.pack-browser-heading{flex-wrap:nowrap}.pack-browser-heading .search-box{max-width:220px}.hub-sidebar nav button{font-size:12px;padding:12px 9px}.hub-main{padding:27px 18px}}@media(max-width:760px){:root{font-size:14px}.studio-shell{min-height:0;height:100dvh}.topbar{height:60px;padding:0 17px;grid-template-columns:1fr auto;gap:8px}.brand{font-size:20px;gap:10px}.brand-mark{width:31px;height:31px;border-radius:9px}.brand-mark svg{width:20px}.topbar .project-status,.topbar .history-buttons,.topbar .share-button,.topbar .top-play{display:none}.mobile-menu{display:inline-flex}.studio-workspace{display:block;overflow-y:auto;position:relative}.sound-library,.arrangement,.desktop-inspector{display:none}.mobile-flow{display:block;padding:0 19px 22px}.mobile-project{padding:22px 0 24px;position:relative;border-bottom:1px solid #272731}.mobile-project>.eyebrow{font-size:9px;color:#7e7e92;letter-spacing:1.2px}.mobile-project>h1{font-size:20px;letter-spacing:-.35px;margin-top:8px;font-weight:650}.mobile-project .live-badge{position:absolute;right:0;top:34px;color:#b988e8;padding:6px 9px;font-size:9px}.mobile-flow-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 20px}.mobile-flow-heading h2{font-size:11px;letter-spacing:1.3px;color:#b9b9c9}.mobile-flow-heading>span{font-size:10px;color:#707087;font-family:Geist Mono,monospace}.mobile-node{display:flex;align-items:center;gap:13px;width:100%;text-align:left;height:84px;border:1px solid color-mix(in srgb,var(--tile-color) 48%,#24242f);background:#17171e;border-radius:12px;padding:0 16px}.mobile-node>.sound-tile{--tile-color:inherit;width:42px;height:42px}.mobile-node>span:nth-child(2){flex:1;min-width:0}.mobile-node small{display:block;font-size:9px;color:var(--tile-color);letter-spacing:1px;font-weight:500}.mobile-node strong{display:block;font-size:14px;font-weight:550;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-node em{display:block;font-style:normal;font-size:10px;color:#88889d;margin-top:5px}.mobile-node>svg{color:#626277}.mobile-connector{height:13px;width:2px;background:#4b315f;margin-left:37px}.mobile-add{display:flex;margin:22px auto 15px;font-size:12px}.mobile-quick{border-top:1px solid #282833;padding-top:19px;margin-top:22px}.mobile-quick h3{font-size:10px;letter-spacing:1.3px;margin-bottom:13px;color:#9292a8}.mobile-quick .source-buttons{gap:10px}.mobile-quick .source-buttons button{height:59px;font-size:12px;flex-direction:row;gap:9px}.mobile-quick .source-buttons svg{width:18px;color:#b688dd}.transport{height:68px;padding:0 17px;grid-template-columns:1fr auto;gap:12px;padding-bottom:env(safe-area-inset-bottom)}.timing-controls .transport-divider,.timing-controls .time-signature,.master-controls,.bar-counter,.main-playback>.icon-button:first-child{display:none}.main-playback{gap:12px}.tempo input{font-size:14px;width:33px}.tempo>span{font-size:10px}.main-play{height:44px;width:44px}.main-playback .icon-button{width:30px}.mobile-inspector{display:block;position:fixed;inset:60px 0 68px;z-index:12;background:#111116;overflow:auto;padding-bottom:20px}.mobile-inspector .inspector{overflow:visible;height:auto;border-left:0;padding:24px}.mobile-inspector .inspector h2{font-size:12px}.mobile-inspector .selected-element input{font-size:17px}.mobile-inspector .selected-element span:not(.sound-tile){font-size:11px}.mobile-inspector .range-field>span{font-size:14px}.mobile-inspector .range-field{margin:29px 0}.mobile-inspector .field.compact select{font-size:13px;height:38px}.mobile-inspector .step-editor button{height:53px}.mobile-inspector .step-editor button span{font-size:10px}.mobile-inspector .step-editor button strong{font-size:11px}.mobile-inspector .preset-buttons button{font-size:11px;height:34px;padding:0 11px}.mobile-inspector .pitch-pads button{height:37px;font-size:11px}.mobile-inspector .code-preview pre{font-size:11px}.dialog{padding:22px;max-height:calc(100dvh - 30px);width:calc(100vw - 24px);border-radius:13px}.dialog-heading h2{font-size:20px}.dialog-heading p{font-size:12px}.add-grid{grid-template-columns:1fr;max-height:55vh}.add-grid strong{font-size:14px}.add-grid small{font-size:12px}.dialog-tabs button{font-size:13px}.full-code{font-size:11px;padding:13px;max-height:55vh}.toast{bottom:84px;min-width:270px;font-size:12px;padding:12px}.hub .topbar{position:sticky;top:0}.hub .topbar .breadcrumbs{display:none}.hub .topbar>.button{font-size:11px;padding:0 10px;height:34px}.hub-workspace{display:block}.hub-sidebar{padding:12px 15px;border-right:0;border-bottom:1px solid #282835;overflow-x:auto}.hub-sidebar>h2,.community-tip,.hub-sidebar>.source-link{display:none}.hub-sidebar nav{flex-direction:row;gap:4px;min-width:530px}.hub-sidebar nav button{padding:9px 11px;font-size:12px;white-space:nowrap;gap:6px}.hub-sidebar nav svg{width:15px}.hub-main{padding:25px 16px}.hub-hero{display:block;margin-bottom:23px}.hub-hero h1{font-size:25px;max-width:300px;line-height:1.2;margin:11px 0}.hub-hero p{font-size:12px;line-height:1.65;max-width:340px}.hub-hero-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px}.library-status{display:flex}.library-status strong{font-size:11px}.library-status small{font-size:10px}.hub-hero-actions>.button{font-size:11px;height:36px}.source-tabs{gap:2px;padding:4px;margin-bottom:22px}.source-tabs button{font-size:10px;gap:6px;height:48px;flex-direction:column}.source-tabs button svg{width:16px;height:16px}.packs-browser{padding:16px 13px}.pack-browser-heading{display:block;margin-bottom:12px}.pack-browser-heading h2{font-size:15px}.pack-browser-heading p{font-size:11px}.pack-browser-heading .search-box{margin-top:16px;max-width:none;height:37px}.pack-browser-heading input{font-size:12px}.pack-list{max-height:460px}.pack-row{gap:9px;padding:14px 0}.pack-art{width:34px;height:37px;border-radius:7px}.pack-art svg{width:19px}.pack-copy strong{font-size:12px}.pack-copy small{font-size:10px;max-width:160px}.pack-row .button.small{padding:0 7px;gap:4px;font-size:9px}.pack-row .icon-button{width:18px}.pack-row .icon-button>svg{width:13px}.import-pack-button{font-size:11px}.import-pack-button>span{display:none}.catalog-note{font-size:8px;gap:5px}.live-inputs{grid-template-columns:1fr}.live-input-card{display:flex;align-items:center;justify-content:space-between;padding:17px}.live-input-card .input-decoration{display:none}.live-input-card h3{font-size:13px}.live-input-card p{font-size:11px}.live-input-card .button{margin:0;height:31px;font-size:10px}.community-inspiration{display:grid;grid-template-columns:1fr;padding:20px;gap:11px}.community-inspiration>div{display:block;margin-bottom:8px}.community-inspiration>div>.eyebrow{display:block}.community-inspiration>div>p{margin:0;max-width:300px;font-size:12px}.community-inspiration h2{font-size:21px}.community-inspiration>a{display:grid;grid-template-columns:23px 1fr;gap:4px 12px;padding:15px}.community-inspiration>a>svg:first-child{grid-row:1/3;margin:0;align-self:center}.community-inspiration strong{font-size:13px}.community-inspiration small{font-size:11px}.community-inspiration>a>svg:last-child{top:22px;right:15px}.section-title h2{font-size:22px;line-height:1.3}.section-title p{font-size:12px}.device-card{padding:16px;gap:11px;flex-wrap:wrap}.device-card .button{height:35px;font-size:12px}.device-card p{font-size:10px}.device-card h3{font-size:13px}.device-selectors{grid-template-columns:1fr;gap:0}.keyboard-heading{gap:10px;align-items:flex-start;flex-direction:column}.virtual-keyboard{padding:8px;gap:4px}.virtual-keyboard button{height:106px;font-size:11px}.capture-panel{padding:18px}.midi-capture-steps{grid-template-columns:repeat(8,1fr)}.mic-stage{padding:23px 16px}.mic-stage>strong{font-size:17px}.clip-editor{padding:17px}.waveform{gap:2px;padding:12px 7px;height:100px}.saved-clip{gap:9px}.saved-clip strong{font-size:12px}.saved-clip small{font-size:10px}.recording-panel,.midi-panel{margin-top:27px}.settings-grid{gap:0 13px}.field>span{font-size:12px}.settings-grid select{font-size:12px}.install-section{padding:17px}.install-section h3{font-size:13px}.hub .toast{bottom:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.react-flow__edge-path{stroke-dasharray:none!important}}@media(min-width:761px)and (max-height:720px){.categories{gap:0;margin-top:14px}.categories button{padding-top:7px;padding-bottom:7px}.library-list-heading{margin-top:18px}.sound-library .section-label{margin-top:17px}.source-buttons button{height:49px}.sound-list{min-height:55px}.canvas-hint{top:17px}.add-element{bottom:41px}.canvas-bottom-note{bottom:15px}}.inspector-connections{border-top:1px solid #2a2a35;padding-top:17px;margin-top:15px}.inspector-connections h3{font-size:9px;letter-spacing:1px;color:#9292a4;margin-bottom:9px}.inspector-connections>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#adadbe;gap:7px}.inspector-connections>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-connections .icon-button{width:25px;height:28px}.more-packs{display:flex;justify-content:center;width:100%;font-size:11px;padding:12px 0 0}.code-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:175px}.mobile-connections select{max-width:100%}.remake-list{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.remake-list>button{display:flex;align-items:center;gap:13px;border:1px solid #393346;background:#1b1724;padding:16px;border-radius:8px;text-align:left}.remake-list>button>span:nth-child(2){flex:1}.remake-list strong{display:block;font-size:14px;font-weight:550}.remake-list small{display:block;font-size:11px;color:#9990aa;margin-top:6px}.remake-list>button:hover{border-color:#a855f7}@media(min-width:1021px){.pack-list{max-height:260px}.live-input-card{padding:18px}.input-decoration{height:20px;margin:12px 4px 4px}}.graph-controls{gap:3px}.graph-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #343340;border-radius:7px;padding:7px 9px;font-size:11px;white-space:nowrap;background:#1a1a22;color:#d8d8e5}.graph-action:hover{background:#2a2336;border-color:#a855f7}.graph-action:focus-visible{outline:2px solid #c084fc;outline-offset:2px}.graph-list-toggle{display:none}.arrangement{min-height:0}.canvas{overflow:hidden}@media(min-width:761px)and (max-width:1020px){.arrangement-toolbar>.row{gap:0}.arrangement-toolbar>div:first-child{display:none}.arrangement-toolbar{justify-content:flex-end}.graph-controls .icon-button{width:29px}}@media(max-width:760px){.mobile-flow-heading{gap:8px}.mobile-flow-heading .graph-action{margin-left:auto}.mobile-graph-active{display:flex;overflow:hidden}.mobile-graph-active .mobile-flow{display:none}.mobile-graph-active .arrangement{display:flex;width:100%;height:100%}.mobile-graph-active .arrangement-toolbar{height:52px;padding:0 9px;justify-content:space-between}.mobile-graph-active .arrangement-toolbar>div:first-child{display:none}.mobile-graph-active .graph-controls{width:100%;justify-content:space-between;gap:3px}.mobile-graph-active .graph-list-toggle{display:block;font-size:12px;padding:7px}.mobile-graph-active .graph-controls .icon-button{width:28px}.mobile-graph-active .canvas-hint{font-size:10px;top:17px;left:14px}}.node-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.node-actions .node-menu{margin:0}.node-delete{width:20px;height:20px;padding:0;display:grid;place-items:center;border:1px solid #454050;border-radius:5px;color:#aba3b9;background:#22202a}.node-delete:hover{color:#fff;background:#9c294d;border-color:#fb7185}.node-section{display:block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px;margin-top:8px;padding:2px 0;text-align:left}.edge-delete{position:absolute;width:22px;height:22px;padding:0;display:grid;place-items:center;border:1px solid #716579;border-radius:50%;background:#201b29;color:#c5bace;pointer-events:all;cursor:pointer}.edge-delete:hover,.edge-delete:focus-visible{background:#9c294d;color:#fff;border-color:#fb7185}.edge-delete.selected{border-color:#c084fc;box-shadow:0 0 0 2px #a855f744}.canvas-tools{display:flex;align-items:center;border:1px solid #343340;border-radius:7px;overflow:hidden;margin-right:5px}.canvas-tools .icon-button{width:28px;height:28px;border-radius:0}.canvas-tools [aria-pressed=true]{background:#a855f72b;color:#d8b4fe}.react-flow__pane.selection{cursor:crosshair}.react-flow__selection,.react-flow__nodesselection-rect{background:#a855f714!important;border:1px solid #c084fc!important}.selection-actions{position:absolute;z-index:5;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;border:1px solid #44354f;border-radius:10px;padding:5px 9px;background:#19151fee;box-shadow:0 5px 18px #0005;white-space:nowrap}.selection-actions>span{font-size:11px;color:#c3b9cf}.selection-actions .icon-button{width:27px;height:29px}.graph-action:disabled{opacity:.4;cursor:not-allowed}.canvas-bottom-note{max-width:95%;font-size:9px}.sections-strip{display:flex;gap:8px;overflow-x:auto;flex-shrink:0;padding:8px 12px;background:#131018;border-bottom:1px solid #2b2434;scrollbar-width:thin}.section-chip{display:flex;flex-shrink:0;align-items:center;border:1px solid color-mix(in srgb,var(--section-color) 45%,#302835);border-radius:7px;background:#201827;overflow:hidden}.section-chip>button:first-child{display:flex;align-items:center;gap:7px;padding:7px 8px;font-size:11px}.section-chip i{width:6px;height:6px;border-radius:50%;background:var(--section-color)}.section-chip strong{font-weight:500}.section-chip span{color:#aaa0b6;font-size:10px}.section-chip [aria-pressed=true]{background:color-mix(in srgb,var(--section-color) 20%,transparent)}.section-chip .icon-button{height:27px;width:27px}.section-range{margin-bottom:20px}.section-range input[type=color]{padding:3px;height:35px;width:55px}.section-members{border:1px solid #393041;border-radius:8px;padding:10px;max-height:230px;overflow-y:auto;margin:0 0 12px}.section-members legend{font-size:11px;padding:0 5px;color:#b3a6c3}.section-members label{display:flex;align-items:center;gap:8px;font-size:12px;padding:7px 3px}.section-members input{accent-color:#a855f7}.section-members small{margin-left:auto;color:#8d8398;font-size:10px}.section-form-actions{justify-content:flex-end;margin-top:20px}.node-delete:focus-visible,.edge-delete:focus-visible{outline:2px solid #f9a8d4;outline-offset:2px}@media(max-width:760px){.mobile-graph-active .graph-controls{gap:2px}.mobile-graph-active .canvas-tools{margin-right:0}.mobile-graph-active .graph-action{padding:7px}.mobile-graph-active .graph-list-toggle{padding:7px 3px}.selection-actions{width:max-content;max-width:calc(100% - 16px);gap:4px;padding:4px 6px;flex-wrap:wrap;justify-content:center}.canvas-bottom-note{white-space:normal;text-align:center;line-height:1.5}.selection-actions>span{font-size:10px}.mobile-graph-active .graph-controls .icon-button{width:25px}}.sound-choice{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #2c2c37;background:#1a1a22;border-radius:9px;min-width:0}.sound-choice:hover{background:#20202a;border-color:#66507e}.sound-choice .sound-choice-preview{width:44px;height:44px}.sound-choice-add{display:flex;align-items:center;gap:10px;text-align:left;flex:1;min-width:0;align-self:stretch;padding:0}.sound-choice-add>span{flex:1;min-width:0}.sound-choice-add strong,.sound-choice-add small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-choice-add>svg{color:#a78bbf}.sound-choice-add:hover>svg{color:#e1bdff}.inspector-preview{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:10px;padding:10px 0;background:var(--panel);border-bottom:1px solid var(--border)}.inspector-preview:before{content:"";position:absolute;inset:-24px 0 auto;height:24px;background:var(--panel)}.inspector{scroll-padding-block:70px}.inspector-preview .pattern-preview{flex-shrink:0;min-width:92px}.preview-target{font-size:11px;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.pitch-pads button[aria-busy=true]{opacity:.6}.octave-tools{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.octave-tools .button{flex:1}.strudel-input{width:100%;min-height:190px;resize:vertical;background:#0c0c12;border:1px solid #393344;border-radius:8px;padding:13px;font-family:Geist Mono,monospace;font-size:12px;line-height:1.6}.import-graph{height:230px;background:#0c0c12;border:1px solid #35303f;border-radius:9px;margin:18px 0 10px;overflow:hidden}.import-result>p{font-size:12px}.import-error{margin-top:14px;padding:12px;border:1px solid #ef66884d;background:#ef668810;border-radius:8px;color:#ff9fb7;font-size:13px;overflow-wrap:anywhere}.import-support{margin-top:20px;border-top:1px solid #30303b;padding-top:15px;font-size:12px;color:#a4a4b8}.import-support summary{cursor:pointer;color:#d5c1ec}.import-support p{margin-top:10px}.lesson-card{border:1px solid #393043;background:#1b1723;padding:20px;border-radius:12px;margin:15px 0}.lesson-card h3{font-size:17px;margin:8px 0}.lesson-card p{font-size:13px;color:#b7aec5;margin-bottom:14px}.tutorial-coach{flex-shrink:0;padding:12px 24px;background:#21182e;border-bottom:1px solid #75439c;z-index:6}.tutorial-heading{display:flex;align-items:center;justify-content:space-between;color:#cf9ff7;font-size:11px}.tutorial-heading>span,.tutorial-heading>div{display:flex;align-items:center;gap:8px}.tutorial-heading button{padding:4px;color:#bda8d0;display:flex}.tutorial-body{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:4px}.tutorial-body h3{font-size:14px;margin-bottom:4px}.tutorial-body p{font-size:12px;color:#d1c4df;max-width:900px;line-height:1.5}.tutorial-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.tutorial-actions>span{display:flex;align-items:center;gap:5px;color:#c4adae;font-size:11px}.tutorial-highlight{outline:2px solid #d6a2ff!important;outline-offset:4px;box-shadow:0 0 16px #a855f733!important}@media(max-width:1100px){.tutorial-actions{flex-direction:column;gap:7px}.topbar{gap:12px}.topbar-actions{gap:6px}.history-buttons{margin-right:0}}@media(max-width:760px){.tutorial-coach{padding:9px 16px}.tutorial-body{gap:10px}.tutorial-body h3{font-size:12px}.tutorial-body p{font-size:11px}.tutorial-actions>span{display:none}.tutorial-actions .button{font-size:10px;padding:0 8px}.tutorial-heading{font-size:10px}.tutorial-body>div:first-child{min-width:0}.topbar-actions{gap:3px}.mobile-inspector{inset:60px 0 68px}.studio-shell:has(.tutorial-coach) .mobile-inspector{top:calc(60px + var(--tutorial-height,160px))}.import-graph{height:185px}.strudel-input{min-height:160px}.lesson-card{padding:15px}}.pack-audio-preview{padding:12px;margin-top:15px;background:#17141d;border:1px solid #35303f;border-radius:8px}.pack-audio-preview p{font-size:12px;color:#c1b4d0;margin-bottom:8px}.pack-audio-preview audio{width:100%;height:36px}.pack-detail-sounds .pack-copy select{max-width:100%;margin-top:7px;background:#24212d;border:1px solid #45404f;border-radius:5px;font-size:11px;padding:4px}.pattern-timing{margin-top:22px;padding-top:18px;border-top:1px solid #30303b}.pattern-timing h3{font-size:11px;letter-spacing:.7px;margin-bottom:10px}.pattern-timing .bar-range{margin:14px 0}.pattern-timing>.button{width:100%;margin-bottom:10px}.timing-error{font-size:11px;color:#ff9fb7;margin-bottom:10px}.timing-current{font-size:11px;color:#c5a4e7;margin-top:10px}.composition-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.composition-panel>.arrangement{flex:1;min-height:0}.composition-tabs{display:flex;align-items:center;gap:6px;padding:9px 14px;border-bottom:1px solid #252530;background:#111116;flex-shrink:0}.composition-tabs button{padding:8px 14px;border-radius:7px;color:#aaaab9;font-size:12px;font-weight:600}.composition-tabs button[aria-pressed=true]{background:#302044;color:#d8b4fe}.composition-tabs>span{margin-left:auto;color:#777789;font-size:11px}.song-timeline{--track-label-width:164px;display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:#0b0b0f}.song-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 10px;flex-wrap:wrap}.song-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}.song-toolbar strong{font-size:18px}.song-toolbar span{font-size:11px;color:#9292a6}.song-toolbar select{padding:7px;background:#1b1b24;border:1px solid #373744;border-radius:6px;color:#dedee8;font-size:12px}.song-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:4px 16px}.song-tools>span{font-size:10px;color:#828296}.song-help{font-size:11px;line-height:1.6;color:#99a;padding:10px 16px;margin:0;flex-shrink:0}.song-scroll{overflow:auto;flex:1;min-height:140px;overscroll-behavior:contain;border-top:1px solid #292933;border-bottom:1px solid #292933}.song-grid{width:calc(var(--track-label-width) + var(--song-width));min-width:100%;position:relative}.song-ruler,.song-track,.song-section-row{display:flex}.song-ruler{position:sticky;top:0;z-index:5;background:#181820;height:36px}.song-track-label{width:var(--track-label-width);min-width:var(--track-label-width);position:sticky;left:0;z-index:3;background:#14141b;border-right:1px solid #30303c;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;font-size:10px;color:#9090a5}.song-ruler .song-track-label{z-index:6;background:#1a1a24;font-size:9px;letter-spacing:1px}.song-bars{display:flex;width:var(--song-width);flex-shrink:0}.song-bars>span{width:var(--bar-width);flex-shrink:0;border-left:1px solid #2c2c38;padding:10px 8px;font-size:11px;color:#9696ab}.song-bars>span:nth-child(4n+1){color:#e1e1ed;border-left-color:#556}.song-bars>.current{background:#573375;color:#fff}.song-lane{position:relative;width:var(--song-width);flex-shrink:0;background-image:repeating-linear-gradient(to right,#353541 0 1px,transparent 1px calc(var(--bar-width)*4)),repeating-linear-gradient(to right,#22222c 0 1px,transparent 1px var(--bar-width))}.song-section-row{height:30px;border-bottom:1px solid #252530}.song-section-block{position:absolute;inset-block:3px;border:1px solid currentColor;border-radius:4px;font-size:10px;text-align:left;padding:2px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#201925}.song-tracks{position:relative}.song-track{height:100px;border-bottom:1px solid #292933}.song-track.selected .song-track-label{background:#24202e;box-shadow:inset 3px 0 var(--clip-color)}.song-track-name{text-align:left;overflow:hidden;display:flex;flex-direction:column;gap:5px;color:#e4e4ed}.song-track-name strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-track-name small{font-size:10px;color:#a0a0b3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-track-label .row{gap:4px;margin-top:5px}.song-track-label .icon-button{width:26px;height:26px}.song-clip{position:absolute;top:10px;bottom:10px;display:flex;border:1px solid var(--clip-color);border-radius:7px;color:var(--clip-color);background:color-mix(in srgb,var(--clip-color) 18%,#101017);overflow:hidden}.song-track.selected .song-clip{box-shadow:0 0 0 1px var(--clip-color)}.song-track.is-muted .song-clip{opacity:.45}.clip-body{position:relative;min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 2px;color:inherit;overflow:hidden;text-align:left;cursor:grab;touch-action:none}.clip-body:active{cursor:grabbing}.clip-body strong{font-size:11px;white-space:nowrap}.clip-body small{font-size:10px;white-space:nowrap}.clip-handle{width:14px;min-width:14px;padding:0;color:inherit;background:color-mix(in srgb,var(--clip-color) 12%,transparent);cursor:ew-resize;touch-action:none;font-size:16px}.clip-handle:hover{background:color-mix(in srgb,var(--clip-color) 35%,transparent)}.clip-body:focus-visible,.clip-handle:focus-visible{outline:2px solid white;outline-offset:-3px}.clip-pattern{display:flex;position:absolute;left:0;bottom:9px;pointer-events:none}.clip-pattern>span{display:flex;gap:2px;flex-shrink:0;padding-right:8px}.clip-pattern i{display:block;height:6px;background:currentColor;flex:1;border-radius:1px}.song-playhead{position:absolute;top:0;bottom:0;width:2px;background:#ede0ff;box-shadow:0 0 6px #a855f7;z-index:2;pointer-events:none}.song-empty{padding:20px;color:#99a}.mobile-song-button{width:100%;margin-bottom:20px}@media(max-width:760px){.composition-panel{display:none}.mobile-graph-active .composition-panel,.song-view-active .composition-panel{display:flex;width:100%;height:100%}.song-view-active.studio-workspace{display:flex;overflow:hidden}.song-view-active .mobile-flow{display:none}.composition-tabs{padding:6px 10px}.composition-tabs>span{display:none}.song-timeline{--track-label-width:112px}.song-toolbar{padding:12px 10px 8px;gap:9px}.song-toolbar span{display:none}.song-toolbar strong{font-size:15px}.song-toolbar .row{gap:6px}.song-toolbar .button{padding:8px}.song-tools{padding:4px 10px;gap:10px}.song-help{padding:8px 10px;font-size:10px}.song-track-label{padding:8px}.song-track-name strong{font-size:11px}.song-track{height:104px}.clip-handle{min-width:18px;width:18px}.song-timeline .song-scroll{min-height:100px}}.song-timeline button{touch-action:manipulation}.song-timeline .clip-body,.song-timeline .clip-handle{touch-action:none}@media(max-width:760px){.song-track-label .icon-button{width:40px;height:32px}.song-track-label .row{gap:2px}}.song-timeline button svg{pointer-events:none}.node-mute{display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid #454050;border-radius:5px;color:#d3cadf;background:#22202a}.node-mute:hover,.node-mute[aria-pressed=true]{color:#f4dbff;background:#58316e;border-color:#c084fc}.node-mute:focus-visible{outline:2px solid #e9d5ff;outline-offset:2px}.music-node.muted-node{opacity:.68;border-style:dashed}.node-muted-label{display:inline-block;margin-left:7px;padding:2px 5px;border-radius:4px;background:#3b264b;color:#e9c7ff;font-size:9px;vertical-align:middle}.mobile-node-row{position:relative}.mobile-node-row .mobile-node{padding-right:90px}.mobile-node-row .mobile-node>svg{display:none}.mobile-node-mute{position:absolute;right:12px;top:22px;display:flex;align-items:center;justify-content:center;gap:5px;min-width:65px;height:40px;padding:5px;border:1px solid #464050;border-radius:7px;background:#25202e;color:#c6b8d8;font-size:10px}.mobile-node-mute[aria-pressed=true]{background:#4c2a60;color:#f2d5ff;border-color:#b575dd}.mobile-node-mute svg,.node-mute svg{pointer-events:none}.sample-editor{margin:16px 0;padding:14px 0;border-top:1px solid #33303c;border-bottom:1px solid #33303c}.sample-editor>h3{font-size:10px;letter-spacing:1px;margin:0 0 14px}.sample-editor .field{margin-top:10px}.sample-editor .bar-range{margin:12px 0}.sample-editor-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sample-waveform{position:relative;height:86px;margin-top:12px;background:#111119;border:1px solid #393347;border-radius:5px;touch-action:none;cursor:ew-resize;overflow:hidden}.sample-waveform svg{width:100%;height:100%;display:block;pointer-events:none}.sample-wave-selection{position:absolute;top:0;bottom:0;border-inline:3px solid #22d3ee;background:#22d3ee0b;pointer-events:none}.sample-wave-selection i{position:absolute;top:32px;height:20px;width:5px;background:#bff6ff;border-radius:3px}.sample-wave-selection i:first-child{left:0}.sample-wave-selection i:last-child{right:0}.sample-preview-status{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px 16px;flex-shrink:0;background:#252032;border-bottom:1px solid #51405f;font-size:12px}.sample-preview-status>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sample-preview-status button{display:flex;gap:6px;align-items:center;white-space:nowrap;color:#e6caff}.sample-editor .help-text{line-height:1.5}.sound-library{overflow-y:auto}.sound-browser{display:flex;flex-direction:column;min-height:0}.compact-browser{flex:1;margin-top:16px;min-height:320px}.sound-browser .categories{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:12px -3px 0;flex-shrink:0}.sound-browser .categories button{gap:5px;padding:7px 4px;font-size:11px;min-width:0}.sound-browser .categories button>svg{width:13px;flex-shrink:0}.sound-browser .categories button small{font-size:10px}.sound-browser .library-list-heading{margin:15px 0 9px;flex-shrink:0}.library-list-heading>small{font-size:10px;color:var(--muted)}.library-sound{padding:4px 0 9px;border-bottom:1px solid #ffffff08}.library-sound .sound-item{gap:6px;margin:0;padding:4px 0}.library-sound .sound-tile{width:32px;height:34px;flex-shrink:0}.library-sound .sound-favorite{display:grid;place-items:center;min-width:28px;min-height:32px;color:#9999ad;padding:3px}.library-sound .sound-favorite.favorited{color:#fbbf24}.library-sound .sound-add{display:grid;place-items:center;opacity:1;min-width:20px;min-height:32px}.sound-category-toggle{display:grid;place-items:center;flex-shrink:0;width:28px;height:32px;padding:3px;border-radius:6px;color:#aaaabd}.sound-category-toggle:hover,.sound-category-toggle[aria-expanded=true]{color:#d5afff;background:#a855f71c}.sound-category-tray{padding:8px;margin:4px 0;background:#18131f;border:1px solid #a855f744;border-radius:9px}.sound-category-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:6px;color:#c1a8d9;font-size:10px}.sound-category-heading button{display:grid;place-items:center;width:28px;height:28px;border-radius:5px}.sound-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.sound-category-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:48px;padding:5px 0;border:1px solid transparent;border-radius:7px;color:#afafc3;font-size:9px}.sound-category-grid button:hover,.sound-category-heading button:hover{background:#ffffff09;color:#f1e4ff}.sound-category-grid button[aria-pressed=true]{background:#a855f727;border-color:#a855f780;color:#e0bfff}.sound-category-grid button:focus-visible{outline-offset:0}.library-pagination{display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 3px;font-size:11px;color:var(--muted)}.library-empty{font-size:12px;line-height:1.6;color:var(--muted);padding:8px}.dialog-browser .sound-list{max-height:43vh;min-height:100px}.dialog-browser .library-filter{margin:10px 0 0}.dialog-browser .sound-copy strong{font-size:14px}.dialog-browser .sound-copy small{font-size:12px}.dialog-browser .library-sound{padding:8px}.dialog-browser .sound-category-toggle,.dialog-browser .sound-favorite,.dialog-browser .sound-add{min-width:40px;min-height:40px}.dialog-browser .sound-category-grid button{font-size:11px;min-height:54px}@media(max-width:760px){.dialog-browser .sound-list{max-height:40dvh}}.library-sound .sound-copy strong{white-space:normal;overflow-wrap:anywhere;line-height:1.4}.audio-devices{border:1px solid var(--border);background:#15151d;border-radius:12px;padding:18px;margin-bottom:18px}.audio-devices h3,.clip-editor h3{display:flex;align-items:center;gap:8px}.device-fields,.trim-fields,.clip-processing-grid,.tuning-key{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audio-devices .field{margin-bottom:6px}.audio-devices .help-text{margin-bottom:0}.recording-level{width:min(260px,100%);height:9px;background:#30303d;border-radius:6px;overflow:hidden;margin:8px auto}.recording-level span{display:block;height:100%;transition:width .1s}.mic-stage .checkbox-label{justify-content:center;margin:16px 0}.mic-stage>.text-button{margin:12px auto 0}.waveform-trimmer{margin:16px 0}.waveform-tools{justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:12px}.waveform-tools select{background:#22222e;color:#fff;border:1px solid #414151;border-radius:5px;padding:5px;margin-left:5px}.editable-waveform{position:relative;height:170px;background:#101017;border:1px solid #383849;border-radius:8px;touch-action:none;user-select:none;margin:28px 12px 0}.editable-waveform>svg{height:100%;width:100%;pointer-events:none}.trim-selection{position:absolute;inset:0;border:1px solid #22d3ee;background:#22d3ee09;pointer-events:none}.trim-handle{position:absolute;top:0;bottom:0;width:24px;transform:translate(-50%);padding:0;touch-action:none;cursor:ew-resize;z-index:2}.trim-handle i{display:block;margin:auto;width:5px;height:100%;background:#22d3ee;border-radius:4px}.trim-end i{background:#ec4899}.trim-handle>span{position:absolute;top:-25px;left:0;font-size:11px;padding:4px 6px;background:#16444c;border-radius:4px;color:#b8f5ff}.trim-end>span{left:auto;right:0;background:#54213c;color:#ffc9e4}.clip-playhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;pointer-events:none;z-index:1}.waveform-times{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:6px 12px}.waveform-pan{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.waveform-pan input{flex:1}.trim-fields{grid-template-columns:1fr 1fr auto;align-items:center}.trim-fields output{font-size:13px;color:#67e8f9}.trim-fields .field{margin:0}.trim-sliders{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:10px 0}.clip-processing{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:20px 0;padding:20px 0}.clip-processing-grid{margin-top:12px}.clip-processing .help-text{font-size:12px;line-height:1.6}.clip-processing .field{margin-bottom:10px}.clip-processing .checkbox-label{margin:6px 0}.clip-preview{padding:16px;background:#111118;border-radius:8px}.clip-preview audio{width:100%;margin-top:14px}.clip-preview [role=status]{font-size:12px;color:#b2b2c4}.clip-save-actions{margin-top:18px}.clip-preview button[aria-pressed=true]{border-color:#b47ae7;background:#a855f720}@media(max-width:760px){.audio-devices{padding:14px}.audio-devices>.panel-heading{align-items:flex-start;gap:10px}.audio-devices h3{font-size:13px}.audio-devices .text-button{font-size:11px}.device-fields,.clip-processing-grid{grid-template-columns:1fr;gap:8px}.trim-fields{grid-template-columns:1fr 1fr;gap:10px}.trim-fields output{grid-column:1/-1}.trim-sliders{grid-template-columns:1fr;gap:0}.editable-waveform{height:130px}.clip-processing>.panel-heading{flex-wrap:wrap;gap:10px}.waveform-tools{font-size:11px}.clip-preview{padding:12px}.saved-clip{flex-wrap:wrap}.saved-clip>div{min-width:150px}.saved-clip .button{min-height:36px}}.sample-wave-selection .sample-boundary{position:absolute;top:0;bottom:0;width:26px;padding:3px 0;writing-mode:vertical-rl;letter-spacing:.04em;font-size:10px;background:#16444c;color:#b8f5ff;border:1px solid #22d3ee;touch-action:none;pointer-events:auto;cursor:ew-resize}.sample-boundary-start{left:0}.sample-wave-selection .sample-boundary-end{right:0;background:#54213c;color:#ffc9e4;border-color:#ec4899}.mic-stage.has-clip{padding:14px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.mic-stage.has-clip .mic-orbit,.mic-stage.has-clip>strong,.mic-stage.has-clip>p,.mic-stage.has-clip .recording-level,.mic-stage.has-clip>.checkbox-label{display:none}.mic-stage.has-clip>.text-button{margin:0}.clip-editor{scroll-margin-top:20px}.bar-scrubber{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:42px;padding:3px 22px;background:#111118;border-top:1px solid var(--border);z-index:7}.bar-scrubber label{font-size:12px;white-space:nowrap;color:#b8b8c9;min-width:90px}.bar-scrubber strong{color:#e9d5ff}.bar-scrubber input{flex:1;min-width:0;accent-color:#a855f7;cursor:ew-resize;touch-action:pan-y}.bar-scrubber button{display:grid;place-items:center;min-width:32px;min-height:32px;color:#d8b4fe;border:1px solid #353344;border-radius:6px}.bar-scrubber button:hover{background:#a855f718}.bar-scrubber button:disabled{opacity:.3;cursor:default}.song-bars>button{width:var(--bar-width);flex-shrink:0;border-left:1px solid #2c2c38;padding:10px 8px;font-size:11px;color:#9696ab;text-align:left;touch-action:pan-x pan-y}.song-bars>button:nth-of-type(4n+1){color:#e1e1ed;border-left-color:#556}.song-bars>button:hover{background:#a855f729}.song-bars>button.current{background:#573375;color:#fff}@media(max-width:760px){.bar-scrubber{gap:8px;padding:3px 12px;min-height:44px}.bar-scrubber label{min-width:76px;font-size:11px}.bar-scrubber button{min-width:30px}}@media(max-width:760px){.mobile-inspector{bottom:112px}}.song-clipboard{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 16px 9px}.song-clipboard label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.song-clipboard input{width:56px;padding:6px;background:#18181f;border:1px solid var(--border);border-radius:6px}.copied-clip-name{font-size:11px;color:#bb9bd8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.song-clip.selected-clip{outline:2px solid var(--clip-color);outline-offset:2px;z-index:2}.song-clip.muted-clip{opacity:.4}@media(max-width:760px){.song-clipboard{padding:0 10px 8px;gap:6px}.song-clipboard .copied-clip-name{max-width:100%}}.account-tabs{margin:16px 0}.account-recovery{display:grid;gap:16px}.account-recovery input{width:100%;padding:12px;background:#18181f;border:1px solid var(--border);border-radius:8px;font-family:monospace}.agent-panel{position:fixed;z-index:24;right:0;top:72px;bottom:0;width:min(440px,100vw);display:flex;flex-direction:column;background:#111116;border-left:1px solid #3a3048;box-shadow:-12px 0 45px #0006;text-align:left;min-height:0;outline:none;overflow:hidden}.agent-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px;gap:12px}.agent-heading h2{margin-top:6px;font-size:19px}.agent-heading .eyebrow{font-size:9px}.agent-toolbar{display:flex;align-items:center;gap:8px;padding:0 18px 12px;border-bottom:1px solid var(--border)}.agent-toolbar>button:last-child{margin-left:auto}.agent-feedback{padding:10px 18px;font-size:12px;overflow-wrap:anywhere}.agent-settings{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px;min-height:0}.agent-settings p{font-size:12px}.agent-settings .field{margin:0}.agent-settings details .field{margin:12px 0}.agent-settings summary{cursor:pointer;color:#c4a4e8;font-size:12px}.agent-history{display:flex;padding:10px 18px;gap:8px}.agent-history select{flex:1;min-width:0;background:#19191f;border:1px solid var(--border);border-radius:6px;padding:7px;font-size:12px}.agent-context{display:flex;flex-direction:column;gap:5px;padding:10px 18px;background:#a855f70b;border-block:1px solid #a855f720;font-size:12px}.agent-context span{color:var(--muted);font-size:11px}.agent-messages{flex:1;min-height:80px;overflow:auto;padding:14px 18px;overscroll-behavior:contain}.agent-empty{display:flex;flex-direction:column;gap:14px;padding:22px 0;color:var(--muted);font-size:13px}.agent-empty h3{color:#e7def3}.agent-panel>.agent-empty{padding:24px}.agent-suggestion{text-align:left;border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:#1a1822;color:#dbcaee;font-size:12px}.agent-suggestion:hover{border-color:#a855f7}.agent-message{padding:13px 0;font-size:13px;overflow-wrap:anywhere}.agent-message strong{display:block;font-size:11px;color:#c48cef;margin-bottom:7px}.agent-message p{white-space:pre-wrap;line-height:1.65}.agent-message.user{background:#24202e;border-radius:10px;padding:12px;margin:8px 0}.agent-message.user strong{color:#9fa4b7}.agent-thinking{display:flex;gap:8px;align-items:center;padding:12px 0;color:var(--muted);font-size:12px}.agent-compose{padding:14px 18px;border-top:1px solid var(--border);background:#131319}.agent-compose textarea{display:block;width:100%;resize:vertical;max-height:160px;min-height:70px;border:1px solid #3c3348;border-radius:8px;background:#1b1922;padding:11px;font-size:13px;outline-color:#a855f7}.agent-send{justify-content:space-between;margin-top:9px;font-size:11px}.agent-disclosure{font-size:10px;line-height:1.45;color:#8f8d9e;margin-top:10px}@media(max-width:700px){.agent-panel{top:62px;width:100vw;border:0}.agent-heading{padding-top:12px}.agent-heading h2{font-size:17px}.topbar-actions{gap:4px}.agent-compose{padding:10px 14px}.agent-disclosure{font-size:10px}}.account-approval-notice{padding:14px;border:1px solid #9b782c55;background:#d9aa2210;border-radius:9px;margin-bottom:18px;font-size:13px}.account-approval-notice strong{color:#f4cc78}.account-approval-notice p{margin:7px 0 12px}.account-approvals{border-block:1px solid var(--border);padding:16px 0;margin-top:20px}.account-approvals h3{display:flex;align-items:center;gap:7px}.account-approvals p{font-size:12px;margin:8px 0}.approval-list{max-height:300px;overflow:auto}.approval-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.approval-row strong{font-size:13px;overflow-wrap:anywhere}.approval-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.workspace-boot{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;color:var(--muted)}.workspace-boot .brand{color:#f5f5f7}.workspace-sync.synced{color:#a3e635}.workspace-sync.conflict,.workspace-sync.error{color:#f4cc78}.workspace-sync-status{margin-top:20px;padding:16px 0;border-top:1px solid var(--border)}.workspace-sync-status h3{display:flex;align-items:center;gap:8px}.workspace-sync-status p{font-size:12px;margin:10px 0}.workspace-sync-status>.text-button{display:block;margin-top:12px}@media(max-width:700px){.topbar-actions>.workspace-sync{display:none}}.compact-browser .categories{max-height:220px;overflow-y:auto;flex-shrink:0}#graph-assistant-trigger{display:contents}.agent-tool-toggle{padding:10px 16px;font-size:12px}.agent-tool-events{padding:12px;color:#b9a4d1}.agent-tool-events pre{white-space:pre-wrap;font-size:11px;max-height:160px;overflow:auto}@media(max-width:760px){.hub .topbar>.row{gap:4px}.hub .topbar>.row>.button{font-size:12px;padding:0 10px;height:34px}}@media(max-width:420px){.hub .topbar .brand>span:last-child{display:none}}.library-collection{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin:10px 0;flex-shrink:0}.library-collection select{min-width:0;width:100%;background:#18181f;border:1px solid var(--border);border-radius:7px;padding:7px;color:var(--text);font-size:11px}.studio-library-intro{margin:24px 0;border:1px solid #a855f744;background:linear-gradient(115deg,#241830,#12121b);padding:24px;border-radius:12px}.studio-library-intro h2{font-size:24px;margin:8px 0}.studio-library-intro p{max-width:760px;color:var(--muted);font-size:13px}.studio-library-stats{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.studio-library-stats span{padding:8px 12px;border:1px solid #a855f744;border-radius:7px;font-size:12px}.studio-library-panel{border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.studio-library-panel .sound-list{max-height:620px;overflow:auto}.studio-library-panel .library-sound{border-bottom:1px solid var(--border)}.studio-library-sources{margin:20px 0;font-size:12px;color:var(--muted)}.studio-library-sources summary{cursor:pointer}.studio-library-sources ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding-left:18px}.studio-library-sources a{color:#c49bf4}.studio-library-callout{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;padding:18px;border:1px solid #a855f744;background:#a855f711;border-radius:10px}.studio-library-callout p{font-size:12px;color:var(--muted);margin-top:5px}@media(max-width:760px){.studio-library-intro{padding:18px}.studio-library-intro h2{font-size:21px}.studio-library-panel{padding:12px}.studio-library-callout{align-items:flex-start;flex-direction:column}.studio-library-stats{gap:6px}.studio-library-stats span{font-size:11px;padding:7px}.source-tabs{overflow-x:auto}}.song-clip{overflow:visible}.song-clip .clip-body{border-radius:6px;padding:12px 21px 8px}.song-clip .clip-handle{position:absolute;z-index:3;top:-5px;bottom:-1px;width:20px;min-width:20px;background:transparent;color:var(--clip-color);border-radius:4px;user-select:none;touch-action:none}.song-clip .clip-handle-start{left:-1px}.song-clip .clip-handle-end{right:-1px}.clip-handle:before{content:"";position:absolute;top:5px;bottom:0;width:9px;border:2px solid currentColor;opacity:.75;pointer-events:none}.clip-handle-start:before{left:0;border-right:0;border-radius:4px 0 0 4px}.clip-handle-end:before{right:0;border-left:0;border-radius:0 4px 4px 0}.clip-trim-tab{position:absolute;top:0;width:20px;height:23px;display:grid;place-items:center;border:1px solid currentColor;border-radius:4px;background:color-mix(in srgb,var(--clip-color) 32%,#17171f);box-shadow:0 2px 5px #0006;pointer-events:none}.clip-handle-start .clip-trim-tab{left:0;border-bottom-left-radius:0}.clip-handle-end .clip-trim-tab{right:0;border-bottom-right-radius:0}.song-clip .clip-handle:hover,.song-clip .clip-handle:focus-visible,.song-clip .clip-handle.is-trimming{color:#fff;background:color-mix(in srgb,var(--clip-color) 16%,transparent)}.clip-handle:hover .clip-trim-tab,.clip-handle:focus-visible .clip-trim-tab,.clip-handle.is-trimming .clip-trim-tab{background:var(--clip-color);color:#111116;border-color:#fff;box-shadow:0 0 0 1px #fff5}.clip-handle.is-trimming:before{opacity:1;border-width:3px}.song-clip.trimming-clip{z-index:4;box-shadow:0 0 0 1px #fff7}.song-trim-status{min-height:34px;padding:5px 16px 10px;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--muted)}.song-trim-status.active{color:#d5c0ee}.song-trim-status strong{font-weight:650;color:#fff}@media(max-width:760px){.song-trim-status{padding-inline:10px;font-size:10px}}.song-loop-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:0 16px 12px;font-size:11px;color:var(--muted)}.song-loop-controls label{display:flex;align-items:center;gap:7px}.song-loop-controls select{background:#18181f;border:1px solid var(--border);border-radius:6px;padding:6px;font-size:11px}.song-loop-controls>.button{border-color:#c084fc66;color:#e1c3ff}.song-bars{position:relative}.loop-ruler-range{position:absolute;left:0;bottom:0;height:3px;background:#c084fc;pointer-events:none}.song-end-marker{position:absolute;top:0;bottom:0;width:2px;background:#c084fc;z-index:5;pointer-events:none}.song-end-marker>span{position:absolute;right:3px;top:-19px;white-space:nowrap;border-radius:3px;padding:3px 5px;background:#c084fc;color:#160e20;font-size:9px;font-weight:700}.song-after-end{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#09090b66 0 5px,#09090b88 5px 6px);z-index:4;pointer-events:none}@media(max-width:760px){.song-loop-controls{padding:0 10px 10px;gap:7px}}.song-timeline{position:relative}.timeline-controls{position:relative;flex-shrink:0;z-index:12;background:#101015}.timeline-toolbar{height:44px;padding:5px 10px;display:flex;align-items:center;gap:4px}.timeline-length{font-size:12px;white-space:nowrap;margin-right:8px}.timeline-toolbar>button{height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;border-radius:6px;font-size:11px;white-space:nowrap;color:#b5b5c2}.timeline-toolbar>button:hover,.timeline-toolbar>button.active{background:#a855f71c;color:#d9b8f8}.timeline-toolbar button small{font-size:10px;color:var(--muted)}.timeline-toolbar-spacer{flex:1}.timeline-controls.is-collapsed .timeline-toolbar{height:28px;padding-block:0}.timeline-controls.is-collapsed .timeline-toolbar>button{height:26px}.timeline-options-panel{position:absolute;top:100%;left:8px;right:8px;max-height:min(50dvh,320px);overflow:auto;border:1px solid #41414e;border-radius:9px;background:#17171e;box-shadow:0 12px 28px #0009;padding:10px 12px 14px;z-index:20}.timeline-options-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px}.timeline-options-heading .icon-button{height:24px;width:24px}.timeline-options-panel .song-clipboard,.timeline-options-panel .song-loop-controls{padding:0;gap:8px 10px}.timeline-length-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--muted)}.timeline-length-options select{background:#22222b;border:1px solid var(--border);border-radius:6px;padding:7px;font-size:12px}.timeline-remove-bars{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.timeline-remove-bars label{display:flex;align-items:center;gap:6px}.timeline-remove-bars input{width:60px;min-height:34px;background:#22222b;border:1px solid var(--border);border-radius:6px;padding:7px;font-size:12px;color:var(--text)}.timeline-remove-bars .timeline-option-hint{line-height:1.5}.timeline-section-action{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.timeline-option-hint{font-size:11px;color:var(--muted);margin-top:12px}.timeline-help-content{font-size:12px;color:#b4b4c3;display:grid;gap:9px}.timeline-help-content strong{color:var(--text)}.song-timeline>.song-trim-status{position:absolute;bottom:10px;left:10px;right:10px;z-index:8;min-height:0;padding:0;pointer-events:none}.song-timeline>.song-trim-status.active{padding:8px 12px;border:1px solid #c084fc66;border-radius:7px;background:#17111fed;box-shadow:0 3px 12px #0006;width:fit-content;max-width:calc(100% - 20px)}@media(max-width:760px){.timeline-toolbar{padding-inline:7px;gap:2px}.timeline-toolbar>button{padding-inline:5px;font-size:10px;gap:3px}.timeline-length{font-size:11px;margin-right:3px}.timeline-loop-button small{display:none}.timeline-options-panel{left:5px;right:5px;padding:9px 10px 12px}.timeline-help-content{font-size:11px}}.song-track-label{z-index:7}.song-ruler{z-index:9}.sound-library>.compact-browser{min-height:440px;flex-shrink:0}.sound-library>.hub-link,.sound-library>.source-link{flex-shrink:0}.sound-activity-glyph{display:inline-flex;align-items:center;vertical-align:middle;flex-shrink:0}.playing-glyph{display:inline-flex;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.playing-glyph i{width:3px;height:80%;background:currentColor;border-radius:2px;animation:sound-playing .7s ease-in-out infinite alternate}.playing-glyph i:nth-child(2){animation-delay:-.45s;height:45%}.playing-glyph i:nth-child(3){animation-delay:-.2s;height:100%}.playing-glyph i:nth-child(4){animation-delay:-.6s;height:60%}@keyframes sound-playing{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.sound-tile[data-audio-state=preview],.sound-tile[data-audio-state=playing],.pattern-preview[data-audio-state=preview]{box-shadow:inset 0 0 0 2px currentColor}.clip-body strong .sound-activity-glyph:not(:empty){margin-right:6px}@media(prefers-reduced-motion:reduce){.playing-glyph i{animation:none}}.clip-mode-tabs{display:flex;gap:8px;margin:16px 0}.hum-melody{border:1px solid var(--border);border-radius:12px;padding:18px;margin:18px 0}.hum-melody .panel-heading h3{display:flex;align-items:center;gap:8px}.hum-melody .help-text{margin:10px 0}.hum-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.hum-controls select{width:100%;min-width:0}.hum-roll{overflow:auto;background:repeating-linear-gradient(to right,transparent 0,transparent 17px,#ffffff0a 18px);border:1px solid var(--border);border-radius:8px;margin:16px 0}.hum-roll button{position:absolute;height:21px;min-width:10px;background:#6d3295;color:#f5e4ff;border:1px solid #c084fc;border-radius:4px;font-size:10px;overflow:hidden;padding:2px}.hum-roll button.selected{background:#a855f7;outline:2px solid white;outline-offset:-2px}.hum-note-edit{margin-bottom:14px}.hum-note-edit input{width:70px}.hum-note-edit select,.hum-note-edit input{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:5px}@media(max-width:760px){.hum-melody{padding:12px}.hum-controls{grid-template-columns:1fr}}.song-ruler{z-index:6}.song-bars>.song-length-handle{position:absolute;top:0;width:20px;height:36px;padding:0;display:grid;place-items:center;z-index:8;border:1px solid #c084fc;border-radius:4px;background:#392747;color:#ead5ff;cursor:ew-resize;touch-action:none}.song-bars>.song-length-handle:hover,.song-bars>.song-length-handle:focus-visible,.song-bars>.song-length-handle.is-resizing{background:#a855f7;color:#fff;outline:2px solid #eedbff;outline-offset:-2px}.song-length-boundary{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed #b589d4;z-index:5;pointer-events:none}.song-length-boundary.is-resizing{border-left:2px solid #d8b4fe;z-index:6}.song-length-cut-preview{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#f43f5e22 0 6px,#f43f5e44 6px 8px);z-index:5;pointer-events:none}.song-end-marker{z-index:7}.song-end-marker>span{right:24px}.music-node.instrument-drop-active{position:relative}.instrument-drop-active{box-shadow:inset 0 0 0 2px #d8b4fe!important;opacity:1!important}.instrument-drop-hint{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;border:2px solid #d8b4fe;border-radius:inherit;background:#281735ed;color:#f3e8ff;text-align:center;pointer-events:none;font-size:12px}.instrument-drop-hint small{font-size:10px;color:#d8b4fe}.instrument-replacement-summary{display:flex;align-items:center;gap:18px;margin:24px 0;padding:18px;border:1px solid #44334f;border-radius:10px;background:#211728}.instrument-replacement-summary>span{flex:1;min-width:0;overflow-wrap:anywhere}.instrument-replacement-summary>svg{flex-shrink:0;color:#c084fc}.instrument-replacement-summary small{display:block;color:#b79fc9;font-size:10px;letter-spacing:1px;margin-bottom:8px}.instrument-replacement-summary strong{font-size:15px}.instrument-replacement-actions{display:flex;justify-content:flex-end;gap:10px}.note-edit-mode{display:flex;align-items:center;gap:9px;margin:12px 0}.note-edit-mode>span{font-size:10px;color:#9691a6}.note-edit-mode button[aria-pressed=true]{border-color:#a855f7;color:#dfbcff}.note-editor .step-editor button{position:relative}.note-editor .step-editor .selected-note{outline:2px solid #f0e1ff;outline-offset:2px;z-index:1}.note-editor .step-editor .shaped-note:after{content:"";position:absolute;bottom:3px;right:3px;width:4px;height:4px;border-radius:50%;background:#f0e1ff}.note-shape-controls{border:1px solid #443451;border-radius:9px;padding:12px;margin:12px 0;background:#a855f707}.note-shape-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.note-shape-heading .text-button{font-size:10px}.note-shape-controls .range-field{margin:18px 0}.note-shape-controls .range-field>span{font-size:11px;gap:8px}.note-shape-controls .help-text{font-size:10px;line-height:1.6}.note-envelope{border-top:1px solid #38303f;padding-top:10px}.note-envelope summary{font-size:12px;cursor:pointer;color:#c5a3e0}.note-shape-controls>.button{margin-top:12px}.note-edit-mode{flex-wrap:wrap;gap:6px}.note-edit-mode>span{flex:1}.chord-editor{margin-top:10px;border-bottom:1px solid #443451;padding-bottom:8px}.chord-editor .field{margin:10px 0}.chord-tones{display:flex;flex-direction:column;gap:7px}.chord-tones>div{display:flex;gap:5px;align-items:center}.chord-tones label{display:flex;align-items:center;gap:10px;flex:1;font-size:11px}.chord-tones label span{width:44px;color:#aaa1b4}.chord-tones select{flex:1;min-width:0;padding:6px;border:1px solid #393343;border-radius:5px;background:#1b1922;color:#eee}.chord-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.chord-actions .button{padding:0 7px;font-size:10px}.step-editor .chord-count{display:block;font-size:8px;color:#e3d3f0;line-height:1.1}.song-clip .clip-handle{top:21px;width:12px;min-width:12px}.clip-handle:before{top:0}.song-clip .clip-body{padding-top:22px;z-index:1}.clip-envelope{position:absolute;inset:4px 0 0;width:100%;height:calc(100% - 4px);pointer-events:none;overflow:visible}.clip-envelope-shade{fill:currentColor;opacity:.18}.clip-envelope-curve{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.85}.clip-envelope.is-editing .clip-envelope-curve{stroke:#fff;stroke-width:2}.song-timeline .clip-fade-handle{position:absolute;top:-6px;z-index:4;width:20px;height:24px;display:grid;place-items:center;padding:0;border:1px solid currentColor;border-radius:5px;color:var(--clip-color);background:color-mix(in srgb,var(--clip-color) 25%,#15151e);cursor:ew-resize;touch-action:none;user-select:none;box-shadow:0 2px 4px #0005}.clip-fade-handle:hover,.clip-fade-handle:focus-visible,.clip-fade-handle.is-adjusting{color:#fff;background:var(--clip-color);outline:2px solid #fff;outline-offset:1px}.clip-fade-readout{position:absolute;left:24px;right:24px;top:21px;z-index:4;width:max-content;max-width:calc(100% - 48px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;border-radius:4px;background:#12121e;color:#fff;font-size:10px;pointer-events:none}.song-ruler{height:60px}.song-bars{padding-top:24px}.song-bars>.song-length-handle{top:24px}.loop-range{position:absolute;top:0;height:24px;display:flex;align-items:center;justify-content:center;background:#a855f733;border:1px solid #c084fc;border-radius:4px;color:#e9d5ff;z-index:7;user-select:none}.loop-range>span{font-size:10px;font-weight:600;white-space:nowrap;pointer-events:none}.song-timeline .loop-range-handle{position:absolute;top:-1px;width:24px;height:24px;display:grid;place-items:center;background:#63388b;color:#f3e8ff;border:1px solid #c084fc;border-radius:4px;cursor:ew-resize;touch-action:none;padding:0}.loop-range-start{left:-1px}.loop-range-end{right:-1px}.loop-range-handle:hover,.loop-range-handle:focus-visible,.loop-range.is-dragging .loop-range-handle{background:#a855f7;outline:2px solid #f3e8ff;outline-offset:-2px}.song-start-marker{position:absolute;top:0;bottom:0;width:2px;background:#c084fc;z-index:7;pointer-events:none}.song-end-marker>span{display:none}.note-selection-tools{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-bottom:5px}.note-selection-tools .text-button{font-size:11px}.note-selection-tools [aria-pressed=true]{color:#f3e8ff;background:#a855f730;border-radius:5px;padding:4px 7px}.note-selection-hint{font-size:10px;color:#9992a7;line-height:1.6;margin:0 0 10px}.note-transpose{display:flex;align-items:center;gap:5px;margin-top:12px}.note-transpose>span{font-size:11px;color:#c6bed1;margin-right:auto}.note-transpose .button{min-width:34px;padding:0 6px;font-size:11px}.note-shape-heading>strong{min-width:0}.note-shape-heading>.text-button{flex-shrink:0}.string-performance{margin:12px 0;border-block:1px solid #443451;padding:10px 0}.string-performance>summary{font-size:12px;color:#d8b4fe;cursor:pointer}.string-performance .field{margin:12px 0}.string-performance .help-text{margin-top:10px}.string-rhythms{display:flex;gap:6px;flex-wrap:wrap}.string-rhythms .button{padding:0 9px;font-size:11px}.note-editor .step-technique{position:absolute;right:3px;top:1px;font-size:11px;font-style:normal;line-height:1;color:#f1dfff}.sound-name-button{display:block;text-align:left;padding:0;width:100%;min-width:0}.sound-profile-badge{display:block;padding:3px 0 0;font-size:10px;line-height:1.4;color:var(--muted);text-align:left;white-space:normal}.sound-profile-badge.documented{color:#67d3c8}.sound-profile-badge:hover{text-decoration:underline;color:#e2fff9}.library-detail-filters{flex-shrink:0;margin:0 0 8px;font-size:11px;color:var(--muted)}.library-detail-filters summary{cursor:pointer;padding:5px 0}.library-detail-filters p{font-size:11px;margin:6px 0}.library-detail-filters .checkbox-label{font-size:11px;margin:8px 0}.sound-profile-details{display:grid;gap:14px;line-height:1.6;color:#c5c5d3}.sound-profile-details a{color:#c084fc;text-decoration:underline}.pack-source-filter{max-width:340px;margin:14px 0 8px}.pack-provenance-help{font-size:12px;color:var(--muted);margin-bottom:12px}.resizable-sidebar{position:relative;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--panel);border-right:1px solid var(--border)}.sidebar-layout-controls{display:flex;justify-content:flex-end;align-items:center;gap:2px;padding:7px 9px;border-bottom:1px solid var(--border);flex-shrink:0;color:var(--muted)}.sidebar-layout-controls .icon-button{width:27px;height:28px}.sidebar-content{display:flex;flex:1;min-height:0;min-width:0}.sidebar-content[hidden]{display:none}.sidebar-content>.sound-library{flex:1;min-width:0;border-right:0}.sidebar-content .categories button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-resize-handle{position:absolute;top:0;right:-4px;bottom:0;width:9px;z-index:6;display:flex;align-items:center;justify-content:center;cursor:col-resize;touch-action:none;color:#777786;outline:none}.sidebar-resize-handle:before{content:"";position:absolute;inset:0 3px;background:transparent}.sidebar-resize-handle svg{position:relative;background:var(--panel);border-radius:4px;height:30px}.sidebar-resize-handle:hover,.sidebar-resize-handle:focus-visible,.is-resizing .sidebar-resize-handle{color:#d8b4fe}.sidebar-resize-handle:hover:before,.sidebar-resize-handle:focus-visible:before,.is-resizing .sidebar-resize-handle:before{background:var(--violet)}.is-resizing{user-select:none}.resizable-sidebar.is-collapsed .sidebar-layout-controls{padding:7px;justify-content:center;border-bottom:0}@media(min-width:761px){.studio-workspace{grid-template-columns:auto minmax(0,1fr) 280px}}@media(min-width:1600px){.studio-workspace{grid-template-columns:auto minmax(0,1fr) 300px}}@media(min-width:1021px)and (max-width:1250px){.studio-workspace{grid-template-columns:auto minmax(0,1fr) 255px}}@media(min-width:761px)and (max-width:1020px){.studio-workspace{grid-template-columns:auto minmax(0,1fr) 235px}}@media(max-width:760px){.resizable-sidebar{display:none}}@media(min-width:761px){.topbar{height:60px;padding-inline:18px;gap:16px}.brand{font-size:19px;gap:9px}.brand-mark{width:31px;height:31px;border-radius:8px}.topbar .button{height:34px;padding-inline:12px}.topbar-actions{gap:5px}.project-status span{margin-top:4px}.history-buttons{margin-right:3px}.transport{height:60px;padding-inline:18px;gap:12px}.transport .main-play{width:40px;height:40px}.arrangement-toolbar{height:44px;padding-inline:14px}.arrangement-toolbar>div:first-child{gap:9px}.composition-tabs{padding:5px 10px;gap:4px}.composition-tabs button{padding:6px 11px}.inspector{padding:14px;scroll-padding-block:58px}.inspector>.panel-heading{margin-bottom:14px}.selected-element{margin-bottom:16px;gap:9px}.selected-element span:not(.sound-tile){margin-top:4px}.inspector .range-field{margin:17px 0}.inspector .range-field>span{margin-bottom:10px;font-size:12px}.inspector .panel-heading.small{margin:17px 0 9px}.inspector .section-label{margin:18px 0 9px}.inspector .field{margin-block:12px}.inspector-preview{padding:7px 0;gap:7px}.code-preview{margin-top:18px;padding:10px}.code-preview pre{line-height:1.6;margin:8px 0;max-height:120px}.inspector-connections{padding-top:12px;margin-top:12px}.sidebar-layout-controls{padding:3px 9px}.resizable-sidebar.is-collapsed .sidebar-layout-controls{padding:3px 7px}.sidebar-content>.sound-library{padding:10px 12px}.sound-library>.panel-heading{margin-bottom:7px}.sound-library .source-buttons{gap:5px}.sound-library .source-buttons button{height:34px;flex-direction:row;gap:5px;font-size:11px}.sound-library .source-buttons svg{width:15px;height:15px}.sound-library>.compact-browser{margin-top:10px;min-height:360px;flex:1}.sound-library .search-box{height:33px;padding-inline:8px}.sound-library .categories{margin-top:8px;gap:1px}.sound-library .categories button{padding-block:5px}.sound-library .library-collection{margin-block:7px}.sound-library .library-list-heading{margin:10px 0 6px}.sound-library .library-sound{padding:2px 0 5px}.sound-library .sound-profile-badge{padding-top:2px;line-height:1.3}.sound-library .hub-link{padding:9px 8px;margin-top:8px}.sound-library .source-link{margin-top:8px}.hub-sidebar{padding:20px 12px}.hub-sidebar>h2{margin-bottom:12px}.hub-sidebar nav{gap:3px}.hub-sidebar nav button{padding:9px 11px}.hub-main{padding:24px 24px 32px}.hub-hero{margin-bottom:18px;gap:16px}.hub-hero h1{font-size:25px;margin:6px 0}.hub-hero-actions>.button{height:36px}.source-tabs{margin-bottom:18px;padding:4px}.source-tabs button{height:36px}.packs-browser,.studio-library-panel{padding:16px}.pack-row{padding-block:10px}.studio-library-intro{padding:18px;margin:16px 0}.studio-library-intro h2{font-size:21px}.studio-library-callout{margin:14px 0;padding:14px}.dialog{padding:24px}.dialog-heading{margin-bottom:18px}}.composition-panel{container-type:inline-size}.timeline-toolbar{height:40px;padding:4px 8px;gap:3px;overflow-x:auto;scrollbar-width:thin}.timeline-toolbar>button{height:30px;padding-inline:7px;flex-shrink:0}.timeline-length{margin-right:4px;font-variant-numeric:tabular-nums}.timeline-zoom{display:flex;align-items:center;gap:2px;flex-shrink:0;border-left:1px solid var(--border);padding-left:5px}.timeline-zoom .icon-button,.timeline-zoom>button{height:28px;border-radius:5px;color:#b5b5c2;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 5px;font-size:11px;white-space:nowrap}.timeline-zoom .icon-button{width:27px}.timeline-zoom>button:hover,.timeline-zoom>button.active{background:#a855f71c;color:#dfbcff}.timeline-zoom-value{min-width:43px;font-variant-numeric:tabular-nums}.timeline-zoom input{width:64px;min-width:0;height:20px;margin:0 3px;cursor:pointer}.timeline-controls.is-collapsed .timeline-zoom>button{height:24px}.song-ruler{z-index:9;height:52px}.song-bars>button{padding:6px 3px;min-width:0;overflow:hidden}.song-bars>.song-length-handle{height:28px}.song-track{height:88px}.song-clip{top:9px;bottom:9px;border-radius:5px}.song-track-label{padding:6px 10px}.song-track-name{gap:3px;padding:0;min-width:0}.song-track-label .row{margin-top:3px}.song-clip .clip-body{padding:20px min(15px,calc(var(--bar-width)/4)) 7px;gap:2px}.clip-body strong{max-width:100%;overflow:hidden;text-overflow:ellipsis}.clip-body small{font-size:9px}.clip-pattern{bottom:6px}.song-clip .clip-handle{width:min(12px,calc(var(--bar-width)/3));min-width:0}@container (max-width:680px){.timeline-zoom input{display:none}.timeline-toolbar>button>span{display:none}.timeline-toolbar>button{width:28px;padding:0}.timeline-controls.is-collapsed .timeline-collapse{width:auto;padding-inline:5px}.timeline-controls.is-collapsed .timeline-collapse>span{display:inline}}@container (max-width:380px){.timeline-fit>span{display:none}.timeline-length{font-size:10px;margin-right:1px}.timeline-toolbar{gap:1px;padding-inline:5px}.timeline-zoom{padding-left:3px}}@media(max-width:760px){.mobile-inspector .inspector{padding:18px}.mobile-inspector .inspector>.panel-heading{margin-bottom:18px}.mobile-inspector .selected-element{margin-bottom:18px}.mobile-inspector .range-field{margin:22px 0}.mobile-inspector .range-field>span{margin-bottom:12px}.hub-main{padding:20px 14px}.hub-hero{margin-bottom:18px}.source-tabs{margin-bottom:16px}.song-track{height:96px}.song-track-label{padding:6px 8px}.song-track-label .icon-button{width:40px;height:32px}.timeline-toolbar{height:44px}.timeline-toolbar>button{height:34px}.timeline-zoom>button,.timeline-zoom .icon-button{height:32px}}.song-ruler .song-track-label{z-index:10}.compact-browser .sound-name-button strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-bars>button:not(.song-length-handle){position:relative;padding-inline:0;overflow:visible}.song-bars>button>span{position:absolute;left:4px;top:8px;line-height:1;pointer-events:none}@media(min-width:761px){.sound-library .source-buttons button{min-width:0;padding-inline:3px;gap:3px;font-size:10px}.sound-library .source-buttons svg{width:13px;height:13px}}.note-editor .step-editor button.active{cursor:grab;touch-action:none;user-select:none}.note-editor .step-editor button.dragging-note{opacity:.5;cursor:grabbing}.note-editor .step-editor button.note-drop-target{outline:2px solid #e9d5ff;outline-offset:2px;opacity:1}.note-selection-tools .remove-notes{color:#fda4af;margin-left:auto}.playback-conditions{margin:16px 0;border-top:1px solid #443451;padding-top:12px}.playback-conditions h3{font-size:10px;letter-spacing:.06em;color:#c5a3e0}.playback-conditions .field input{width:100%;min-width:0}.playback-conditions .row{flex-wrap:wrap;gap:10px}.playback-conditions .help-text{font-size:10px;line-height:1.6}.library-download-link{justify-content:center;font-size:11px;flex-shrink:0;margin-top:4px}.search-scope{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:10px;color:var(--muted);margin-top:7px;flex-shrink:0}.search-scope .text-button{font-size:10px;padding-block:2px}.library-detail-filters code{color:#d8b4fe;font-size:10px;overflow-wrap:anywhere}.sound-original-path{overflow-wrap:anywhere;font-size:12px;color:var(--muted)}.download-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.download-heading h2{font-size:22px}.download-heading p{font-size:12px;color:var(--muted);margin-top:5px}.download-workflow{font-size:12px;color:var(--muted);max-width:850px;margin:12px 0 16px}.download-search{display:flex;align-items:center;gap:10px}.download-search .search-box{flex:1;height:40px}.download-search select{height:40px;max-width:210px;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;padding:0 10px;font-size:12px}.download-quick{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 15px}.download-quick button{font-size:11px;color:#c1b1cf;padding:5px 10px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}.download-quick button:hover,.download-quick button[aria-pressed=true]{border-color:#a855f7;background:#a855f720;color:#e9d5ff}.download-providers{margin:12px 0;border:1px solid var(--border);border-radius:9px;padding:12px;background:var(--panel)}.download-providers>summary{font-size:12px;color:#cbb6df;cursor:pointer}.download-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.download-source-grid article{padding:12px;border:1px solid var(--border);border-radius:7px;background:#15151c;min-width:0}.download-source-grid h3{font-size:13px}.download-source-grid article>div>span{display:block;font-size:10px;color:#c49be9;margin-top:5px}.download-source-grid p{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0}.download-source-grid .text-button{font-size:11px}.download-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px;color:var(--muted);font-size:12px}.download-result-heading small{font-size:10px}.download-results{border:1px solid var(--border);border-radius:9px;background:var(--panel);margin-bottom:12px}.download-results:empty{display:none}.download-pack{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--border);min-width:0}.download-pack:last-child{border-bottom:0}.download-pack>div:first-of-type{flex:1;min-width:0}.download-pack h3{font-size:13px;overflow-wrap:anywhere}.download-pack p{font-size:11px;color:var(--muted);margin-top:4px}.download-pack-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.download-pack-actions .text-button{font-size:11px}.download-empty{padding:20px;border:1px solid var(--border);border-radius:9px;background:var(--panel);margin:12px 0}.download-empty p{font-size:12px;color:var(--muted);margin:8px 0 14px}.pack-import-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.pack-import-fields>.field:last-child{grid-column:1/-1}.pack-import-fields input,.pack-import-fields select{min-width:0;width:100%}.pack-import-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}.pack-import-progress{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0;font-size:12px}.pack-import-progress progress{width:100%;height:8px;accent-color:var(--violet)}.import-result{padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);font-size:12px;margin-top:12px}.import-failures{font-size:11px;margin-top:12px;color:var(--muted)}.import-failures summary{cursor:pointer}.import-failures ul{max-height:140px;overflow:auto;overflow-wrap:anywhere}@media(max-width:760px){.download-heading{align-items:flex-start;flex-direction:column}.download-heading h2{font-size:20px}.download-search{align-items:stretch;flex-direction:column;gap:7px}.download-search select{max-width:none;width:100%}.download-source-grid{grid-template-columns:1fr}.download-pack{gap:8px;padding:10px}.download-pack>.sound-tile{display:none}.download-pack-actions{flex-direction:column;align-items:flex-end;gap:3px}.download-pack h3{font-size:12px}.download-pack-actions .button{height:34px}.download-result-heading{align-items:flex-start;flex-direction:column;gap:4px}.pack-import-fields{grid-template-columns:1fr}}@media(min-width:761px){.studio-shell{min-height:0}.sidebar-content>.sound-library{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-color:#686878 transparent}.sound-library>*{flex-shrink:0}.sound-library>.compact-browser{flex:0 0 auto;min-height:0}.sound-library .compact-browser>.sound-list{flex:none;min-height:0;overflow:visible}.sound-library .compact-browser>.categories{max-height:none;overflow:visible}}.pack-import-drop{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:22px 14px;margin:16px 0;border:1px dashed var(--violet);border-radius:12px;background:#8b5cf60f}.pack-import-drop.dragging{background:#8b5cf633;outline:2px solid var(--violet)}.pack-import-drop>span{font-size:12px;color:var(--muted)}.pack-import-drop .pack-import-actions{justify-content:center;margin:4px 0 0}