.dock-zone{display:none;flex-shrink:0;background:var(--bg);overflow:hidden}.dock-left,.dock-right{flex-direction:column;width:280px}.dock-right{border-left:1px solid var(--border);width:340px}#dockRight #panelWin-visualizer{order:0;flex:0 0 auto;height:240px;min-height:100px}.right-split-handle{order:1;flex:0 0 6px;height:6px;cursor:ns-resize;background:var(--border);transition:background .15s}.right-split-handle:hover,.right-split-handle.dragging{background:var(--accent2)}.seq-right-rail{order:2;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.seq-right-rail .eff-view-editor,.seq-right-rail .seq-rule-panel,.seq-right-rail .seq-chord-panel{width:100%!important;flex:1 1 auto;min-height:0;border-left:none;overflow:auto}.dock-left>.eff-view-editor,.dock-right>.eff-view-editor{width:100%!important;flex:1 1 auto;min-height:0;border-left:none;overflow:auto}.dock-top>.eff-view-editor,.dock-bottom>.eff-view-editor{height:100%;flex:0 0 320px;min-height:0;overflow:auto}.eff-view-editor.floating{position:absolute;flex:none;border:1px solid var(--border2);box-shadow:var(--shadow-float);pointer-events:auto;z-index:50;border-radius:var(--r-md)}.eff-view-editor.floating .eff-ve-header{cursor:move;border-radius:var(--r-md) var(--r-md) 0 0}.eff-view-editor.floating .panel-win-resize{display:block}.seq-rail-bar{flex:0 0 auto}.dock-left>.seq-right-rail,.dock-top>.seq-right-rail,.dock-bottom>.seq-right-rail{order:0;flex:1 1 auto;min-height:0}.dock-top>.seq-right-rail,.dock-bottom>.seq-right-rail{flex:0 0 340px;height:100%}.seq-right-rail.floating{position:absolute;flex:none;order:0;background:var(--bg);border:1px solid var(--border2);box-shadow:var(--shadow-float);pointer-events:auto;z-index:50;border-radius:var(--r-md)}.seq-right-rail.floating .seq-rail-bar{cursor:move;border-radius:var(--r-md) var(--r-md) 0 0}.seq-right-rail.floating .panel-win-resize{display:block}#dockRight:not(:has(.seq-right-rail)) #panelWin-visualizer{flex:1 1 auto;height:auto!important}.seq-info-panel{flex:1 1 auto;min-height:0;overflow-y:auto;padding:12px 14px;font-family:DM Mono,monospace}.sip-title{font-size:9px;letter-spacing:2px;color:var(--accent);margin-bottom:8px}.sip-hint{font-size:10px;line-height:1.6;color:var(--text2)}.sip-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sip-stat{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 9px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm)}.sip-stat span{font-size:8px;letter-spacing:1px;color:var(--label);text-transform:uppercase}.sip-stat b{font-size:12px;color:var(--fg);font-weight:500}.sip-recs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sip-recs li{position:relative;padding:4px 0 4px 15px;font-size:10px;line-height:1.5;color:var(--text2)}.sip-recs li:before{content:"\25b8";position:absolute;left:2px;color:var(--accent2)}.sip-wizard{margin-top:14px}.sip-wizard.recommended{padding:12px;border-radius:var(--r-sm);border:1px solid rgba(0,232,143,.4);background:#00e88f0f}.sip-wizard-head{display:flex;align-items:center;gap:7px;margin-bottom:7px}.sip-badge{font-size:7px;letter-spacing:2px;color:var(--bg);background:var(--accent2);padding:2px 6px;border-radius:var(--r-pill)}.sip-wizard-title{font-size:11px;color:var(--accent2)}.sip-wizard-desc{font-size:10px;line-height:1.55;color:var(--text2);margin-bottom:10px}.sip-wizard-note{font-size:9px;color:var(--label);margin-top:6px;text-align:center}.sip-wizard-cost{font-size:9px;color:var(--accent2);margin-top:6px;text-align:center;letter-spacing:.5px}.sip-wizard-cost b{color:var(--accent2)}.sip-wizard-btn{width:100%;font-family:DM Mono,monospace;font-size:10px;letter-spacing:2px;padding:9px 10px;border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--surface2);color:var(--text);cursor:pointer;transition:all var(--trans)}.sip-wizard-btn:hover{border-color:var(--accent2);color:var(--accent2)}.sip-wizard-btn.primary{border-color:var(--accent2);color:var(--accent2);background:#00e88f1a}.sip-wizard-btn.primary:hover{background:#00e88f33;box-shadow:0 0 12px #00e88f40}.sip-wizard-btn.ghost{margin-top:8px;background:transparent;color:var(--text2)}.sip-wizard-btn.ghost:hover{border-color:var(--accent2);color:var(--accent2)}.sip-wizard-btn.analyze{margin-top:8px;border-color:#f0a020;color:#f0a020;background:#f0a02014}.sip-wizard-btn.analyze:hover{background:#f0a0202e;box-shadow:0 0 12px #f0a02040}.sip-wizard-btn.analyzing{border-color:#f0a020;color:#f0a020;background:#f0a0201a;animation:sipAnalyzePulse 1.6s ease-in-out infinite}@keyframes sipAnalyzePulse{0%,to{box-shadow:0 0 #f0a02000}50%{box-shadow:0 0 14px #f0a02073}}.dock-left{border-right:1px solid var(--border)}.dock-top,.dock-bottom{flex-direction:row;height:200px}.dock-top{border-bottom:1px solid var(--border)}.dock-bottom{border-top:1px solid var(--border)}.dock-resizer{display:none;flex-shrink:0;background:transparent;transition:background .15s;z-index:10}.dock-resizer:hover,.dock-resizer.dragging{background:var(--accent2);opacity:.5;border-radius:var(--r-pill)}.dock-resizer-h{height:5px;cursor:ns-resize}.dock-resizer-v{width:5px;cursor:ew-resize}.panel-win{display:flex;flex-direction:column;background:var(--bg);overflow:hidden;flex:1;min-width:140px;min-height:80px;border:1px solid var(--border)}.panel-win.floating{position:absolute;flex:none;border-color:var(--border2);box-shadow:var(--shadow-float);pointer-events:auto;z-index:50;border-radius:var(--r-md)}.dock-left .panel-win,.dock-right .panel-win{border:none;border-bottom:1px solid var(--border)}.dock-left .panel-win:last-child,.dock-right .panel-win:last-child{border-bottom:none}.dock-top .panel-win,.dock-bottom .panel-win{border:none;border-right:1px solid var(--border)}.dock-top .panel-win:last-child,.dock-bottom .panel-win:last-child{border-right:none}.panel-win-bar{display:flex;align-items:center;gap:4px;padding:5px 8px;background:var(--surface);border-bottom:1px solid var(--border);cursor:default;flex-shrink:0;user-select:none}.panel-win.floating .panel-win-bar{cursor:move;border-radius:var(--r-md) var(--r-md) 0 0}.panel-win-title{font-size:8px;letter-spacing:2px;color:var(--label);text-transform:uppercase;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-win-hint{font-size:7px;letter-spacing:1px;color:var(--border2)}.panel-win-acts{display:flex;gap:1px;align-items:center}.viz-bar-mode{flex-shrink:0}.viz-bar-mode .vta-mode-btn{height:18px;min-width:30px;padding:2px 7px;font-size:8px}.pbtn{font-size:9px;padding:2px 4px;background:none;border:1px solid transparent;color:var(--border2);cursor:pointer;line-height:1;transition:var(--trans);font-family:inherit;border-radius:var(--r-xs)}.pbtn:hover{color:var(--text);border-color:var(--border)}.pbtn.panel-close:hover{color:#ff4d00;border-color:#ff4d0066}.panel-win-body{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0}.panel-win-resize{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize;z-index:6;display:none}.panel-win.floating .panel-win-resize{display:block}.panel-win-resize:after{content:"";position:absolute;bottom:3px;right:3px;width:9px;height:9px;border-right:2px solid var(--border2);border-bottom:2px solid var(--border2);border-radius:0 0 2px;transition:border-color .12s}.panel-win-resize:hover:after{border-color:var(--accent2)}.panel-win.floating,.eff-view-editor.floating,.seq-right-rail.floating{border-bottom-right-radius:0}.panel-win-bar,.seq-rail-bar{cursor:move}#panelDropZone{position:fixed;z-index:200;pointer-events:none;display:none;background:#00e88f24;border:2px dashed var(--accent2);border-radius:6px;box-shadow:inset 0 0 24px #00e88f26}#dockRight.rail-first #panelWin-visualizer{order:2}#dockRight.rail-first .right-split-handle{order:1}#dockRight.rail-first .seq-right-rail{order:0}#panelFloatLayer{position:absolute;inset:0;pointer-events:none;z-index:100;overflow:hidden}.dock-splitter{background:transparent;flex-shrink:0;transition:background .15s;z-index:5}.dock-splitter-v{height:4px;cursor:ns-resize}.dock-splitter-h{width:4px;cursor:ew-resize}.dock-splitter:hover,.dock-splitter.dragging{background:var(--accent2);opacity:.5;border-radius:var(--r-pill)}#seqPreviewWrap{flex:1;position:relative;overflow:hidden;background:#050705;min-height:0}#seqPreviewWrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.effects-panel-body{flex:1;overflow-y:scroll;padding:12px;min-height:0}.effects-panel-body::-webkit-scrollbar{width:6px}.effects-panel-body::-webkit-scrollbar-track{background:transparent}.effects-panel-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--r-pill)}.effects-panel-body::-webkit-scrollbar-thumb:hover{background:var(--label)}.rail-collapse-btn{display:none;margin-left:auto;padding:2px 6px;background:transparent;border:none;color:var(--label);font-size:13px;line-height:1;cursor:pointer}.rail-collapse-btn:hover{color:var(--text)}@media (max-width: 760px){#seqBody{flex-direction:column!important}#seqTimelineCol{flex:1 1 auto!important;width:100%!important;min-width:0;min-height:120px}#dockResizer-right,#dockResizer-left{display:none!important}.right-split-handle{order:2!important;flex:0 0 14px;height:14px;touch-action:none;background:linear-gradient(var(--border),var(--border)) center/100% 1px no-repeat,linear-gradient(var(--label),var(--label)) center/34px 3px no-repeat;background-color:var(--bg2, #12161f);border-radius:3px}.right-split-handle.dragging{background:linear-gradient(var(--accent2),var(--accent2)) center/100% 1px no-repeat,linear-gradient(var(--accent2),var(--accent2)) center/34px 3px no-repeat}#dockRight{width:100%!important;flex:0 0 auto!important;flex-direction:column!important;border-left:none!important;border-top:1px solid var(--border);max-height:48vh}#dockRight>.seq-right-rail{order:1!important;flex:1 1 auto!important;min-height:0}#seqInfoPanel{overflow-y:auto}#dockRight #panelWin-visualizer{order:3!important;width:100%!important;height:var(--mobile-viz-h, 27vh)!important;min-height:130px!important;flex:0 0 auto!important;border-top:1px solid var(--border)}.rail-collapse-btn{display:inline-flex;align-items:center}#seqRightRail.rail-collapsed>*:not(.seq-rail-bar){display:none!important}#seqRightRail.rail-collapsed{flex:0 0 auto!important}body.rail-editor-open #dockRight{max-height:62vh}body.rail-editor-open #dockRight #panelWin-visualizer{height:16vh!important;min-height:96px!important}}.seq-mobile-only{display:none}@media (max-width: 760px){.seq-mode-row>.btn.seq-mobile-only{display:inline-flex;align-items:center}.seq-mode-row>.btn.zoom-btn{font-size:15px;padding:2px 10px;min-width:34px;justify-content:center}#infoBar{display:none!important}#seqModeRow{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none}#seqModeRow::-webkit-scrollbar{display:none}#dockRight #panelWin-visualizer.viz-collapsed,body.rail-editor-open #dockRight #panelWin-visualizer.viz-collapsed{height:auto!important;min-height:0!important;flex:0 0 auto!important}#panelWin-visualizer.viz-collapsed .panel-win-body{display:none!important}#panelBar-visualizer,.seq-rail-bar{cursor:pointer}#seqFooterRow .seq-footer-mobile-btn{display:inline-flex;align-items:center;flex:0 0 auto;position:relative;z-index:3;font-size:8px;padding:3px 8px;margin:0 3px;white-space:nowrap}#panelBar-visualizer .pbtn.seq-mobile-only{display:inline-flex}#vizPanBtn.active{color:var(--accent2);border-color:var(--accent2);background:#00e88f29}#seqPreviewWrap.viz-pan-mode{outline:1.5px solid var(--accent2);outline-offset:-2px}}#seqPreviewWrap.viz-pan-mode{touch-action:none}