/* File converter only – shared styles are in static/css/app.css */
.fc-queue { display: grid; gap: 10px; margin-top: 16px; }
.fc-row {
  display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
}
.fc-main { flex: 1; min-width: 0; }
.fc-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fc-opts { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 8px; align-items: center; }
.fc-opts label { display: flex; align-items: center; gap: 6px; color: var(--muted); }
.fc-opts select, .fc-opts input[type=number] { width: auto; padding: 6px 8px; font-size: .88rem; }
.fc-opts input[type=number] { width: 90px; }
.fc-opts input[type=range] { accent-color: var(--accent); width: 110px; }
.fc-actions { display: flex; gap: 6px; align-items: center; }
@media (max-width: 600px) {
  .fc-row { flex-direction: column; }
  .fc-actions { width: 100%; }
  .fc-actions .go { flex: 1; }
}