/* Outil · Texte (Text tools) : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : tt-
   À gauche : le résultat (zone fixe qui défile, en mono), la ligne d'info, Copier et Télécharger .txt. À droite : le texte,
   le mode, son panneau (les quatre panneaux empilés dans la même case : la hauteur du plus grand), les fins de ligne.
   Au téléphone : le texte d'abord. */
.tt .outil-fixe { align-items: stretch; }
.tt-sortie { display: flex; flex-direction: column; }
.tt-resultat { margin: 0; height: 440px; overflow: auto; overscroll-behavior: contain; padding: 14px 16px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--filet-doux);
  background: rgba(0, 0, 0, .18); font: 500 13px/1.6 var(--mono); color: var(--papier); white-space: pre-wrap; overflow-wrap: anywhere; }
.tt-resultat:empty::before { content: attr(data-vide); color: var(--texte2); }
.tt-info { flex: none; height: 1lh; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tt-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.tt-actions .pastille { cursor: pointer; }
.tt-actions .pastille:hover { translate: none; }
.tt-actions .pastille:disabled { opacity: .3; cursor: default; }
.tt-source { display: flex; flex-direction: column; }
.tt-texte { height: 180px; resize: none; font-family: var(--mono); font-size: 13.5px; line-height: 1.55; }
.tt-modes button { padding-inline: 4px; }
.tt-panneaux { display: grid; }
.tt-panneau { grid-area: 1 / 1; display: flex; flex-direction: column; gap: 10px; }
.tt-panneau[hidden] { display: flex; visibility: hidden; }
.tt-deux { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }
.tt-regles { display: flex; flex-direction: column; }
.tt-regles textarea { resize: none; height: 110px; font-family: var(--mono); font-size: 13px; }
.tt-puces { flex-wrap: wrap; }
.tt-puces .puce { cursor: pointer; }
@media (max-width: 959px) {
  .tt-source { order: -1; }
  .tt-resultat { height: 300px; }
  .tt-deux { grid-template-columns: 1fr; }
}