/* The settings form: the fields wrap in a row, the provider fields on a row of
 * their own under the ACP runtime, then the save action. */
.ui-classifier-settings {
  display: flex;
  flex-direction: column;
  gap: 1em;
  margin-top: 1em;
}
/* One grid for every group of fields: each field has the same width and the
   same edges at any width, and a label that wraps cannot push one input lower
   than its neighbour's. */
.ui-classifier-settings-fields {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14em, 1fr));
  gap: 0.75em;
}
/* A field that needs the whole row (a URL, a model name). */
.ui-classifier-settings-wide {
  grid-column: 1 / -1;
}
/* The provider fields, under their own heading. */
.ui-classifier-settings-group {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  margin: 0;
  padding: 0;
  border: 0;
}
.ui-classifier-settings-group > legend {
  padding: 0;
  margin-bottom: 0.5em;
  font-weight: 600;
}