.pl-root [hidden]{display:none!important}.pl-root{display:grid;grid-template-columns:300px 1fr auto;height:calc(100vh - var(--nav-height));min-height:480px;overflow:hidden}.pl-side{display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);min-height:0}.pl-side.drag{outline:2px dashed var(--accent-light);outline-offset:-6px}.pl-tabs{display:flex;border-bottom:1px solid var(--border)}.pl-tab{flex:1;background:none;border:none;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.7rem 0;cursor:pointer}.pl-tab.active{color:var(--accent-light);box-shadow:inset 0 -2px 0 var(--accent)}.pl-tab-board{flex:0 0 auto;padding:.7rem 1.1rem;border-left:1px solid var(--border);color:var(--accent-cyan)}.pl-tab-board.active{color:var(--accent-cyan);box-shadow:inset 0 -2px 0 var(--accent-cyan)}.pl-pane{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;padding:.75rem;gap:.6rem}.pl-actions{display:flex;gap:.4rem;flex-wrap:wrap}.pl-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.35rem .7rem;border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s}.pl-btn:hover{border-color:var(--border-hover);color:var(--text)}.pl-btn-accent{color:var(--accent-light);border-color:var(--accent)}.pl-btn-link{text-decoration:none;display:inline-block}.pl-unlock{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#a78bda14;border:1px solid rgba(167,139,218,.25);border-radius:6px;padding:.45rem .6rem;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted)}.pl-chips{display:flex;flex-wrap:wrap;gap:.35rem}.pl-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:.15rem .35rem .15rem .6rem;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-muted)}.pl-chip.locked{opacity:.5}.pl-chip-x{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:0 .2rem}.pl-chip-x:hover{color:var(--text)}.pl-tracks{list-style:none;margin:0;padding:0}.pl-track{display:flex;align-items:center;gap:.55rem;padding:.4rem .5rem;border-radius:6px;cursor:pointer;font-size:.82rem;color:var(--text-muted);line-height:1.3}.pl-track:hover{background:var(--surface-2);color:var(--text)}.pl-track.active{background:#7b5ea72e;color:var(--accent-light)}.pl-track-num{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-dim)}.pl-track-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-empty{font-size:.78rem;color:var(--text-dim);line-height:1.6;padding:.5rem}.pl-lib-head{display:flex;align-items:center;gap:.45rem;padding:.42rem .5rem;margin-top:.35rem;border-radius:6px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pl-lib-head:hover{color:var(--text);border-color:var(--border-hover)}.pl-lib-head.locked{opacity:.5;cursor:default}.pl-lib-head.has-active{border-color:#7b5ea780}.pl-lib-arrow{width:1em;flex-shrink:0;font-size:.68rem}.pl-lib-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-lib-dot{color:var(--accent-light);font-size:.5rem}.pl-track-nested{padding-left:1.1rem}.pl-shaders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pl-shader-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;border-radius:6px;cursor:pointer;font-size:.82rem;color:var(--text-muted)}.pl-shader-row:hover{background:var(--surface-2);color:var(--text)}.pl-shader-row.active{background:#7b5ea72e;color:var(--accent-light)}.pl-shader-name-cell{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-badge{font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem}.pl-mini-btn{background:none;border:none;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.7rem;cursor:pointer;padding:.1rem .25rem}.pl-mini-btn:hover{color:var(--text)}.pl-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:#000}#visual{position:absolute;inset:0;width:100%;height:100%;display:block}.pl-stage-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;opacity:.35;transition:opacity .2s}.pl-stage:hover .pl-stage-top{opacity:1}.pl-shader-name{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);background:#0808108c;padding:.2rem .55rem;border-radius:6px}.pl-stage-btns{display:flex;gap:.35rem}.pl-icon-btn{background:#0808108c;border:1px solid var(--border);color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.72rem;padding:.25rem .6rem;border-radius:6px;cursor:pointer}.pl-icon-btn:hover{color:var(--text);border-color:var(--border-hover)}.pl-board{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;background:#05050c99;backdrop-filter:blur(5px);padding:2.8rem 1rem 3.4rem;gap:.6rem}.pl-board-pads{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.3rem}.pl-pad-group{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-dim);margin-top:.3rem}.pl-pad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}.pl-pad{position:relative;background:#0f0f1ad9;border:1px solid var(--border);border-radius:8px;padding:.9rem .6rem .7rem;cursor:pointer;text-align:left;min-height:3.4rem;transition:border-color .12s,background .12s}.pl-pad:hover{border-color:var(--border-hover);background:#161626e6}.pl-pad.playing{border-color:var(--accent);box-shadow:0 0 12px #7b5ea759}.pl-pad.loading{opacity:.55}.pl-pad-key{position:absolute;top:.3rem;right:.45rem;font-family:JetBrains Mono,monospace;font-size:.62rem;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:0 .28rem;text-transform:uppercase}.pl-pad.playing .pl-pad-key{color:var(--accent-light);border-color:var(--accent)}.pl-pad-name{display:block;font-size:.76rem;color:var(--text-muted);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pl-pad:hover .pl-pad-name{color:var(--text)}#board-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.pl-fx-panel{display:flex;flex-direction:column;gap:.55rem}.pl-eq-wrap{width:100%}.pl-eq-canvas{display:block;width:100%;height:110px;background:#080810bf;border:1px solid var(--border);border-radius:8px;cursor:crosshair;touch-action:none}.pl-eq-hint{font-family:JetBrains Mono,monospace;font-size:.6rem;color:var(--text-dim);text-align:center;margin-top:.25rem}.pl-fx-panel.strip .pl-eq-wrap{width:100%}.pl-board-active{display:flex;flex-wrap:wrap;gap:.35rem;align-content:flex-start;min-height:1.8rem;flex-shrink:0}.pl-chip-live{border-color:var(--accent);color:var(--accent-light);background:#7b5ea724;cursor:pointer;transition:background .12s,border-color .12s}.pl-chip-live:hover{background:#7b5ea74d;border-color:var(--accent-light)}.pl-chip-live .pl-chip-x{color:inherit;padding:0 .2rem;font-size:.85rem}.pl-chip-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-fx-rst{flex-shrink:0;padding:.1rem .15rem}.pl-eq-wrap{position:relative}.pl-eq-reset{position:absolute;top:.3rem;right:.4rem;background:#08081099;border-radius:4px}.pl-fx-tail{display:flex;align-items:center;gap:1rem}.pl-check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;border:1px solid var(--border-hover);border-radius:4px;background:var(--surface-2);cursor:pointer;position:relative;flex-shrink:0;transition:background .12s,border-color .12s}.pl-check input:hover{border-color:var(--accent)}.pl-check input:checked{background:var(--accent);border-color:var(--accent-light)}.pl-check input:checked:after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #0e0e18;border-width:0 2px 2px 0;transform:rotate(45deg)}.pl-fx-panel.strip{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;background:#0a0a14d9;border:1px solid var(--border);border-radius:8px;padding:.55rem .8rem}.pl-fx-panel.strip .pl-fx-row{width:215px}.pl-fx-panel.strip .pl-btn,.pl-fx-panel.strip .pl-check{width:auto}.pl-check{display:flex;align-items:center;gap:.45rem;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-muted);cursor:pointer}.pl-check input{accent-color:var(--accent)}.pl-params{position:absolute;top:3rem;right:.9rem;z-index:3;width:300px;max-width:calc(100% - 1.8rem);background:#0a0a14e0;border:1px solid var(--border);border-radius:8px;backdrop-filter:blur(6px);overflow:hidden}.pl-params-head{display:flex;justify-content:space-between;align-items:center;padding:.45rem .7rem;border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-dim)}.pl-params-body{padding:.55rem .7rem;display:flex;flex-direction:column;gap:.5rem;max-height:50vh;overflow-y:auto;overflow-x:hidden}.pl-param-row{display:flex;align-items:center;gap:.5rem;min-width:0}.pl-param-row input[type=range]{flex:1;min-width:0;width:auto}.pl-param-label{font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--text-muted);width:4.2rem;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.pl-param-val{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-dim);width:3.3rem;text-align:right;flex-shrink:0}.pl-param-row input[type=color]{width:42px;height:22px;border:1px solid var(--border);border-radius:4px;background:none;padding:1px;cursor:pointer}.pl-btn.on{color:var(--accent-light);border-color:var(--accent)}.pl-transport{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;background:linear-gradient(transparent,#080810d9 40%)}.pl-transport.compact{padding:.3rem 1rem .4rem;gap:.7rem}.pl-transport.compact .pl-tr-title{display:none}.pl-transport.compact .pl-tr-mid{margin-bottom:0}.pl-transport.compact .pl-tr-btn{font-size:.85rem;padding:.15rem .4rem}.pl-transport.compact .pl-tr-play{font-size:1.05rem}.pl-tr-buttons{display:flex;gap:.3rem}.pl-tr-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.3rem .5rem}.pl-tr-btn:hover{color:var(--text)}.pl-tr-play{font-size:1.35rem;color:var(--accent-light)}.pl-tr-mid{flex:1;min-width:0}.pl-tr-title{font-size:.82rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.15rem}.pl-tr-seek{display:flex;align-items:center;gap:.6rem}.pl-tr-time{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-dim);min-width:2.6rem}.pl-tr-right{display:flex;align-items:center;gap:.5rem}.pl-mode-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.68rem;padding:.2rem .5rem;border-radius:5px;cursor:pointer}.pl-mode-btn.on{color:var(--accent-light);border-color:var(--accent)}.pl-root input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:var(--surface-2);border-radius:2px;cursor:pointer}.pl-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--accent-light)}.pl-root input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--accent-light);border:none}#volume{max-width:90px}.pl-editor{width:min(430px,38vw);display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface);min-height:0}.pl-ed-head{display:flex;gap:.4rem;padding:.55rem;border-bottom:1px solid var(--border);align-items:center}.pl-ed-name{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:JetBrains Mono,monospace;font-size:.78rem;padding:.3rem .5rem;border-radius:6px;outline:none}.pl-ed-name:focus{border-color:var(--accent)}.pl-ed-code{flex:1;min-height:0;resize:none;background:#0a0a14;border:none;outline:none;color:#c9c9e0;font-family:JetBrains Mono,monospace;font-size:.76rem;line-height:1.55;padding:.7rem;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre}.pl-ed-foot{display:flex;justify-content:space-between;align-items:center;padding:.4rem .7rem;border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.7rem}.pl-ed-status.ok{color:#6dbd8a}.pl-ed-status.err{color:#d97c7c}.pl-ed-hint{color:var(--text-dim)}.pl-ed-errors{margin:0;max-height:140px;overflow-y:auto;background:#d97c7c0f;border-top:1px solid rgba(217,124,124,.25);color:#d97c7c;font-family:JetBrains Mono,monospace;font-size:.7rem;line-height:1.5;padding:.5rem .7rem;white-space:pre-wrap}#visual:fullscreen{background:#000}@media(max-width:900px){.pl-root{grid-template-columns:1fr;grid-template-rows:45vh auto;height:auto;overflow:visible}.pl-stage{order:-1;height:45vh}.pl-editor{width:100%;height:60vh;border-left:none;border-top:1px solid var(--border)}}