/* Masquage à niveau égal */
.mk-lab{max-width:1150px;margin:18px auto;padding:16px;border-radius:18px;background:#0d1118;border:1px solid #ffffff16;color:#e7ebf3}
.mk-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:12px}
.mk-top [role=group]{display:flex;flex-wrap:wrap;gap:5px}
.mk-top [role=group] 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}
.mk-top [role=group] button[aria-pressed=true]{background:#3a2a1c;border-color:#ffb35c}
.mk-play{padding:9px 16px;border:1px solid #8be8bd;border-radius:9px;background:#16382c;color:#bff3da;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.mk-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px}
.mk-spec{display:block;width:100%;height:300px;border-radius:12px;background:#0d111a}
.mk-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 2px 0;font-size:12px;color:#aab2c2}
.mk-legend span:before{content:"";display:inline-block;width:14px;height:4px;margin-right:6px;vertical-align:2px;border-radius:2px}
.mk-legend .v:before{background:#8aabff}.mk-legend .n:before{background:#ffb35c}.mk-legend .o:before{height:10px;vertical-align:-1px;background:#ff4d6d88}
.mk-side{display:grid;align-content:start;gap:10px}
.mk-side label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#cfd5e1}
.mk-side output{float:right;font:12px 'DM Mono',monospace;color:#8aabff}
.mk-side input[type=range]{width:100%;accent-color:#8aabff}
.mk-mark{padding:11px 12px;border:0;border-radius:10px;background:#ff4d6d;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.mk-same{margin:0;padding:10px 12px;border-radius:9px;background:#1b2130;font-size:12.5px;color:#cfd5e1}
.mk-table{width:100%;border-collapse:collapse;font-size:12.5px}
.mk-table th,.mk-table td{padding:6px 8px;border-bottom:1px solid #ffffff12;text-align:left;color:#cfd5e1}
.mk-table th{font:9px 'DM Mono',monospace;letter-spacing:.05em;color:#8f98aa}
.mk-table td:last-child{font-family:'DM Mono',monospace;text-align:right;white-space:nowrap}
.mk-table tr.on td{color:#ffd36e}
.mk-reset{justify-self:start;padding:6px 10px;border:1px solid #ffffff24;border-radius:7px;background:none;color:#aab2c2;font:inherit;font-size:12px;cursor:pointer}
.mk-status{min-height:2.8em;margin:12px 2px 0;font-size:14px;color:var(--mint)}
@media(max-width:900px){.mk-grid{grid-template-columns:1fr}}
/* Deux situations et « Dans la DAW » */
.mk-scen{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #ffffff14}
.mk-scen button{padding:9px 14px;border:1px solid #ffffff24;border-radius:10px;background:#151a24;color:#e7ebf3;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.mk-scen button[aria-pressed=true]{background:#e7ebf3;color:#151925}
.mk-legend .k{margin-left:auto;font-family:'DM Mono',monospace;font-size:11px;color:#6c7588}
.mk-legend .k:before{display:none}
.mk-how{margin-top:10px;padding:12px 14px;border-left:3px solid #8be8bd;border-radius:4px 10px 10px 4px;background:#151a24}
.mk-how small{font:9px 'DM Mono',monospace;letter-spacing:.06em;color:#8be8bd}
.mk-how p{margin:4px 0 0;font-size:13.5px;line-height:1.55;color:#cfd5e1}
.mk-how a{color:#9cc1ff}
.mk-intro{max-width:1150px;margin:36px auto 0}
.mk-intro h3{margin:6px 0 8px;font-size:clamp(24px,3vw,34px);letter-spacing:-.02em}
.mk-intro p:not(.eyebrow){max-width:880px;margin:0;font-size:16px;color:#434958}
.mk-time{display:none;width:100%;height:140px;margin-top:8px;border-radius:12px;background:#0d111a}
.mk-time.on{display:block}
.mk-legend .t{color:#ffffff99}