.cut-active #preview,.cut-active .track{display:none}.trim-picker{border:1px solid #f1d3d3;background:#fffafa;border-radius:10px;padding:14px;margin:4px 0 12px}.trim-picker-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.trim-picker-heading b,.trim-picker-heading small{display:block}.trim-picker-heading small{font-size:10px;font-weight:500;color:#85858b;margin-top:2px}.trim-picker-heading output{font:500 10px 'DM Mono',monospace;color:#f22b2b}.trim-wave-wrap{position:relative;border-radius:7px;overflow:hidden;border:1px solid #f3d8d8;background:#fff;cursor:ew-resize}.trim-wave-wrap canvas{display:block;width:100%;height:116px}.trim-play-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.trim-play-row button{border:1px solid #e6d4d4;background:#fff;color:#252529;border-radius:6px;padding:7px 10px;font:700 10px Manrope,Arial;cursor:pointer}.trim-play-row button:hover{border-color:#f22b2b;color:#f22b2b}.trim-play-row span{font:500 10px 'DM Mono',monospace;color:#f22b2b}.trim-exact{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}.trim-exact label{border:1px solid #eee;border-radius:7px;padding:8px 9px;font:700 10px Manrope,Arial;color:#55555a}.trim-exact input{display:block;border:0;width:100%;padding:3px 0;font:700 14px 'DM Mono',monospace;color:#202023;background:transparent;outline:none}.trim-exact output{font:500 9px 'DM Mono',monospace;color:#f22b2b}.control select#output-format{width:156px}@media(max-width:760px){.trim-picker{padding:12px}.trim-wave-wrap canvas{height:98px}.trim-exact{gap:7px}}
.join-summary{display:flex;align-items:center;justify-content:space-between;margin:3px 0 10px}.join-summary b{font-size:12px}.join-summary span{font:500 10px 'DM Mono',monospace;color:#f22b2b}.join-list{display:grid;gap:7px}.join-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #e8e8ea;border-radius:8px;padding:9px;background:#fff}.join-order{height:26px;width:26px;border-radius:7px;background:#fff0f0;color:#f22b2b;display:grid;place-items:center;font:600 10px 'DM Mono',monospace}.join-details{min-width:0}.join-details b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-details small{display:block;color:#85858b;font-size:9px;margin-top:2px}.join-actions{display:flex;gap:4px}.join-actions button,.queue-add{border:1px solid #e5e5e7;background:#fff;color:#666;border-radius:6px;height:28px;min-width:28px;padding:0 7px;cursor:pointer;font:700 11px Manrope,Arial}.join-actions button:hover,.queue-add:hover{border-color:#f2aaaa;color:#f22b2b}.join-actions button:disabled{opacity:.3;cursor:default}.queue-add{height:35px;color:#f22b2b;border-color:#f1caca;white-space:nowrap}.join-note{font-size:10px;color:#77777d;margin:11px 0 0}.action-row:has(.queue-add:not(.hidden)){display:grid;grid-template-columns:auto 1fr auto}.action-row:has(.queue-add:not(.hidden)) p{text-align:center}@media(max-width:760px){.join-item{grid-template-columns:29px minmax(0,1fr)}.join-actions{grid-column:2}.action-row:has(.queue-add:not(.hidden)){grid-template-columns:1fr}.action-row:has(.queue-add:not(.hidden)) p{text-align:left}.queue-add{width:100%}}
.join-active .track{display:none}.join-fades{border:1px solid #f0d7d7;background:#fffafa;border-radius:9px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.join-fades b{font-size:11px;display:block}.join-fades small{display:block;font-size:9px;color:#85858b;margin-top:2px}.fade-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.fade-toggle input{position:absolute;opacity:0}.fade-toggle span{height:19px;width:33px;border-radius:999px;background:#d8d8dc;padding:2px;transition:.2s}.fade-toggle span:after{content:'';display:block;height:15px;width:15px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:.2s}.fade-toggle input:checked+span{background:#f22b2b}.fade-toggle input:checked+span:after{transform:translateX(14px)}.fade-toggle em{font:600 10px 'DM Mono',monospace;color:#77777d;font-style:normal}.fade-length{display:flex;align-items:center;gap:12px;padding:4px 1px 12px}.fade-length label{font-size:10px;font-weight:800;min-width:94px}.fade-length label small{color:#f22b2b;font:500 9px 'DM Mono',monospace;display:block;margin-top:2px}.fade-length input{accent-color:#f22b2b;flex:1}.fade-length.is-disabled{opacity:.42}.audio-wave{display:block;width:100%;height:30px;margin-top:5px;background:linear-gradient(90deg,#fff5f5,#fff);border-radius:4px}.join-drop-more{width:100%;margin:9px 0 0;min-height:44px;border:1.5px dashed #f0abab;background:#fffafa;border-radius:8px;color:#77777d;font:600 11px Manrope,Arial;cursor:pointer;transition:.2s}.join-drop-more span{color:#f22b2b}.join-drop-more:hover,.join-drop-more.dragging{background:#fff0f0;border-color:#f22b2b}.join-preview-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sequence-preview{margin-top:10px;border:1px solid #e4e4e7;background:#fff;color:#303034;border-radius:7px;padding:8px 10px;white-space:nowrap;font:700 10px Manrope,Arial;cursor:pointer}.sequence-preview:hover{border-color:#f2aaaa;color:#f22b2b}.sequence-preview:disabled{opacity:.55;cursor:wait}@media(max-width:760px){.join-preview-row{align-items:stretch;flex-direction:column}.sequence-preview{width:100%}.fade-length{gap:8px}.fade-length label{min-width:82px}}
.join-summary{margin-bottom:12px}.join-summary>div small{display:block;font-size:10px;color:#85858b;margin-top:2px}.join-item{grid-template-columns:16px 31px minmax(0,1fr);align-items:start;cursor:grab;padding:12px 11px}.join-item.dragging{opacity:.45}.join-item.drag-over{border-color:#f22b2b;background:#fffafa}.join-grip{color:#aaaab0;font-size:17px;line-height:23px;letter-spacing:-3px}.join-order{margin-top:0}.join-track-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.track-preview{height:31px;margin:7px 0 5px}.audio-wave{height:46px;margin-top:7px;background:linear-gradient(90deg,#fff4f4,#fffafa);border:1px solid #fae1e1}.track-fades{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:5px}.track-fades label{font-size:10px;color:#66666c;display:flex;align-items:center;gap:4px}.track-fades input{accent-color:#f22b2b}.track-fades .fade-seconds{margin-left:auto;font:600 10px 'DM Mono',monospace}.track-fades select,.join-output select{border:1px solid #e5e5e7;border-radius:5px;background:#fff;padding:4px 6px;font:600 10px 'DM Mono',monospace;color:#3a3a3e}.join-output{border-top:1px solid #ededee;margin-top:12px;padding-top:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:13px}.join-output b{display:block;font-size:11px}.join-output b span{color:#f22b2b;font:600 11px 'DM Mono',monospace;margin-left:4px}.join-output small{display:block;font-size:9px;color:#85858b;margin-top:2px}.join-output>label{font:600 10px 'DM Mono',monospace;color:#77777d}.join-output .sequence-preview{margin:0}@media(max-width:760px){.join-item{grid-template-columns:14px 28px minmax(0,1fr)}.join-track-head{display:block}.join-track-head .join-actions{margin-top:7px}.track-fades .fade-seconds{margin-left:0}.join-output{grid-template-columns:1fr 1fr}.join-output>div{grid-column:span 2}.join-output .sequence-preview{grid-column:span 2;width:100%}}