/* Clips page-specific tweaks. Base design system comes from ../styles.css */

/* chips live in the topbar toolbar; keep them compact */
.chip{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background: rgba(13,18,32,.35);
  color: var(--muted);
  font-size:12px;
  cursor:pointer;
  white-space:nowrap;
}
.chip:hover{border-color: var(--border2); background: rgba(13,18,32,.55)}
.chip input{accent-color:var(--accent)}

/* The clip cards already use .card/.thumb from base styles; ensure thumbs render clean */
.thumb{background:#000}

/* Player overlay uses base styles; just keep the mute button a bit tighter */
.playerActions{display:flex;gap:10px;align-items:center}
.playerActions .btn{padding:8px 10px;border-radius:10px}