/* Annexe : la table de mixage */
.cs-hero-art{display:grid;place-items:center;padding:20px;border-radius:20px;background:#151925}
.cs-hero-art svg{width:100%;max-width:340px;height:auto}
.cs-hero-art .body{fill:#252b38;stroke:#4d5568;stroke-width:2}.cs-hero-art .kn{fill:#151925;stroke:#cfd5e1;stroke-width:1.5}.cs-hero-art .kn.r{stroke:#ff7048}
.cs-hero-art .tr{fill:#0d111a}.cs-hero-art .fd{fill:#e7ebf3}.cs-hero-art .fd.m{fill:#ff7048}.cs-hero-art .mst{fill:#1b202b;stroke:#ffffff22}
/* la tranche */
.cs-lab,.ly-lab{display:grid;gap:12px;margin:14px 0 18px;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.cs-lab button,.ly-lab button{padding:8px 12px;border:1px solid #ffffff1c;border-radius:9px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.cs-lab button[aria-pressed=true],.ly-lab button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.cs-seg,.ly-seg{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.ly-seg span{font-size:12.5px;color:#b7c0ce;margin-right:4px}
.cs-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px}
.cs-strip{display:grid;gap:3px;padding:8px;border-radius:10px;background:#252b38;border:1px solid #4d5568}
.cs-lab .cs-sec{display:grid;gap:4px;text-align:left;padding:7px 9px;border-radius:7px;background:#1b202b}
.cs-sec b{font-size:11.5px}.cs-mini{display:flex;flex-wrap:wrap;gap:4px;min-height:12px}
.cs-mini i{display:inline-block}.cs-mini .kn{width:12px;height:12px;border-radius:50%;border:2px solid #cfd5e1}.cs-mini .fd{width:8px;height:34px;border-radius:3px;background:linear-gradient(#0d111a 40%,#e7ebf3 40% 52%,#0d111a 52%)}
.cs-mini .sw{padding:0 4px;border-radius:3px;background:#0d111a;font:9px 'DM Mono',monospace;font-style:normal;color:#b7c0ce}
.cs-mini .pre,.cs-mini .post{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font:600 8.5px 'DM Mono',monospace;font-style:normal;color:#0d111a}
.cs-mini .pre{background:#ffb35c}.cs-mini .post{background:#8be8bd}
.cs-side{display:grid;gap:10px;align-content:start;min-width:0}
.cs-flow{width:100%;height:auto;border-radius:10px;background:#0d111a}
.cs-flow .cs-box{fill:#1b202b;stroke:#4d5568}.cs-flow .cs-box.on{fill:#1f2a40;stroke:#6f9bff;stroke-width:2}
.cs-flow .cs-l{font:700 11px Manrope,sans-serif;fill:#e7ebf3}.cs-flow .cs-l.sm{font-size:10.5px}
.cs-flow .cs-t{font:9px 'DM Mono',monospace;fill:#8f98aa}.cs-flow .cs-t.pre{fill:#ffb35c}.cs-flow .cs-t.post{fill:#8be8bd}
.cs-flow .cs-ln{fill:none;stroke:#8f98aa;stroke-width:1.6}.cs-flow .cs-ln.aux.pre{stroke:#ffb35c88;stroke-dasharray:4 3}.cs-flow .cs-ln.aux.post{stroke:#8be8bd88;stroke-dasharray:4 3}.cs-flow .cs-ln.aux.on{stroke-width:2.4;stroke-dasharray:none}
.cs-text{padding:12px 14px;border-radius:10px;background:#ffffff0a;font-size:13.5px;line-height:1.5;color:#e7ebf3}.cs-text b{font-size:14px}.cs-text p{margin:6px 0 0}
/* studio et scène */
.cs-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.cs-scenes figure{margin:0;display:grid;gap:8px}.cs-scenes svg{width:100%;height:auto}
.cs-scenes figcaption{font-size:13.5px;color:#434958}
.cs-scenes .room{fill:#151925}.cs-scenes .tt{font:700 11px 'DM Mono',monospace;letter-spacing:.1em;fill:#8be8bd}
.cs-scenes .dev rect{fill:#252b38;stroke:#4d5568}.cs-scenes .lb text{font:700 10.5px Manrope,sans-serif;fill:#fff;text-anchor:middle}.cs-scenes .lb .s{font-weight:400;font-size:9px;fill:#9da6b7}
.cs-scenes .ar path{fill:none;stroke:#6f9bff;stroke-width:2}.cs-scenes .ar .aux{stroke:#ffb35c;stroke-dasharray:5 3}.cs-scenes .ar .pa{stroke:#ff7048}
.cs-scenes .note{font:9px 'DM Mono',monospace;fill:#ffb35c}.cs-scenes .note.pa{fill:#ff9a7e}
/* couches */
.ly-top{display:grid;gap:8px}
.ly-desk{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:10px;border-radius:10px;background:#252b38}
.ly-ch{display:grid;justify-items:center;gap:6px;min-width:0;padding:6px 2px;border-radius:6px;background:#1b202b}
.ly-name{font:600 10px 'DM Mono',monospace;color:#8be8bd;text-align:center;min-height:2.4em;word-break:break-word}
.ly-track{height:150px;display:flex;justify-content:center}
.ly-track input{writing-mode:vertical-lr;direction:rtl;width:26px;height:100%;margin:0;accent-color:#e7ebf3}
.ly-ch output{font:600 10.5px 'DM Mono',monospace;color:#ffd36e}
.ly-lab .ly-status{margin:0;min-height:3em;font-size:13.5px;line-height:1.5;color:#e7ebf3}
@media(max-width:760px){.cs-body,.cs-scenes{grid-template-columns:1fr}.cs-strip{grid-template-columns:1fr 1fr}.ly-desk{grid-template-columns:repeat(4,minmax(0,1fr))}.ly-track{height:110px}}
/* router la console et la DAW */
.cr-lab{display:grid;gap:12px;margin:14px 0 18px;padding:16px;border-radius:18px;background:var(--ink);color:#fff;min-width:0}
.cr-lab button{padding:7px 11px;border:1px solid #ffffff1c;border-radius:9px;background:#1b202b;color:#e7ebf3;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.cr-lab button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.cr-lab small{font:600 10.5px 'DM Mono',monospace;letter-spacing:.06em;color:#8f98aa}
.cr-seg{display:flex;flex-wrap:wrap;gap:5px}
.cr-missions{display:grid;gap:6px}
.cr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cr-panel{display:grid;gap:10px;align-content:start;padding:12px;border-radius:12px;background:#151925;border:1px solid #4d5568;min-width:0}
.cr-panel.daw{border-color:#6f9bff55}
.cr-h{font:700 11px 'DM Mono',monospace;letter-spacing:.08em;color:#ffd36e}.cr-panel.daw .cr-h{color:#9fbcff}
.cr-row{display:grid;gap:5px}.cr-row>span{font-size:12.5px;color:#b7c0ce}.cr-row em{font:11.5px 'DM Mono',monospace;font-style:normal;color:#e7ebf3}
.cr-ch{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.cr-lab .cr-ch button{display:grid;gap:2px;justify-items:center;padding:6px 0;font-size:10px}
.cr-ch button small{color:#e7ebf3}.cr-ch button b{font:700 9px 'DM Mono',monospace}
.cr-lab .cr-ch button.pre{background:#3a2a17;border-color:#ffb35c}.cr-ch button.pre b{color:#ffb35c}
.cr-lab .cr-ch button.usb{background:#14283a;border-color:#6fc6ff}.cr-ch button.usb b{color:#6fc6ff}
.cr-flow{width:100%;height:auto;border-radius:10px;background:#0d111a}
.cr-flow .b{fill:#1b202b;stroke:#4d5568}.cr-flow .b.on{fill:#1f2a40;stroke:#6f9bff;stroke-width:2}.cr-flow .b.on.usb{stroke:#6fc6ff}
.cr-flow text{font:700 11px Manrope,sans-serif;fill:#e7ebf3}.cr-flow text.warn{fill:#ff7048;font-size:13px}
.cr-flow .l{fill:none;stroke:#3a4152;stroke-width:1.5;stroke-dasharray:4 4}.cr-flow .l.on{stroke:#8be8bd;stroke-width:2.5;stroke-dasharray:none}
.cr-out{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.cr-out>div{display:grid;gap:6px;align-content:start;padding:10px 12px;border-radius:10px;background:#151925}
.cr-out p{margin:0;display:grid;gap:6px}.cr-out p span{font-size:13.5px;line-height:1.5}
.cr-out .ok{color:#8be8bd}.cr-out .warn{color:#ffd36e}.cr-out .bad{color:#ff7048;font-weight:700}
.cr-out ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}.cr-out li{font-size:13px;line-height:1.45;color:#b7c0ce}.cr-out li.ok{color:#8be8bd}.cr-out li.done{font-weight:800;color:#8be8bd}
@media(max-width:760px){.cr-grid,.cr-out{grid-template-columns:1fr}}
.cr-flow-wrap{overflow-x:auto;border-radius:10px}.cr-flow .t{font:600 9.5px 'DM Mono',monospace;fill:#8f98aa}
@media(max-width:620px){.cr-flow{min-width:600px}}