*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#ccc;background:#1e1e1e;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.app{color:#ccc;background:#1e1e1e;flex-direction:column;height:100vh;display:flex}.loading{z-index:1000;background:#1e1e1ef2;position:absolute;inset:0}.toolbar{z-index:100;-webkit-app-region:drag;background:#252526;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:12px;height:40px;min-height:40px;padding:6px 12px;display:flex}.toolbar-actions{-webkit-app-region:no-drag;gap:6px;display:flex}.toolbar-actions button{color:#ccc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 12px;font-size:12px}.toolbar-actions button:hover{background:#333;border-color:#555}.toolbar-actions .tv-connected{color:#a5d6a7;background:#1b5e20;border-color:#4caf50}.toolbar-separator{background:#444;width:1px;height:20px;margin:0 4px}.vj-mode .toolbar{display:none}.vj-mode .vj-overlay{z-index:100;pointer-events:none;position:absolute;inset:0}.vj-mode .vj-overlay>*{pointer-events:auto}.main{flex:1;min-height:0;position:relative;overflow:hidden}.preview-bg{z-index:0;background:#111;position:absolute;inset:0}.left-panel{z-index:10;background:#1e1e1eeb;border-right:1px solid #333;flex-direction:column;width:45%;min-width:300px;display:flex;position:absolute;top:0;bottom:0;left:0}.left-panel.collapsed{transform:translate(-100%)}.right-panel{z-index:10;background:#252526eb;border-left:1px solid #333;flex-direction:column;width:350px;min-width:250px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.right-panel.collapsed{transform:translate(100%)}.right-panel.perf-hidden{pointer-events:none;visibility:hidden}.panel-toggle{z-index:20;color:#ccc;cursor:pointer;background:#333;border:1px solid #555;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:48px;font-size:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.panel-toggle:hover{background:#444}.panel-toggle--left{border-left:none;border-radius:0 4px 4px 0;left:0}.panel-toggle--left.at-edge{left:45%}.panel-toggle--right{border-right:none;border-radius:4px 0 0 4px;right:0}.panel-toggle--right.at-edge{right:350px}.panel-resize-handle{z-index:15;cursor:col-resize;background:0 0;width:6px;position:absolute;top:0;bottom:0}.panel-resize-handle:hover,.panel-resize-handle:active{background:#4fc3f740}.panel-resize-handle--right{right:-3px}.panel-resize-handle--left{left:-3px}.opacity-control{z-index:20;background:#1e1e1ecc;border:1px solid #444;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.opacity-control label{color:#888;font-size:10px;font-weight:600}.opacity-control .td-slider{width:120px}.opacity-control span{color:#aaa;text-align:right;min-width:30px;font-family:monospace;font-size:10px}.editor-pane .monaco-editor,.editor-pane .monaco-editor-background,.editor-pane .monaco-editor .margin,.editor-pane .overflow-guard,.editor-pane .monaco-editor .scroll-decoration,.editor-pane .monaco-editor .inputarea,.editor-pane .monaco-editor .view-lines,.editor-pane .monaco-editor .editor-scrollable{background:0 0!important}.editor-pane .monaco-editor .minimap{opacity:.5}.editor-pane .monaco-editor .line-numbers{color:#969696b3!important}.editor-pane{flex-direction:column;flex:1;min-width:300px;height:100%;min-height:0;display:flex;position:relative}.controls{padding:8px 12px}.controls-empty{text-align:center;color:#666;padding:20px;font-style:italic}.control-row{align-items:center;gap:8px;padding:4px 0;display:flex}.control-row label{color:#aaa;text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:80px;font-size:12px;overflow:hidden}.control-row input[type=checkbox]{accent-color:#4fc3f7}.control-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #555;width:32px;height:24px;padding:0}.control-value{color:#888;text-align:right;min-width:50px;font-family:monospace;font-size:11px}.control-anim-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:14px;line-height:1}.control-anim-btn:hover{color:#999;border-color:#555}.control-anim-btn.active{color:#bb86fc;border-color:#bb86fc}.tempo-bar{border-bottom:1px solid #333;flex-shrink:0;align-items:center;gap:4px;margin-bottom:6px;padding:6px 0 8px;display:flex}.tempo-bar-bpm{flex-shrink:0;align-items:center;gap:2px;display:flex}.tempo-btn{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#333;border:1px solid #555;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1;display:flex}.tempo-btn:hover{background:#444;border-color:#888}.tempo-value{color:#bb86fc;text-align:center;cursor:text;-webkit-user-select:none;user-select:none;background:#1e1e1e;border:1px solid #444;border-radius:4px;width:58px;padding:3px 6px;font-family:monospace;font-size:15px;font-weight:700}.tempo-value:hover{border-color:#666}.tempo-input{color:#bb86fc;text-align:center;background:#1e1e1e;border:1px solid #bb86fc;border-radius:4px;outline:none;width:58px;padding:3px 6px;font-family:monospace;font-size:15px;font-weight:700}.tempo-bar-actions{align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.tempo-act{color:#ccc;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#333;border:1px solid #555;border-radius:4px;flex-shrink:0;padding:5px 7px;font-family:monospace;font-size:10px;font-weight:600;line-height:1}.tempo-act:hover{color:#fff;background:#444;border-color:#888}.tempo-act--tab{color:#8f8;background:#2a3a2a;border-color:#4a7a4a}.tempo-act--tab:hover{background:#3a4a3a;border-color:#6a9a6a}.tempo-act--reset{color:#f88;background:#3a2a2a;border-color:#7a4a4a}.tempo-act--reset:hover{background:#4a3a3a;border-color:#9a6a6a}.tempo-act--nudge{color:#88f;background:#2a2a3a;border-color:#5a5a7a}.tempo-act--nudge:hover{background:#3a3a4a;border-color:#7a7a9a}.control-row--point .point-inputs{flex-direction:column;flex:1;gap:2px;display:flex}.error-bar{color:#fff;z-index:10;background:#b71c1c;max-height:60px;padding:6px 12px;font-family:monospace;font-size:12px;position:absolute;bottom:33px;left:0;right:0;overflow-y:auto}.library-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.library-modal{background:#2d2d2d;border:1px solid #444;border-radius:8px;flex-direction:column;width:600px;max-width:90vw;max-height:80vh;display:flex}.library-header{border-bottom:1px solid #444;align-items:center;gap:12px;padding:12px 16px;display:flex}.library-header h2{color:#eee;margin:0;font-size:16px}.library-header input{color:#ccc;background:#1e1e1e;border:1px solid #555;border-radius:4px;flex:1;padding:6px 10px;font-size:13px}.library-close{color:#ccc;cursor:pointer;background:#444;border:1px solid #666;border-radius:3px;padding:4px 12px}.library-close:hover{background:#555}.library-list{flex:1;padding:8px;overflow-y:auto}.library-item{cursor:pointer;color:#aaa;border-radius:3px;align-items:center;padding:6px 10px;font-family:monospace;font-size:13px;display:flex}.library-item:hover{color:#fff;background:#3d3d3d}.library-empty{text-align:center;color:#666;padding:20px}.hydra-category-bar{background:#252526;border-bottom:1px solid #333;flex-wrap:wrap;gap:4px;padding:6px 12px;display:flex}.hydra-category-pill{color:#aaa;cursor:pointer;background:0 0;border:1px solid #444;border-radius:12px;padding:3px 10px;font-size:11px}.hydra-category-pill:hover{color:#fff;background:#3d3d3d}.hydra-category-pill.active{color:#fff;background:#0e639c;border-color:#0e639c}.hydra-example-name{flex:1}.hydra-example-category{color:#666;background:#333;border-radius:8px;margin-left:8px;padding:1px 6px;font-size:10px}.cc-panel{border-top:1px solid #333}.cc-header{cursor:pointer;color:#aaa;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.cc-header:hover{background:#2d2d2d}.cc-header-label{font-weight:600}.cc-body{padding:4px 12px 12px}.cc-channels{flex-direction:column;gap:3px;display:flex}.cc-channel{align-items:center;gap:8px;display:flex}.cc-label{color:#4fc3f7;min-width:28px;font-family:monospace;font-size:11px;font-weight:700}.cc-fx-badge{color:#4fc3f7;white-space:nowrap;background:#4fc3f71f;border:1px solid #4fc3f74d;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:9px}.anim-popup-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.anim-popup{background:#2d2d2d;border:1px solid #555;border-radius:8px;min-width:320px;max-width:400px}.anim-popup-header{color:#ccc;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.anim-popup-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px;font-size:14px}.anim-popup-close:hover{color:#ccc;background:#444}.anim-popup-body{flex-direction:column;gap:10px;padding:12px 16px;display:flex}.anim-popup-row{align-items:center;gap:10px;display:flex}.anim-popup-row label{color:#aaa;flex-shrink:0;min-width:90px;font-size:12px}.anim-popup-row select{color:#ccc;background:#333;border:1px solid #555;border-radius:3px;flex:1;padding:4px 8px;font-size:12px}.anim-popup-row input[type=checkbox]{accent-color:#bb86fc}.anim-popup-value{color:#bb86fc;text-align:right;min-width:40px;font-family:monospace;font-size:11px}.anim-popup-toggle-label{cursor:pointer;flex-shrink:0;align-items:center;min-width:20px;display:flex}.anim-popup-toggle-label input[type=checkbox]{cursor:pointer;accent-color:#bb86fc;width:16px;height:16px}.anim-popup-toggle-label:before{content:"M";color:#888;margin-right:2px;font-family:monospace;font-size:9px}.anim-popup-footer{border-top:1px solid #444;justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.anim-popup-footer button{color:#ccc;cursor:pointer;background:#444;border:1px solid #666;border-radius:4px;padding:5px 14px;font-size:12px}.anim-popup-footer button:hover{background:#555}.anim-popup-save{color:#fff!important;background:#007acc!important;border-color:#007acc!important}.anim-popup-reset{margin-right:auto;background:#5a3d3d!important;border-color:#7a5050!important}.anim-popup-save:hover{background:#006ab3!important}.anim-popup-badges{gap:4px;margin-left:8px;display:flex}.anim-badge{border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600}.anim-badge--anim{color:#fff;background:#4a9}.anim-badge--osc{color:#fff;background:#a74}.anim-badge--glitch{color:#fff;background:#e56}.anim-popup-section{border-top:1px solid #444;margin-top:10px;padding-top:10px}.anim-popup-section:first-child{border-top:none;margin-top:0;padding-top:0}.anim-popup-section-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.anim-popup-input{color:#ccc;background:#333;border:1px solid #555;border-radius:3px;flex:1;padding:4px 8px;font-family:monospace;font-size:12px}.anim-badge--note{color:#fff;background:#47a}.anim-badge--link{color:#fff;background:#a74}.anim-popup-notes-list{flex-direction:column;gap:4px;margin:6px 0;display:flex}.anim-popup-note-row{background:#252525;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;display:flex}.anim-popup-note-input{color:#ccc;text-align:center;background:#1a1a1a;border:1px solid #444;border-radius:3px;width:48px;padding:2px 4px;font-family:monospace;font-size:11px}.anim-popup-note-name{color:#888;min-width:28px;font-family:monospace;font-size:10px}.anim-popup-note-del{color:#666;cursor:pointer;background:0 0;border:none;padding:2px;font-size:10px;line-height:1}.anim-popup-note-del:hover{color:#f66}.anim-popup-add-note{color:#888;cursor:pointer;background:#333;border:1px dashed #555;border-radius:4px;margin-top:2px;padding:4px 10px;font-size:11px}.anim-popup-add-note:hover{color:#4fc3f7;border-color:#4fc3f7}.control-anim-btn.has-osc{border-color:#a74}.control-anim-btn.has-note{border-color:#47a}.osc-mapped-count{color:#a74;margin-left:4px;font-size:10px}.osc-mapped-params{margin-top:8px}.osc-mapped-row{align-items:center;gap:6px;padding:3px 0;font-size:11px;display:flex}.osc-mapped-addr{color:#a74;font-family:monospace}.osc-mapped-arrow{color:#666}.osc-mapped-name{color:#ccc}.midi-panel{border-top:1px solid #333}.midi-header{cursor:pointer;color:#aaa;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.midi-header:hover{background:#2d2d2d}.midi-header-label{color:#888;font-size:11px}.midi-body{padding:4px 12px 12px}.midi-empty{color:#666;font-size:11px;font-style:italic}.fx-panel{border-top:1px solid #333}.fx-header{cursor:pointer;color:#aaa;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.fx-header:hover{background:#2d2d2d}.fx-header-label{font-weight:600}.fx-badge{color:#1e1e1e;background:#4fc3f7;border-radius:8px;padding:1px 5px;font-size:10px;font-weight:700}.fx-body{padding:4px 12px 12px}.fx-chain{margin-bottom:10px}.fx-item{background:#1e1e1e;border:1px solid #333;border-radius:4px;margin-bottom:4px}.fx-item--disabled{opacity:.4}.fx-item-header{align-items:center;gap:6px;padding:4px 8px;display:flex}.fx-toggle{color:#4fc3f7;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.fx-collapse{color:#888;cursor:pointer;background:0 0;border:none;width:10px;padding:0;font-size:10px}.fx-collapse:hover{color:#ccc}.fx-item-label{color:#ccc;flex:1;font-size:12px;font-weight:600}.fx-remove{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.fx-remove:hover{color:#f44336}.fx-params{padding:2px 8px 6px 20px}.fx-param-row{align-items:center;gap:6px;padding:2px 0;display:flex}.fx-param-row label{color:#888;text-align:right;white-space:nowrap;text-overflow:ellipsis;min-width:50px;font-size:10px;overflow:hidden}.fx-param{border-bottom:1px solid #2a2a2a;margin-bottom:2px;padding-bottom:4px}.fx-param:last-child{border-bottom:none;margin-bottom:0}.fx-settings-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #444;border-radius:2px;padding:1px 4px;font-size:10px;line-height:1}.fx-settings-btn.has-toggle{color:#4fc3f7;border-color:#4fc3f7}.fx-settings-btn:hover{border-color:#4fc3f7}.fx-toggle-cc-info{padding:2px 8px}.fx-toggle-cc-badge{color:#4fc3f7;font-family:monospace;font-size:10px}.fx-param-settings-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #444;border-radius:2px;padding:1px 4px;font-size:10px;line-height:1}.fx-param-settings-btn.active{color:#4fc3f7;background:#4fc3f726;border-color:#4fc3f7}.fx-param-settings-btn.has-osc{border-color:#a74}.fx-param-settings-btn:hover{border-color:#4fc3f7}.fx-gallery{flex-direction:column;gap:6px;display:flex}.fx-category{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.fx-category-label{color:#666;min-width:50px;font-size:10px;font-weight:600}.fx-add-btn{color:#aaa;cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:3px;padding:3px 8px;font-size:11px}.fx-add-btn:hover:not(:disabled){color:#fff;background:#3d3d3d;border-color:#4fc3f7}.fx-add-btn:disabled{opacity:.3;cursor:default}.fx-footer{border-top:1px solid #2a2a2a;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:8px;display:flex}.fx-footer-btn{color:#aaa;cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:3px;padding:4px 12px;font-size:11px}.fx-footer-btn:hover{color:#fff;background:#3d3d3d}.fx-footer-btn--save{color:#4fc3f7;border-color:#4fc3f7}.fx-footer-btn--isf{color:#bb86fc;border-color:#bb86fc}.fx-footer-btn--isf:hover{color:#fff;background:#3d2d4d}.fx-isf-badge{color:#1a1a2e;vertical-align:middle;background:#bb86fc;border-radius:2px;margin-left:4px;padding:1px 4px;font-size:9px;font-weight:600;display:inline-block}.source-popup-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.source-popup{background:#2d2d2d;border:1px solid #555;border-radius:8px;min-width:340px;max-width:480px}.source-popup-header{color:#ccc;border-bottom:1px solid #444;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.source-popup-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px;font-size:14px}.source-popup-close:hover{color:#ccc;background:#444}.source-popup-options{flex-direction:column;gap:2px;padding:8px;display:flex}.source-popup-option{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;padding:10px 12px;font-size:13px}.source-popup-option:hover{background:#404040}.source-popup-option.active{color:#fff;background:#094771}.source-popup-images{border-top:1px solid #444;padding:12px 16px}.source-popup-images-title{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.source-popup-images-grid{flex-wrap:wrap;gap:8px;max-height:200px;display:flex;overflow-y:auto}.source-popup-image-item{cursor:pointer;background:#333;border:2px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:4px;width:90px;padding:6px;display:flex}.source-popup-image-item:hover{border-color:#007acc}.source-popup-image-item.active{background:#1a3a52;border-color:#007acc}.source-popup-image-item img{object-fit:cover;background:#1e1e1e;border-radius:3px;width:74px;height:56px}.source-popup-image-item span{color:#aaa;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:74px;font-size:10px;overflow:hidden}.console-picker{gap:2px;display:flex}.toolbar-actions .console-config-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 6px;font-size:12px}.toolbar-actions .console-config-btn:hover{background:#333;border-color:#555}.console-config-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.console-config-dialog{background:#2d2d2d;border:1px solid #555;border-radius:8px;min-width:280px;padding:20px}.console-config-dialog h3{color:#ccc;margin:0 0 16px;font-size:14px}.console-config-field{margin-bottom:12px}.console-config-field label{color:#999;margin-bottom:4px;font-size:11px;display:block}.console-config-field input{color:#ccc;box-sizing:border-box;background:#1e1e1e;border:1px solid #555;border-radius:4px;width:100%;padding:6px 10px;font-family:monospace;font-size:13px}.console-config-field input:focus{border-color:#007acc;outline:none}.console-config-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.console-config-actions button{color:#ccc;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;padding:6px 16px;font-size:12px}.console-config-actions button:hover{background:#444}.console-config-actions button.primary{color:#fff;background:#007acc;border-color:#007acc}.console-config-actions button.primary:hover{background:#006ab3}.midi-active-notes{background:#007acc1a;border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;padding:6px 8px;display:flex}.midi-active-label{color:#999;font-size:11px}.midi-note-badge{color:#fff;background:#007acc;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700}.rndgen-panel{border-top:1px solid #333}.rndgen-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.rndgen-toggle{color:#ccc;cursor:pointer;background:#333;border:1px solid #555;border-radius:3px;padding:3px 10px;font-size:11px;font-weight:700}.rndgen-toggle.active{color:#fff;background:#007acc;border-color:#007acc}.rndgen-toggle:hover{background:#444}.rndgen-toggle.active:hover{background:#006ab3}.rndgen-label{color:#999;font-size:12px}.rndgen-body{padding:0 10px 10px}.rndgen-active{background:#007acc1a;border-radius:4px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px;display:flex}.rndgen-control{align-items:center;gap:8px;margin-bottom:6px;display:flex}.rndgen-control label{color:#999;min-width:48px;font-size:11px}.rndgen-control select{color:#ccc;background:#1e1e1e;border:1px solid #555;border-radius:3px;padding:2px 6px;font-size:11px}.midi-note-idle{color:#555;background:#333}.audio-panel{border-top:1px solid #333}.audio-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.audio-toggle{color:#ccc;cursor:pointer;background:#333;border:1px solid #555;border-radius:3px;padding:3px 10px;font-size:11px;font-weight:700}.audio-toggle.active{color:#fff;background:#2ea043;border-color:#2ea043}.audio-toggle:hover{background:#444}.audio-toggle.active:hover{background:#238636}.audio-label{color:#999;font-size:12px}.audio-body{padding:0 10px 10px}.audio-visualizer{background:#1a1a1a;border-radius:4px;width:100%;height:40px;margin-bottom:8px;display:block}.audio-control{align-items:center;gap:8px;margin-bottom:8px;display:flex}.audio-control label{color:#999;min-width:48px;font-size:11px}.audio-value{color:#ccc;text-align:right;min-width:30px;font-family:monospace;font-size:11px}.audio-preset-title{color:#999;margin-bottom:6px;font-size:11px}.audio-preset-list{flex-wrap:wrap;gap:4px;display:flex}.audio-preset-btn{color:#999;cursor:pointer;background:#1e1e1e;border:1px solid #444;border-radius:3px;padding:3px 8px;font-size:10px}.audio-preset-btn:hover{color:#ccc;background:#333}.audio-preset-btn.active{color:#fff;background:#007acc;border-color:#007acc}.osc-panel{border-top:1px solid #333}.osc-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.osc-status{color:#666;font-size:10px}.osc-status.connected{color:#2ea043}.osc-label{color:#999;font-size:12px}.osc-last{color:#666;text-overflow:ellipsis;white-space:nowrap;max-width:100px;margin-left:auto;font-family:monospace;font-size:10px;overflow:hidden}.osc-body{padding:0 10px 10px}.osc-connection{gap:6px;margin-bottom:10px;display:flex}.osc-input{color:#ccc;background:#1e1e1e;border:1px solid #444;border-radius:3px;flex:1;min-width:0;padding:4px 8px;font-family:monospace;font-size:11px}.osc-input-small{flex:0 0 60px}.osc-input:focus{border-color:#007acc;outline:none}.osc-connect-btn{color:#ccc;cursor:pointer;white-space:nowrap;background:#333;border:1px solid #555;border-radius:3px;padding:4px 12px;font-size:11px}.osc-connect-btn:hover{background:#444}.osc-connect-btn.connected{color:#fff;background:#2ea043;border-color:#2ea043}.tabbar{background:#252526;border-bottom:1px solid #333;align-items:center;height:32px;min-height:32px;display:flex;overflow:hidden}.tabbar-scroll{scrollbar-width:none;flex:1;display:flex;overflow-x:auto}.tabbar-scroll::-webkit-scrollbar{display:none}.tabbar-tab{cursor:pointer;color:#999;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#2d2d2d;border-right:1px solid #333;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;display:flex}.tabbar-tab:hover{background:#383838}.tabbar-tab.active{color:#ccc;background:#1e1e1e;border-top:2px solid #007acc}.tabbar-tab-name{align-items:center;gap:4px;display:flex}.tabbar-type-badge{color:#1e1e1e;background:#4fc3f7;border-radius:2px;padding:0 3px;font-size:8px;font-weight:700;line-height:1.3}.tabbar-type-badge.hydra{color:#1a1a2e;background:#bb86fc}.tabbar-type-badge.html{color:#1e1e1e;background:#f48771}.tabbar-modified{color:#e8a838;font-size:8px}.tabbar-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1}.tabbar-close:hover{color:#ccc;background:#555}.tabbar-actions{border-left:1px solid #333;flex-shrink:0;align-items:center;gap:2px;padding:0 6px;display:flex}.tabbar-action{color:#999;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:11px}.tabbar-action:hover{color:#ccc;background:#383838}.source-btn.active{color:#4fc3f7}.tabbar-new{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;height:32px;padding:4px 6px;font-size:14px;display:flex}.tabbar-new:hover{color:#ccc;background:#383838}.tabbar-rename-input{color:#ccc;background:#1e1e1e;border:1px solid #007acc;border-radius:2px;outline:none;width:100px;padding:1px 4px;font-family:inherit;font-size:12px}.toolbar-project-name{color:#ccc;cursor:default;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:3px;padding:4px 8px;font-family:monospace;font-size:13px}.toolbar-project-name:hover{background:#383838}.toolbar-rename-input{color:#ccc;background:#1e1e1e;border:1px solid #007acc;border-radius:2px;outline:none;width:120px;padding:1px 4px;font-family:monospace;font-size:13px}.toolbar-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 12px;font-size:12px}.toolbar-btn:hover{background:#333;border-color:#555}.midi-section{margin-bottom:8px}.midi-section-title{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px}.midi-output-row{gap:6px;margin-bottom:4px;display:flex}.midi-output-select{color:#ccc;background:#1e1e1e;border:1px solid #444;border-radius:3px;flex:1;padding:4px 6px;font-size:11px}.midi-output-select:focus{border-color:#007acc;outline:none}.midi-channel-select{color:#ccc;background:#1e1e1e;border:1px solid #444;border-radius:3px;width:60px;padding:4px 6px;font-size:11px}.midi-output-status{color:#2ea043;padding:2px 0;font-size:10px}.performance-mode{cursor:none!important}.performance-mode .preview-bg{z-index:1}.performance-mode .main{justify-content:center;align-items:center;display:flex}.perf-bar{z-index:200;pointer-events:none;justify-content:center;align-items:flex-start;height:8px;padding-top:4px;display:flex;position:absolute;top:0;left:0;right:0}.perf-bar.visible{pointer-events:auto;background:#252526;border-bottom:1px solid #333;height:40px}.perf-bar.visible .toolbar-btn{pointer-events:auto}.perf-bar .toolbar-btn{opacity:0;pointer-events:none}.perf-bar.visible .toolbar-btn{opacity:1}.performance-active{color:#fff!important;background:#007acc!important;border-color:#007acc!important}.vj-active{color:#1e1e1e!important;background:#4fc3f7!important;border-color:#4fc3f7!important}.pf-overlay{--pf-cyan:#00e5ff;--pf-cyan-bg:#00e5ff26;--pf-green:#4caf50;--pf-purple:#ce93d8;--pf-purple-bg:#ce93d833;--pf-dim:#ffffff61;--pf-bg:#000000e0;--pf-border:#ffffff1f;--pf-s:1;left:calc(16px * var(--pf-s));bottom:calc(16px * var(--pf-s));z-index:50;-webkit-user-select:none;user-select:none;font-family:Consolas,Monaco,Courier New,monospace;position:absolute}.pf-menu{background:var(--pf-bg);border:1px solid var(--pf-border);border-radius:calc(10px * var(--pf-s));padding:calc(10px * var(--pf-s));gap:calc(2px * var(--pf-s));flex-direction:column;max-height:80vh;display:flex;overflow-y:auto}.pf-row{align-items:center;gap:calc(6px * var(--pf-s));padding:calc(2px * var(--pf-s)) calc(8px * var(--pf-s));border-radius:calc(4px * var(--pf-s));min-height:calc(22px * var(--pf-s));white-space:nowrap;display:flex}.pf-row-slider{gap:calc(4px * var(--pf-s))}.pf-label{font-size:calc(13px * var(--pf-s));color:#ffffff8a;min-width:calc(80px * var(--pf-s))}.pf-value{font-size:calc(14px * var(--pf-s));color:#fff;font-weight:700}.pf-arrow{font-size:calc(13px * var(--pf-s));font-family:monospace}.pf-indicator{width:calc(10px * var(--pf-s));height:calc(10px * var(--pf-s));border-radius:50%;flex-shrink:0}.pf-section-header{padding:calc(5px * var(--pf-s)) calc(10px * var(--pf-s));border-radius:calc(6px * var(--pf-s));font-size:calc(13px * var(--pf-s));margin-top:calc(4px * var(--pf-s));font-weight:700}.pf-cc-header{color:var(--pf-cyan);background:#00e5ff26;border:1px solid #00e5ff66}.pf-isf-header{color:var(--pf-purple);background:#ce93d826;border:1px solid #ce93d866}.pf-cc-label{min-width:calc(45px * var(--pf-s));font-size:calc(11px * var(--pf-s));color:var(--pf-cyan);font-weight:700}.pf-slider-track{height:calc(4px * var(--pf-s));border-radius:calc(2px * var(--pf-s));max-width:calc(120px * var(--pf-s));background:#ffffff1f;flex:1;overflow:hidden}.pf-slider-fill{background:var(--pf-cyan);border-radius:calc(2px * var(--pf-s));height:100%;transition:width 50ms linear}.pf-cc-fill{background:var(--pf-cyan)}.pf-isf-track{max-width:calc(100px * var(--pf-s))}.pf-isf-fill{background:var(--pf-purple)}.pf-row-slider .pf-label{min-width:calc(45px * var(--pf-s))}.vj-topbar{background:#1e1e1e;border-bottom:1px solid #333;flex-shrink:0;align-items:center;gap:8px;height:32px;padding:4px 12px;display:flex}.vj-topbar-title{color:#4fc3f7;text-transform:uppercase;letter-spacing:1px;margin-right:auto;font-family:monospace;font-size:11px;font-weight:700}.vj-topbar-btn{color:#ccc;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#333;border:1px solid #555;border-radius:3px;padding:2px 8px;font-family:monospace;font-size:10px;font-weight:600;line-height:1.4}.vj-topbar-btn:hover{color:#fff;background:#444;border-color:#888}.vj-topbar-btn--exit{color:#faa;background:#5a2a2a;border-color:#8a4a4a}.vj-topbar-btn--exit:hover{background:#7a3a3a}.vj-topbar-btn--midi{color:#caf;background:#3a2a5a;border-color:#6a4a8a}.vj-topbar-btn--midi.active{color:#eaf;background:#5a3a8a;border-color:#8a6aba}.vj-topbar-bpm{align-items:center;gap:4px;display:flex}.vj-topbar-label{color:#888;font-family:monospace;font-size:9px;font-weight:600}.vj-topbar-value{color:#4fc3f7;text-align:center;min-width:28px;font-family:monospace;font-size:11px;font-weight:700}.fp-window{background:#1e1e1eeb;border:1px solid #555;border-radius:4px;flex-direction:column;min-width:200px;min-height:100px;display:flex;position:absolute;overflow:hidden}.fp-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:#2a2a2a;border-bottom:1px solid #444;flex-shrink:0;align-items:center;padding:4px 8px;display:flex}.fp-titlebar:active{cursor:grabbing}.fp-title{color:#ccc;text-transform:uppercase;letter-spacing:.5px;flex:1;font-family:monospace;font-size:10px;font-weight:700}.fp-close{color:#888;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.fp-close:hover{color:#f88}.fp-body{flex:1;overflow:hidden auto}.fp-resize-handle{cursor:nwse-resize;background:linear-gradient(135deg,#0000 50%,#666 50%);width:12px;height:12px;position:absolute;bottom:0;right:0}.vj-matrix{padding:8px}.vj-matrix-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.vj-matrix-title{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:monospace;font-size:10px;font-weight:600}.vj-matrix-count{color:#1e1e1e;background:#4fc3f7;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:700}.vj-matrix-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:3px;display:grid}.vj-matrix-cell{aspect-ratio:1;color:#aaa;cursor:pointer;text-align:center;background:#2a2a2a 50%/cover;border:1px solid #444;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;font-family:monospace;font-size:10px;display:flex;position:relative}.vj-matrix-cell:hover{background-blend-mode:overlay;background-color:#3a3a3a;border-color:#666}.vj-matrix-cell--active{color:#afa;background-color:#1a3a2a;border-color:#4a9a6a}.vj-matrix-cell--listening{color:#fca;background-color:#3a2a1a;border-color:#da8a3a}.vj-matrix-cell--mapped{border-color:#6a6a9a}.vj-matrix-cell-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.vj-matrix-cell-badge{border-radius:2px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1}.vj-matrix-cell-badge--key{color:#afa;background:#4a6a4a}.vj-matrix-cell-badge--midi{color:#acf;background:#4a4a6a}.vj-matrix-cell-badge--osc{color:#fca;background:#6a4a4a}.vj-matrix-hint{color:#da8a3a;text-align:center;padding:4px 0;font-family:monospace;font-size:9px}.vj-tempo{padding:8px}.vj-tempo-row{justify-content:center;align-items:center;gap:6px;margin-bottom:6px;display:flex}.vj-tempo-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.vj-cc-section{padding:4px 8px}.vj-cc-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.vj-cc-label{color:#888;text-align:right;min-width:24px;font-family:monospace;font-size:9px;font-weight:600}.editor-footer{background:#252526;border-top:1px solid #333;justify-content:center;gap:6px;padding:5px 8px;display:flex}.engine-toggle{color:#999;cursor:pointer;letter-spacing:.5px;background:0 0;border:1px solid #555;border-radius:3px;padding:4px 20px;font-size:11px;font-weight:600}.engine-toggle:hover{color:#fff;background:#3d3d3d;border-color:#666}.engine-toggle.active{color:#fff;background:#0e639c;border-color:#0e639c}.editor-refresh{color:#999;cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;margin-left:auto;padding:4px 12px;font-size:16px;line-height:1}.editor-refresh:hover{color:#fff;background:#3d3d3d;border-color:#666}.editor-clear{color:#999;cursor:pointer;background:0 0;border:1px solid #555;border-radius:3px;padding:4px 10px;font-size:13px;line-height:1}.editor-clear:hover{color:#ff6b6b;background:#5a1a1a;border-color:#ff6b6b}.td-slider{cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;flex:1;min-width:40px;height:20px;position:relative;overflow:hidden}.td-slider:hover{border-color:#555}.td-slider--disabled{opacity:.4;pointer-events:none}.td-slider-fill{pointer-events:none;background:#4fc3f726;height:100%;transition:none;position:absolute;top:0;left:0}.td-slider:hover .td-slider-fill{background:#4fc3f740}.td-slider-knot{pointer-events:none;background:#888;width:8px;margin-left:-4px;position:absolute;top:3px;bottom:3px}.td-slider:hover .td-slider-knot{background:#aaa}.td-slider--anim{border-color:#bb86fc}.td-slider--anim .td-slider-fill{background:#bb86fc26}.td-slider--anim:hover .td-slider-fill{background:#bb86fc40}.td-slider--anim .td-slider-knot{background:#bb86fc}.td-slider--anim:hover .td-slider-knot{background:#d0a0ff}.td-slider-wrap{flex:1;align-items:center;gap:6px;display:flex}.td-slider-value{color:#888;text-align:right;cursor:text;border:1px solid #0000;border-radius:3px;min-width:50px;padding:2px 4px;font-family:monospace;font-size:11px}.td-slider-value:hover{color:#ccc;border-color:#3a3a3a}.td-slider-input{text-align:right;color:#eee;background:#1a1a1a;border:1px solid #4fc3f7;border-radius:3px;outline:none;min-width:50px;padding:2px 4px;font-family:monospace;font-size:11px}.editor-context-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.module-menu{z-index:10000;background:#2d2d2d;border:1px solid #555;border-radius:6px;font-size:13px;position:fixed;overflow:hidden}.module-menu-search input{color:#ccc;box-sizing:border-box;background:#1e1e1e;border:none;border-bottom:1px solid #444;outline:none;width:100%;padding:8px 10px;font-size:13px}.module-menu-search input::placeholder{color:#666}.module-menu-list{overflow-y:auto}.module-menu-category{border-bottom:1px solid #333;border-left:3px solid #555;margin:2px 0}.module-menu-ipo-header{background:#1a1a2e;border-left:3px solid #4fc3f7;align-items:center;margin-top:4px;padding:8px 10px 4px;display:flex}.module-menu-ipo-header:first-child{margin-top:0}.module-menu-ipo-label{text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.module-menu-cat-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#aaa;align-items:center;gap:6px;padding:7px 10px;display:flex}.module-menu-cat-header:hover{background:#383838}.module-menu-cat-arrow{color:#666;flex-shrink:0;width:12px;font-size:9px}.module-menu-cat-icon{text-align:center;flex-shrink:0;width:16px;font-size:12px}.module-menu-cat-label{color:#bbb;flex:1;font-size:12px;font-weight:600}.module-menu-cat-count{color:#666;background:#333;border-radius:8px;padding:1px 6px;font-size:10px}.module-menu-item{cursor:pointer;align-items:center;gap:8px;padding:6px 10px 6px 34px;display:flex}.module-menu-item:hover{background:#094771}.module-menu-item--focused{outline:none;background:#0e639c!important}.module-menu-item--focused.module-menu-cat-header,.module-menu-item--focused.module-menu-slider-create{background:#0e639c!important}.module-menu-item-badge{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex}.module-menu-item-name{color:#ccc;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.module-menu-item-desc{color:#666;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:50%;margin-left:auto;font-size:10px;overflow:hidden}.module-menu-empty{text-align:center;color:#666;padding:20px;font-style:italic}.module-line-decoration{opacity:.7;border-radius:1px;margin-left:3px;background:var(--module-color,#888)!important;width:3px!important}.module-menu-slider-create{cursor:pointer;background:#4fc3f714;border-bottom:1px solid #444;align-items:center;gap:8px;padding:8px 10px;display:flex}.module-menu-slider-create:hover{background:#4fc3f733}.module-menu-slider-icon{color:#4fc3f7;font-size:12px}.module-menu-slider-text{color:#ccc;font-size:12px}.module-menu-slider-text code{color:#4fc3f7;background:#4fc3f71a;border-radius:2px;padding:1px 4px;font-family:monospace;font-size:12px}.hydra-controls{border-top:1px solid #333}.hydra-controls-header{color:#aaa;-webkit-user-select:none;user-select:none;background:#252526;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.hydra-controls-label{color:#888;font-size:11px;font-weight:600}.hydra-controls-body{padding:4px 12px 12px}.hydra-controls-row{align-items:center;gap:8px;padding:3px 0;display:flex}.hydra-controls-name{color:#bb86fc;min-width:48px;font-family:monospace;font-size:11px;font-weight:600}.hydra-controls-value{color:#888;text-align:right;min-width:40px;font-family:monospace;font-size:10px}.html-split-editor{background:#1e1e1e;flex-direction:column;flex:1;min-height:0;display:flex}.html-split-row{border-bottom:1px solid #2a2a2a;flex-direction:column;min-height:28px;display:flex;position:relative}.html-split-row:last-child{border-bottom:none}.html-split-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#ccc;background:#252526;flex-shrink:0;align-items:center;gap:6px;min-height:22px;padding:3px 8px;font-size:11px;display:flex}.html-split-header:hover{background:#2d2d2d}.html-split-arrow{color:#888;width:12px;font-size:8px}.html-split-label{text-transform:uppercase;letter-spacing:1px;color:#aaa;font-weight:600}.html-split-preview{color:#555;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;font-style:italic;overflow:hidden}.html-split-body{flex:1;min-height:40px;overflow:hidden}.html-split-resize{cursor:row-resize;z-index:5;background:0 0;height:4px;position:absolute;bottom:0;left:0;right:0}.html-split-resize:hover{background:#007acc4d}