:root {
  --accent: #3b82f6;
  --accent-bg: #eff6ff;
  --accent-border: rgba(59,130,246,0.25);
}

/* Format + quality buttons */
.format-btns { display: flex; gap: 0.5rem; }
.fbtn, .qbtn {
  flex: 1; background: var(--off); border: 1px solid var(--border); border-radius: 10px;
  padding: 0.75rem; cursor: pointer; font-family: var(--display);
  font-size: 0.95rem; font-weight: 700; color: var(--sub);
  transition: all 0.15s; text-align: center;
}
.fbtn span, .qbtn span { display: block; font-size: 0.7rem; font-weight: 400; font-family: var(--body); margin-top: 0.2rem; }
.fbtn:hover, .qbtn:hover { border-color: var(--accent); color: var(--accent); }
.fbtn.active, .qbtn.active { background: var(--accent-bg); border-color: var(--accent); color: var(--accent); }