/*
 * json-formatter.css — per-tool styles for the JSON Formatter options row and error line.
 * Tokens only; no inline styles (CSP).
 */

/* Options: indent select + sort-keys toggle sit side by side, wrapping on narrow screens. */
.jf-options {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}

/* Keep the indent select from stretching full width. */
.jf-indent-field {
  margin-bottom: 0;
  max-width: 12rem;
}
.jf-indent-field .select { min-width: 8rem; }

/* Align the checkbox row with the bottom of the select. */
.jf-sort-field {
  margin-bottom: 0;
  padding-bottom: 0.4rem;
}

/* Parse-error location printed under the message. */
.jf-error-pos {
  display: block;
  margin-top: 2px;
  font-size: var(--text-sm);
  opacity: 0.85;
}
.jf-error-pos:empty { display: none; }