/* Mixeur à quatre groupes (annexe-mixage-mastering.html#console) */
.mix-console2{max-width:1400px;margin:0 auto;padding:16px;border-radius:20px;background:#0d1118;border:1px solid #ffffff16;color:#e7ebf3;user-select:none;-webkit-user-select:none}
.mix-console2 svg{fill:currentColor}
.mix-console2 button{font:inherit;cursor:pointer}
.mxc-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px}
.mxc-play{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:10px;background:#2c9d63;color:#fff;font-size:14px!important;font-weight:800}
.mxc-play svg{width:12px;height:12px}
.mxc-play:disabled{opacity:.6}
.mxc-presets{display:flex;flex-wrap:wrap;gap:5px}
.mxc-presets button,.mxc-mono{padding:8px 12px;border:1px solid #ffffff24;border-radius:9px;background:#1b2130;color:#e7ebf3;font-size:13px!important;font-weight:700}
.mxc-presets button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.mxc-mono{margin-left:auto}
.mxc-mono[aria-pressed=true]{background:#ffd36e;border-color:#ffd36e;color:#151925}
.mxc-intent{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:baseline;margin-bottom:12px;padding:10px 14px;border-radius:12px;background:#151a24}
.mxc-intent small{font:9px 'DM Mono';letter-spacing:.06em;color:#8f98aa}
.mxc-intent b{font:12px 'DM Mono';color:#ffd36e}
.mxc-intent p{grid-column:1/-1;margin:2px 0 0;font-size:13.5px;color:#cfd5e1}
.mxc-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:stretch}
.mxc-strips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,.9fr);gap:6px}
.mxc-strip{display:grid;align-content:start;justify-items:center;gap:8px;min-width:0;padding:10px 8px;border-radius:12px;background:linear-gradient(#1f2533,#171b26);border:1px solid #ffffff10}
.mxc-strip.muted{opacity:.55}
.mxc-strip header{display:flex;align-items:center;gap:6px;width:100%;justify-content:center}
.mxc-strip header i{width:8px;height:8px;border-radius:50%;background:var(--c,#cfd5e1)}
.mxc-strip header b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxc-fader-wrap{display:flex;gap:8px;align-items:stretch;height:180px}
.mxc-meter{position:relative;width:8px;border-radius:4px;background:#0b0f16;overflow:hidden}
.mxc-meter i{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(0deg,#2c9d63 0 65%,#ffd36e 80%,#ff6b4a 96%);background-size:100% 180px;background-position:bottom}
.mxc-meter b{position:absolute;left:0;right:0;height:2px;bottom:0;background:#fff}
.mxc-meter b.over{background:#ff6b4a}
.mxc-fader{writing-mode:vertical-lr;direction:rtl;width:30px;height:180px;accent-color:var(--c);cursor:grab}
.mxc-strip>output{font:11px 'DM Mono';color:var(--c)}
.mxc-strip label{display:grid;gap:3px;width:100%;font:9px 'DM Mono';letter-spacing:.04em;color:#8f98aa}
.mxc-strip label output{float:right;color:#e7ebf3}
.mxc-strip label input{width:100%;accent-color:var(--c)}
.mxc-ms{display:flex;gap:4px}
.mxc-ms button{width:30px;height:26px;border:1px solid #ffffff24;border-radius:6px;background:#111620;color:#cfd5e1;font-size:11px!important;font-weight:800}
.mxc-ms [data-t=mute][aria-pressed=true]{background:#ff6b4a;border-color:#ff6b4a;color:#151925}
.mxc-ms [data-t=solo][aria-pressed=true]{background:#ffd36e;border-color:#ffd36e;color:#151925}
.mxc-master{background:linear-gradient(#262d3d,#1b2130)}
.mxc-master .mxc-meter{width:12px}
.mxc-master dl{display:grid;grid-template-columns:auto auto;gap:3px 8px;margin:0;font-size:11px}
.mxc-master dt{font:9px 'DM Mono';color:#8f98aa;letter-spacing:.04em}
.mxc-master dd{margin:0;font:11px 'DM Mono';text-align:right}
.mxc-stage{margin:0;display:grid;gap:6px;padding:10px;border-radius:14px;background:#111620}
.mxc-stage svg{display:block;width:100%;height:auto}
.mxc-stage .floor{fill:#1a2030;stroke:#ffffff14}
.mxc-stage .mid{stroke:#ffffff10;stroke-dasharray:3 5}
.mxc-stage text{font:8px 'DM Mono';fill:#6c7588;letter-spacing:.05em}
.mxc-stage .bub text{font:600 10px Manrope,system-ui,sans-serif;fill:#e7ebf3;letter-spacing:0}
.mxc-stage .bub.off{opacity:.35}
.mxc-stage figcaption{font-size:12px;color:#8f98aa}
.mxc-status{min-height:2.8em;margin:12px 2px 0;font-size:14px;color:var(--mint)}
@media(max-width:1100px){.mxc-main{grid-template-columns:1fr}}
@media(max-width:640px){.mxc-strips{grid-template-columns:repeat(3,minmax(0,1fr))}.mxc-fader-wrap{height:140px}.mxc-fader{height:140px}.mxc-mono{margin-left:0}.mxc-intent{grid-template-columns:1fr}}