.decompositeur-target {
  /* Reprend le padding d'origine ; la couleur de fond est posée par le JS. */
  padding: 50px 5px 50px 10px;
  min-height: 120px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}

/* Une cellule = un trait : [numéro ?] + SVG + [numéro ?], empilés et centrés. */
.decompositeur-cell {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.decompositeur-num {
  line-height: 1;
  text-align: center;
}

/* Pastilles de couleur un peu plus larges que la valeur par défaut Bootstrap. */
.decompositeur input[type="color"].form-control-color {
  width: 48px;
}