/* Audio cutter & joiner (loaded after hub.css, bpm.css and slowed.css) */
.cutbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}
.cutbar .sp,.cutctl .sp{flex:1}
.cutbar select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit;font-size:14px;font-weight:600}
.zoomw{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px}.zoomw input{width:140px;accent-color:var(--accent)}
.bigwave{display:block;width:100%;height:150px;background:#0e1118;border:1px solid var(--line);border-radius:12px;touch-action:none;cursor:pointer}
.cutctl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:12px 0}
.tset{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12.5px}
.tset label{display:flex;align-items:center;gap:6px}
.tset input{width:78px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 7px;font:inherit;font-size:13px;font-variant-numeric:tabular-nums}
.exrow select#q[hidden]{display:none}
.warn{color:#f2cf73;font-size:13px}
.clips{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.clip{border:1px solid var(--line);border-radius:12px;background:#121621;overflow:hidden}
.clip.over{border-color:var(--accent2)}.clip.dragging{opacity:.4}
.clip-h{display:flex;align-items:center;gap:8px;padding:7px 10px;min-width:0}
.clip-h .grip{cursor:grab;color:var(--muted);letter-spacing:-2px;padding:0 4px;user-select:none}
.clip-h .n{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;align-items:center;justify-content:center;flex:none}
.clip-h .fn{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.clip-h .meta{color:var(--muted);font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.clip-h .sp{flex:1}.clip-h .mini{padding:3px 9px}.clip-h .mini:disabled{opacity:.35;cursor:default}
.clip .cw{display:block;width:100%;height:64px;background:#0e1118;border-top:1px solid var(--line);touch-action:none;cursor:pointer}
.tlwrap{position:relative}
.timeline{position:relative;height:30px;background:#0e1118;border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer}
.timeline span{position:absolute;top:3px;bottom:3px;border-radius:5px;background:linear-gradient(90deg,rgba(108,123,255,.75),rgba(0,229,255,.6));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;padding-left:6px;overflow:hidden;mix-blend-mode:screen}
.tlhead{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;pointer-events:none}
#gapW.dim{opacity:.4}
@media (max-width:560px){.tset{flex-wrap:wrap}.zoomw input{width:100px}.bigwave{height:120px}}