/* Styles propres aux modèles d'écriture (les styles partagés sont dans ../common.css). */

/* ---------- Options ---------- */

.text-input {
  font: inherit;
  width: 14em;
  max-width: 100%;
  padding: 5px 8px;
  border: 2px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  text-transform: uppercase;
}

.fade-field input[type="range"] { width: 12em; accent-color: var(--brand); }
.fade-field output { min-width: 4.5em; font-weight: 600; color: var(--brand); }

/* ---------- Lignes ---------- */

/* Les lignes se partagent la page à parts égales, même quand la dernière page n'en a que quelques-unes. */
.lines {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-rows: repeat(var(--rows), minmax(0, 1fr));
  gap: 1cqw;
}
.line {
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
}