.add-files{border:1px solid #d3c7ff;border-radius:10px;padding:11px 16px;background:#f2eeff;color:#6342d9;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.merge-files{list-style:none;margin:17px 0 0;padding:0;display:grid;gap:7px}.merge-files li{display:flex;align-items:center;gap:11px;padding:10px 12px;background:#f8fafc;border:1px solid #dce4ef;border-radius:10px;cursor:grab}.merge-files li.selected{border-color:#b29df9;background:#f5f2ff}.merge-files li.drag-over{border-top:3px solid #8d6ded}.merge-order{color:#8776ba;flex:none;font-size:12px;font-weight:750}.merge-name{flex:1;min-width:0;border:0;background:none;text-align:left;color:#2b405a;cursor:pointer;font:inherit;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merge-time{font-size:11px;color:#7f8fa4;font-variant-numeric:tabular-nums}.file-actions{display:flex;gap:3px}.file-actions button{border:1px solid #dce3ef;background:white;color:#687b94;border-radius:6px;width:28px;height:28px;font:inherit;cursor:pointer}.audio-clip .clip-name{left:10px}.audio-clip{cursor:grab}.audio-clip.dragging{opacity:.45}#dropMarker{position:absolute;z-index:6;top:48px;bottom:25px;width:3px;background:#bba7ff;pointer-events:none}.timeline-editor .edit-toolbar{flex-wrap:wrap}#workbench[aria-busy=true] .merge-files{pointer-events:none;opacity:.6}.dropzone.dragging{border-color:#7958eb;background:#f0eaff}@media(max-width:650px){.file-actions button{width:27px}.merge-files li{gap:6px;padding:9px 7px}.merge-time{font-size:10px}.merge-name{font-size:11px}.add-files{white-space:nowrap;padding:9px 12px}.zoom-controls{margin-left:auto}}

/* One waveform layer per file; the shared time axis preserves join order. */
.layer-sidebar{width:200px;flex:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;position:relative;border-right:1px solid #344153;background:#131d29}
.layer-sidebar .merge-files{display:block;margin:0;padding:40px 0 17px}
.layer-sidebar .merge-files li{height:var(--layer-height,112px);box-sizing:border-box;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:26px 18px 30px;gap:2px 6px;align-content:center;padding:12px;border:0;border-top:1px solid #2b394b;border-radius:0;background:transparent}
.layer-sidebar .merge-files li.selected{background:#29283f;box-shadow:inset 3px 0 #b49aff}
.layer-sidebar .merge-files li.drag-over{box-shadow:inset 0 3px #b49aff}
.layer-sidebar .merge-order{grid-row:1 / 4;align-self:center;color:#a899d7;font-size:12px}
.layer-sidebar .merge-name{color:#e2e9f4;grid-column:2;width:100%;padding:0;font-size:12px}
.layer-sidebar .merge-time{grid-column:2;color:#9aabc0;font-size:11px}
.layer-sidebar .file-actions{grid-column:2}
.layer-sidebar .file-actions button{background:#233145;border-color:#3b4a60;color:#dbe4f1;width:27px;height:26px}
.layer-sidebar .file-actions button:hover:not(:disabled){background:#465773}
#scroller{overflow:auto;max-height:440px}#timeline{touch-action:none}#clips{inset:0}.audio-clip{bottom:auto}.audio-clip.selected .clip-name{left:10px}
#dropMarker{top:40px;bottom:auto;left:0;right:0;width:auto;height:3px}#playhead{bottom:0}
.track-footer #editSummary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.track-footer>span:last-child{flex:none}
@media(max-width:650px){.layer-sidebar{width:134px}.layer-sidebar .merge-files li{padding:8px 6px;grid-template-columns:17px minmax(0,1fr);gap:2px 4px}.layer-sidebar .merge-name{font-size:11px}.layer-sidebar .file-actions button{width:25px}.track-footer>span:last-child{display:none}}

.layer-size{display:flex;align-items:center;gap:8px;font-size:12px;color:#b7c5d9;margin-left:8px;white-space:nowrap}.layer-size input{width:75px;accent-color:#a392ff}#layerDivider{width:7px;flex:none;background:#243142;cursor:col-resize;touch-action:none;position:relative}#layerDivider:hover,#layerDivider:focus-visible{background:#8b73db;outline:none}#layerDivider:after{content:'';position:absolute;height:30px;width:2px;top:calc(50% - 15px);left:2px;background:#91a0b7;border-radius:2px}.layer-sidebar .merge-files li{padding-top:4px;padding-bottom:4px}@media(max-width:650px){.layer-size{margin-left:0}.layer-size input{width:65px}}