/* Expérience du Labo : Peak, true peak, RMS, VU ou LUFS ? */
.meters-lab{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:26px}
.lm-controls{display:grid;align-content:start;gap:16px}
.lm-field{display:grid;gap:6px;font-size:13px;color:#cfd5e1}
.lm-field output{font:12px 'DM Mono';color:var(--mint);justify-self:end;margin-top:-22px}
.lm-field select{padding:8px 10px;border:1px solid #ffffff2a;border-radius:8px;background:#151925;color:#fff;font:inherit;font-size:13px}
.lm-field input[type=range]{width:100%;accent-color:var(--mint)}
.lm-align{margin:0;padding:10px 12px;border:1px solid #ffffff1f;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px 16px}
.lm-align legend{padding:0 4px;font-size:12px;color:#9aa3b5}
.lm-align label{display:flex;align-items:center;gap:6px;font-size:13px;color:#e7ebf3;cursor:pointer}
.lm-align input{accent-color:var(--mint)}
.lm-transport{display:flex;flex-wrap:wrap;gap:8px}
.lm-transport .button{padding:11px 16px;font-size:13px}
.lm-note{margin:0;font-size:12px;color:#9aa3b5}
.lm-display{min-width:0;display:grid;gap:14px}
.lm-meters{display:grid;grid-template-columns:repeat(4,minmax(62px,1fr)) minmax(190px,1.9fr);gap:10px}
.lm-meter,.lm-vu{min-width:0;padding:12px 10px;display:grid;grid-template-rows:auto 1fr auto auto auto;justify-items:center;gap:4px;background:#151925;border:1px solid #ffffff14;border-radius:12px;text-align:center}
.lm-meter header,.lm-vu header{display:grid;gap:2px}
.lm-meter header b,.lm-vu header b{font-size:13px;color:var(--c)}
.lm-meter header small,.lm-vu header small{font-size:10px;line-height:1.25;color:#8f98aa}
.lm-bar{position:relative;width:22px;height:210px;margin:8px 0 4px;border-radius:5px;background:linear-gradient(to top,#ffffff08,#ffffff08),repeating-linear-gradient(to top,transparent 0 calc(9.52% - 1px),#ffffff14 calc(9.52% - 1px) 9.52%);overflow:hidden}
.lm-fill{position:absolute;left:0;right:0;bottom:0;height:100%;transform-origin:bottom;transform:scaleY(0);background:var(--c);opacity:.9}
.lm-hold{position:absolute;left:0;right:0;height:2px;background:#fff;opacity:0}
.lm-bar:after{content:"";position:absolute;left:0;right:0;bottom:95.24%;height:1px;background:#ff4f4f}
.lm-value{font:600 17px 'DM Mono';color:#fff}
.lm-unit{font:10px 'DM Mono';color:#8f98aa}
.lm-extra{min-height:1.3em;font-size:10px;line-height:1.3;color:#ff8f70}
.lm-meter.lm-over{border-color:#ff4f8b88}
.lm-vu{grid-template-rows:auto 1fr auto auto}
.lm-vu-dial{width:100%;max-width:260px;align-self:center;background:radial-gradient(ellipse at 50% 100%,#f7efd6,#e9dcb4);border-radius:10px}
.lm-vu-tick{stroke:#2a2a2a;stroke-width:1.5}
.lm-vu-tick.hot,.lm-vu-label.hot{stroke:#c0392b;fill:#c0392b}
.lm-vu-label{font:9px 'DM Mono',monospace;fill:#2a2a2a;text-anchor:middle}
.lm-vu-red{fill:none;stroke:#c0392b;stroke-width:4;opacity:.7}
.lm-vu-needle{stroke:#151925;stroke-width:1.8;stroke-linecap:round}
.lm-vu-pivot{fill:#151925}
.lm-lufs-readouts{display:flex;flex-wrap:wrap;gap:6px}
.lm-lufs-readouts span{flex:1 1 150px;padding:9px 12px;background:#151925;border:1px solid #ffffff14;border-radius:10px;font-size:11px;color:#9aa3b5}
.lm-lufs-readouts b{display:block;margin-top:2px;font:600 15px 'DM Mono';color:var(--mint)}
.lm-lufs-readouts span:nth-child(n+4) b{color:#ff9a7e}
.lm-history{padding:10px 12px 8px;background:#151925;border:1px solid #ffffff14;border-radius:12px}
.lm-canvas{display:block;width:100%;height:170px}
.lm-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:11px;color:#cfd5e1}
.lm-legend span:before{content:"";display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle;border-radius:2px;background:var(--c)}
.lm-status{margin:0;min-height:1.5em;font-size:14px;color:var(--mint)}
@media(max-width:1100px){.meters-lab{grid-template-columns:1fr}.lm-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media(max-width:700px){.lm-meters{grid-template-columns:repeat(4,minmax(0,1fr))}.lm-vu{grid-column:1/-1}.lm-bar{height:170px}.lm-value{font-size:14px}}
/* isoler la mise en page de l’outil du reste de la page (mesures rafraîchies en continu) */
.meters-lab{contain:layout style}.lm-display{contain:layout paint}.lm-value,.lm-lufs-readouts b,.lm-vu-value{font-variant-numeric:tabular-nums}
.lm-fill,.lm-hold{will-change:transform}