/* Outil · Loudness (LUFS), id lufs : seulement ce qui lui est propre (le reste vient de app/kit.css).
   Préfixe des classes : lu-
   À gauche : l'échelle de −30 à −5 LUFS (toutes les cibles, la choisie en orange, ton mix en blanc), le gain à appliquer
   en grand, la cible, le true peak max, le nouveau true peak (en pêche s'il dépasse), l'info (3 lignes fixes).
   À droite : la destination (par famille) et ton mix mesuré. */
.lu .outil-fixe { align-items: stretch; }
.lu-echelle { width: 100%; height: auto; display: block; }
.lu-axe { stroke: var(--filet); stroke-width: 1.5; }
.lu-chiffre { font: 500 11px var(--mono); fill: var(--texte2); text-anchor: middle; }
.lu-unite { font: 500 10px var(--mono); fill: var(--texte2); text-anchor: end; }
.lu-repere { fill: rgba(242, 240, 235, .3); }
.lu-repere.lu-choisi { fill: var(--orange); }
.lu-nom { font: 600 12px var(--corps); text-anchor: middle; }
.lu-nom.lu-choisi { fill: var(--peche); }
.lu-mix { fill: var(--papier); }
.lu-mix-t { fill: var(--papier); }
.lu-carte { display: flex; flex-direction: column; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--filet-doux); padding: 6px 18px 4px; }
.lu-grand { display: flex; justify-content: space-between; align-items: center; gap: 12px; height: 76px; border-bottom: 1px solid var(--filet-doux); }
.lu-grand span { font: var(--repere); letter-spacing: .1em; color: var(--texte2); }
.lu-grand b { font: 700 36px/1 var(--display); letter-spacing: -.03em; color: var(--peche); font-variant-numeric: tabular-nums; white-space: nowrap; }
.lu-rangee { cursor: default; height: 44px; align-items: center; }
.lu-rangee:last-child { border-bottom: 0; }
.lu-rangee:hover .nom { color: var(--papier); }
.lu-rangee .val { font-variant-numeric: tabular-nums; }
.lu-rangee .val[data-etat="trop"] { color: var(--peche); }
.lu-info { flex: none; height: 3lh; margin: 0; overflow: hidden; }
.lu-famille { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.lu-famille > span { font: 500 10.5px/1.2 var(--mono); letter-spacing: .06em; color: var(--texte2); }
.lu-dests { display: flex; flex-wrap: wrap; gap: 6px; }
.lu-dests .puce { cursor: pointer; padding: 7px 12px; }
.lu-deux { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }