.mix-slides{gap:.3rem;max-height:16rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid;overflow:auto}.mix-slides li{border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);align-items:center;gap:.4rem;padding:.25rem .4rem;display:flex}.mix-slides li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mix-preview{justify-content:center;margin-top:.8rem;display:flex}.mix-preview canvas{border:1px solid var(--line);border-radius:var(--radius-sm);background:#000;max-width:100%;max-height:360px}.mix-scrub{font-size:var(--text-sm);align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.mix-scrub input{flex:1}.mix-scrub span{font:500 var(--text-xs)/1 var(--mono);color:var(--muted)}.mix-buttons{flex-wrap:wrap;gap:.4rem;display:flex}