/* === LB Viewer (colonnes & couleurs) =================================== */

/* Conteneur général de la visioneuse (doit prendre la place disponible) */
.lb-view {
  --cols: 1;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: 24px;
  justify-content: center;   /* centre les colonnes horizontalement */
  align-content: start;      /* texte en haut (plus lisible live) */
  width: 100%;
  height: 100%;
  overflow: hidden;          /* jamais de scroll */
  box-sizing: border-box;
}

/* Une colonne */
.lb-col { display: block; }

/* Un bloc (strophe) */
.lb-block { margin: 0 0 12px 0; }

/* Ligne monospace (préserve l’alignement accords/texte) */
.lb-line {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Courier New", monospace;
  line-height: 1.28;
  white-space: pre;
  margin: 0;
}

/* Couleurs persistantes via balises <N> <R> <B> <V> <o> <w> */
.lb-N { color: #111; }       /* noir (par défaut fond clair) */
.lb-R { color: #e11d48; }    /* rouge */
.lb-B { color: #2563eb; }    /* bleu */
.lb-V { color: #16a34a; }    /* vert */
.lb-o { color: #ea580c; }    /* orange */
.lb-w { color: #f8fafc; }    /* blanc (utile en fond sombre) */

@media (min-width: 1600px) {
  .lb-view { gap: 28px; }
}