.playlist-panel{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.playlist-top{display:flex;gap:12px;align-items:flex-end}.mode-buttons{display:flex;gap:4px}.btn-mode{padding:6px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text2);cursor:pointer;font-size:12px;font-weight:500;transition:background .1s,color .1s}.btn-mode:hover{background:var(--bg4)}.btn-mode.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.playlist-scroll{overflow:auto;border:1px solid var(--border);border-radius:6px;background:var(--bg2);flex:1;min-height:0}.playlist-timeline{position:relative;min-width:max-content}.playlist-ruler{display:flex;height:24px;margin-left:var(--track-head-w, 180px);background:var(--bg3);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.ruler-mark{flex-shrink:0;border-right:1px solid var(--border);font-size:10px;color:var(--text3);padding:4px 6px;text-align:left}.ruler-mark.ruler-loop{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border-bottom:2px solid var(--accent)}.section-marker{position:absolute;top:0;bottom:0;display:flex;align-items:flex-start;pointer-events:all;z-index:6;cursor:context-menu}.section-marker:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--accent2);opacity:.8}.section-marker-label{position:absolute;top:2px;left:4px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--accent2);white-space:nowrap;cursor:pointer;text-shadow:0 1px 2px var(--shade-3)}.playlist-row{display:flex;flex-wrap:wrap;min-height:60px;border-bottom:1px solid var(--border)}.playlist-track-label{width:var(--track-head-w, 180px);flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0 8px 0 10px;gap:5px;font-size:12px;font-weight:600;color:var(--text2);background:var(--bg3);border-right:1px solid var(--border);position:sticky;left:0;z-index:3}.auto-toggle{width:22px;height:18px;font-size:10px;font-weight:700;background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text2);cursor:pointer;padding:0;line-height:1}.auto-toggle.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.auto-row{display:flex;width:100%;height:50px;border-top:1px solid var(--tint-2);background:var(--shade-1)}.auto-label{width:var(--track-head-w, 180px);flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 8px;background:var(--bg3);border-right:1px solid var(--border);position:sticky;left:0;z-index:3}.auto-param-select{width:62px;font-size:10px;background:var(--bg2);border:1px solid var(--border);border-radius:3px;color:var(--text);padding:2px}.auto-canvas{display:block;cursor:crosshair}#add-track-btn{padding:6px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;transition:background .1s,border-color .1s}#add-track-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.lane-load-btn{pointer-events:auto;cursor:pointer;margin-right:6px;width:auto;height:auto;display:inline-flex;padding:6px 14px}.playlist-lane{position:relative;display:flex;height:60px;overflow:hidden}.lane-cell{flex-shrink:0;height:100%;border-right:1px solid var(--tint-2);cursor:pointer;transition:background .08s}.lane-cell:hover{background:var(--cell-hover)}.lane-empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--text2);opacity:.6;pointer-events:none;white-space:nowrap}.playlist-block{position:absolute;top:4px;height:calc(100% - 8px);border-radius:4px;cursor:grab;display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:600;user-select:none;z-index:2;border:1px solid var(--tint-4);box-shadow:var(--shadow-sm);overflow:hidden;white-space:nowrap;transition:box-shadow .1s}.playlist-block:active{cursor:grabbing}.playlist-block-synth{background:color-mix(in srgb,var(--track-synth) 85%,transparent);color:var(--on-track)}.playlist-block-drums{background:color-mix(in srgb,var(--track-drums) 85%,transparent);color:var(--on-track)}.playlist-block-slicer{background:color-mix(in srgb,var(--track-slicer) 85%,transparent);color:var(--on-track)}.playlist-block-audio{background:linear-gradient(135deg,color-mix(in srgb,var(--track-slicer) 75%,transparent),color-mix(in srgb,var(--track-drums) 50%,transparent));color:var(--on-track);overflow:hidden;display:flex;flex-direction:column;padding:2px 6px}.playlist-block-audio.playlist-block-audio-track{background:linear-gradient(135deg,color-mix(in srgb,var(--track-audio) 75%,transparent),color-mix(in srgb,var(--select) 50%,transparent))}.playlist-block-audio span{font-size:9px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}#playlist-tracks{position:relative}.playlist-marquee{position:absolute;z-index:6;pointer-events:none;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);border-radius:2px}.playlist-block.selected{outline:2px solid var(--select);box-shadow:0 0 0 2px color-mix(in srgb,var(--select) 35%,transparent),var(--shadow-sm);z-index:5}.block-resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;background:transparent;z-index:10}.block-resize-handle:hover{background:var(--tint-4)}.block-resize-left{left:0}.block-resize-right{right:0}.audio-block-waveform{width:100%;flex:1;min-height:0;opacity:.8}.playlist-lane.drop-target{background:color-mix(in srgb,var(--accent) 10%,transparent);outline:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:-1px}.playlist-playhead{position:absolute;top:24px;bottom:0;left:0;width:2px;background:var(--accent);z-index:10;pointer-events:none;box-shadow:0 0 6px color-mix(in srgb,var(--accent) 45%,transparent);will-change:transform}.track-ms-buttons{display:inline-flex;gap:3px}.track-status-tag{display:inline-block;font-size:8px;font-weight:700;padding:2px 4px;border-radius:2px;line-height:1;cursor:pointer;border:none;background:var(--bg4);color:var(--text3);transition:background .1s}.mute-tag.active{background:var(--track-drums);color:var(--on-track)}.solo-tag.active{background:var(--warn);color:var(--on-warn)}.mute-tag:hover{background:var(--track-drums);color:var(--on-track)}.solo-tag:hover{background:var(--warn);color:var(--on-warn)}.playlist-hint-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;font-size:11px;color:var(--text3);background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.playlist-hint-strip b{color:var(--text2);font-weight:600}.playlist-hint-strip .hint-dismiss{background:transparent;border:none;color:var(--text3);font-size:16px;line-height:1;cursor:pointer;padding:0 4px}.playlist-hint-strip .hint-dismiss:hover{color:var(--text-1)}.playlist-block-audio>span:not(.audio-block-bars){position:relative;z-index:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-block-bars{position:absolute;bottom:2px;z-index:1;right:4px;font-size:9px;color:color-mix(in srgb,var(--on-track) 80%,transparent);background:var(--shade-2);padding:1px 4px;border-radius:2px;pointer-events:none;font-variant-numeric:tabular-nums}.clip-inspector{display:none;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg2);border-top:2px solid var(--accent-audio);max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease}.clip-inspector.open{display:flex;max-height:400px;overflow:visible}.clip-inspector-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.clip-inspector-title{font-weight:700;font-size:13px;color:var(--accent-audio)}.clip-inspector-actions{display:flex;align-items:center;gap:6px}.ci-bpm-display{font-size:14px;font-weight:700;color:var(--accent-audio);min-width:60px}.ci-bars-display{font-size:11px;color:var(--text2);font-variant-numeric:tabular-nums}.clip-inspector-body{display:flex;gap:12px}.ci-waveform-wrap{position:relative;flex:1;height:120px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;overflow:hidden;cursor:crosshair;user-select:none}#ci-waveform{width:100%;height:100%}#ci-overlay{position:absolute;inset:0;pointer-events:none}.ci-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--track-audio);box-shadow:0 0 6px color-mix(in srgb,var(--track-audio) 50%,transparent)}#ci-start-marker{background:var(--ok)}#ci-end-marker{background:var(--track-drums)}#ci-region-highlight{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--track-audio) 10%,transparent);pointer-events:none}#ci-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--text-1);box-shadow:0 0 10px color-mix(in srgb,var(--text-1) 90%,transparent);pointer-events:none;display:none;z-index:5}.ci-zoom-hint{position:absolute;bottom:4px;right:8px;font-size:10px;color:var(--text3);opacity:0;transition:opacity .3s;pointer-events:none;background:var(--shade-3);padding:2px 6px;border-radius:3px}.ci-controls{display:flex;flex-direction:column;gap:6px;min-width:280px}.ci-trim-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ci-trim-row label{font-size:11px;font-weight:600;color:var(--text2);min-width:30px}.ci-trim-row input[type=range]{flex:1;min-width:60px}.ci-trim-row span{font-size:11px;color:var(--text3);font-variant-numeric:tabular-nums;min-width:60px}.ci-clip-row label{min-width:48px}.ci-clip-row span{min-width:54px}.ci-clip-row .ci-toggle{min-width:0}.ci-regions{min-width:240px;max-width:300px;display:flex;flex-direction:column;gap:4px}.ci-regions-header{display:flex;justify-content:space-between;align-items:center}.ci-regions-header label{font-size:12px;font-weight:600;color:var(--text2)}.ci-region-list{display:flex;flex-direction:column;gap:3px;max-height:80px;overflow-y:auto}.ci-region-empty{color:var(--text3);font-size:11px;padding:4px 0}.ci-region-row{display:grid;grid-template-columns:16px 12px 1fr auto auto auto;align-items:center;gap:6px;padding:3px 5px;background:var(--bg3);border:1px solid var(--border);border-left:3px solid var(--region-color, var(--text-3));border-radius:3px;font-size:11px}.ci-region-row.dragging{opacity:.5}.ci-region-handle{cursor:grab;color:var(--text3);font-size:12px;line-height:1;text-align:center}.ci-region-handle:hover{color:var(--text-1)}.ci-region-handle:active{cursor:grabbing}.ci-region-swatch{width:10px;height:10px;border-radius:2px;background:var(--region-color, var(--text-3));cursor:pointer}.ci-region-name{background:transparent;border:none;color:var(--text-1);font-size:11px;padding:1px 3px;border-radius:2px;min-width:0}.ci-region-name:focus{background:var(--bg1);outline:1px solid var(--accent-audio)}.ci-region-duration{color:var(--text3);font-size:10px;font-variant-numeric:tabular-nums}.ci-region-audition,.ci-region-delete{background:transparent;border:1px solid var(--border);color:var(--text2);border-radius:2px;width:20px;height:20px;cursor:pointer;font-size:10px;padding:0}.ci-region-audition:hover,.ci-region-delete:hover{background:var(--bg1)}.playlist-lane.show-grid{background-image:repeating-linear-gradient(to right,var(--tint-2) 0 1px,transparent 1px var(--grid-step, 20px))}.playlist-new-track-drop{margin:6px 0 6px var(--track-head-w, 180px);padding:10px 14px;border:1px dashed var(--border);border-radius:6px;color:var(--text3);font-size:12px}.playlist-new-track-drop.drop-target{border-color:var(--accent-audio);color:var(--text);background:color-mix(in srgb,var(--track-audio) 10%,transparent)}.block-dup-btn{position:absolute;top:6px;width:18px;height:18px;padding:0;border-radius:4px;border:1px solid var(--tint-4);background:var(--surface-3);color:var(--text);font-size:13px;line-height:15px;font-weight:700;cursor:pointer;z-index:6;box-shadow:var(--shadow-sm)}.block-dup-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ci-sample-bpm,.ci-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text2);white-space:nowrap}.ci-sample-bpm input{width:62px;padding:2px 4px;background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:3px}.ci-toggle input{margin:0}.ci-bpm-scale{padding:2px 6px;font-size:11px}.ci-warp-count{font-size:10px;color:var(--warn);font-variant-numeric:tabular-nums}.loop-tag.active,.loop-tag:hover{background:var(--track-audio);color:var(--on-track)}.playlist-row.is-looping .playlist-block{opacity:.35}.playlist-row.is-looping .playlist-lane:after{content:"\21bb  looping active pattern";position:absolute;right:8px;top:4px;font-size:10px;color:var(--accent-audio);pointer-events:none}#playlist-start-marker[hidden]{display:none}#playlist-start-marker{position:absolute;bottom:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid var(--yellow);transform:translate(-6px);pointer-events:none;z-index:6}.ruler-mark{cursor:pointer;user-select:none}.playlist-ruler{touch-action:none}.ruler-loop-handle[hidden]{display:none}.ruler-loop-handle{position:absolute;top:0;bottom:0;width:10px;transform:translate(-5px);cursor:ew-resize;z-index:7}.ruler-loop-handle:after{content:"";position:absolute;top:2px;bottom:2px;left:3px;width:4px;border-radius:2px;background:var(--accent)}.ruler-loop-handle:hover:after{background:var(--text-1)}.ruler-marker-edit{position:absolute;top:1px;height:22px;width:140px;font-size:11px;padding:0 var(--sp-2);z-index:8}.loop-range{font-size:11px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.loop-range.is-off{color:var(--text-3)}.arm-tag.active{background:var(--danger);color:var(--on-danger)}.arm-tag.recording{animation:rec-pulse 1s ease-in-out infinite}.playlist-row.is-frozen .playlist-block{opacity:.45}.track-status-tag.frozen-tag.active{color:var(--track-audio);border-color:var(--track-audio)}.playlist-track-label{border-left:3px solid var(--track-color, var(--line))}.track-head-top{display:flex;align-items:center;gap:6px;min-width:0}.track-swatch{flex-shrink:0;width:12px;height:12px;padding:0;border-radius:3px;border:1px solid color-mix(in srgb,var(--text-1) 25%,transparent);background:var(--track-color, var(--text-3));cursor:pointer}.track-swatch:hover{transform:scale(1.15)}.track-swatch:focus-visible{outline:2px solid var(--select);outline-offset:1px}.track-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-1);font-weight:600}.track-head-top .track-delete-btn{position:static;margin-left:auto;opacity:0}.playlist-track-label:hover .track-delete-btn,.track-head-top .track-delete-btn:focus-visible{opacity:1}.track-ms-buttons .track-status-tag,.track-ms-buttons .auto-toggle{width:22px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-ctl)}.playlist-row:nth-child(2n) .playlist-lane{background-color:color-mix(in srgb,var(--text-1) 2.5%,transparent)}.playlist-block:not(.playlist-block-audio){flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;background:color-mix(in srgb,var(--track-color, var(--text-3)) 45%,var(--surface-2));border-color:color-mix(in srgb,var(--track-color, var(--text-3)) 70%,transparent)}.playlist-block .block-name{flex-shrink:0;padding:1px 6px;font-size:10px;line-height:14px;background:var(--track-color, var(--text-3));color:var(--on-track);overflow:hidden;text-overflow:ellipsis}.block-preview{flex:1;min-height:0;margin:2px 1px}.playlist-block-audio.playlist-block-audio-track{background:color-mix(in srgb,var(--track-color, var(--text-3)) 45%,var(--surface-2));border-color:color-mix(in srgb,var(--track-color, var(--text-3)) 70%,transparent)}.playlist-block-audio.playlist-block-audio-track>span:first-of-type{margin:-2px -6px 1px;padding:1px 6px;background:var(--track-color, var(--text-3));font-size:10px;opacity:1}.playlist-block:hover .block-resize-handle{background:color-mix(in srgb,var(--on-track) 25%,transparent)}.ruler-mark{background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--beat-w, 20px) - 1px),color-mix(in srgb,var(--text-1) 22%,transparent) calc(var(--beat-w, 20px) - 1px) var(--beat-w, 20px));background-size:100% 5px;background-position:bottom left;background-repeat:no-repeat}.playlist-playhead{top:0}.playlist-playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--accent)}.auto-lane{position:relative;height:50px;flex-shrink:0}.auto-lane .auto-canvas{position:absolute;top:0}.clip-inspector-header .ci-tabs{margin-left:12px}#clip-inspector[data-tab=clip] [data-ci-pane=sample],#clip-inspector[data-tab=sample] [data-ci-pane=clip]{display:none}.ci-sample-tools{display:flex;flex-direction:column;gap:8px;min-width:260px}.ci-tool-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}