/* L'atelier global — la seconde couche de texte et les sections ajoutées.
   Aucune couleur en dur : tout passe par les variables du thème, pour que le mode sombre
   du HUD s'applique sans seconde feuille à tenir d'accord. */

/* Une zone de texte dans la liste « Textes sur le visuel ». La zone sélectionnée porte le
   même signal que le cadre pointillé dessiné sur le canvas : c'est la couleur d'accent qui
   fait le lien entre la liste et l'image. */
.atelier-couche {
  border: 1px solid var(--bord);
  border-left: 3px solid var(--bord);
  border-radius: 9px;
  padding: 8px 10px;
  margin-bottom: 8px;
  cursor: pointer;
}
.atelier-couche:hover { border-color: var(--corail); }
.atelier-couche.on { border-left-color: var(--corail); }
.atelier-couche textarea { width: 100%; box-sizing: border-box; }
.atelier-couche input[type="range"] { width: 96px; }

/* Le bloc ajouté en bas de l'atelier : il respire, il ne se confond pas avec le panneau. */
#atelierGlobal { margin-top: 8px; }
#atelierGlobal .section-title { margin-top: 24px; }
#atelierGlobal pre { max-height: 200px; overflow: auto; }