/*
 * srt-subtitle-editor.css — per-tool styles: hidden native file input, controls
 * layout, format radios and the parse-warning list. Tokens only; no inline styles
 * (CSP: style-src 'self').
 */

/* File "button" is a <label> wrapping a visually hidden native file input. */
.srt-file-btn { cursor: pointer; }
.srt-file-input {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Shift + format controls sit side by side, wrapping on narrow screens. */
.srt-controls {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
  margin-top: var(--space-4);
}
.srt-controls > .field { flex: 1 1 220px; margin: 0; }

/* Output-format radio options. */
.srt-format-row { gap: var(--space-4); }
.srt-radio {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
}

/* Parse-warning list. */
.srt-warn-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.srt-warn-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  font: 400 14px/1.5 var(--font-sans);
  color: var(--text-secondary);
}
.srt-warn-list li .icon { color: var(--amber-600, #d97706); flex: none; margin-top: 2px; }