/* Audio Converter — tool-only styles. Shared rules stay in style.css. */

/* Staged reveal (mechanic in style.css). */
main[data-stage="empty"] .ac-wrap { display: none; }

.ac-wrap {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}
.ac-settings .chip-btn, .segrow { margin-bottom: 2px; }
.segrow { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 8px; }
.chip-btn {
  border: 1.5px solid var(--line); background: var(--surface); color: var(--ink);
  border-radius: 8px; padding: 6px 12px; font-size: 13px; font-weight: 650; cursor: pointer;
}
.chip-btn.on { border-color: var(--brand); background: var(--accent); color: var(--brand); }
.ac-settings .btn { margin-top: 8px; }

.rows { display: flex; flex-direction: column; gap: 8px; }
.crow {
  border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px;
  background: var(--surface);
}
.crow.err { border-color: var(--warn-border); background: var(--warn-bg); }
.crow .cname { font-weight: 650; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crow .cmeta { font-size: 12px; color: var(--muted); }
.crow .cnote { grid-column: 1 / -1; font-size: 12.5px; color: var(--muted); }
.crow .cstatus { grid-column: 1 / -1; font-size: 12.5px; font-weight: 600; }
.crow .cstatus.done { color: var(--good); }
.crow .cbtns { display: flex; gap: 6px; align-items: start; }
.crow .bar-track { grid-column: 1 / -1; margin-top: 4px; }

@media (max-width: 900px) {
  .ac-wrap { grid-template-columns: minmax(0, 1fr); }
}