/* Copies liées, boucle, CC qui suivent ; rattrapage des contrôleurs (midi.html) */
.mc-lab,.cx-lab{display:grid;gap:12px;margin:14px 0 18px;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.mc-lab button,.cx-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}
.mc-lab .mc-play{background:var(--mint);border-color:var(--mint);color:var(--ink);min-width:96px}
.mc-top,.cx-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.mc-top label,.cx-chase{display:flex;align-items:center;gap:7px;font-size:13px;color:#cfd5e1;cursor:pointer}
.mc-top input,.cx-chase input{accent-color:var(--mint);width:16px;height:16px}
.mc-tl{--mc-label:0px;position:relative;display:grid;gap:4px;user-select:none}
.mc-ruler{position:relative;height:16px}
.mc-ruler span{position:absolute;top:0;height:100%;border-left:1px solid #ffffff18}
.mc-ruler span.bar{border-left-color:#ffffff55;padding-left:3px;font:10px 'DM Mono',monospace;color:#b7c0ce}
.mc-lane{position:relative;height:112px;border-radius:8px;background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 5%),#151925;overflow:hidden}
.mc-clip{position:absolute;top:4px;bottom:4px;border-radius:6px;background:#6a4fd8cc;border:1px solid #b89cff;cursor:pointer;overflow:hidden}
.mc-clip.sel{box-shadow:inset 0 0 0 2px #ffd36e}
.mc-clip>span{position:absolute;left:5px;top:2px;font:600 10px 'DM Mono',monospace;white-space:nowrap;pointer-events:none}
.mc-lab .mc-note{position:absolute;height:12px;padding:0;border:0;border-radius:3px;background:#8be8bd;min-width:0}
.mc-lab .mc-note.rep{opacity:.45}
.mc-edge{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:ew-resize;background:linear-gradient(90deg,transparent,#ffffff66)}
.mc-cclane{position:relative;height:40px;border-radius:8px;background:#151925;overflow:hidden}
.mc-cclane b{position:absolute;left:5px;top:3px;z-index:1;font:600 9.5px 'DM Mono',monospace;color:#8f98aa}
.mc-cclane i{position:absolute;bottom:0;width:1.2%;margin-left:-.6%;background:#ffb35c;border-radius:2px 2px 0 0}
.mc-cclane i.rep{opacity:.45}
.mc-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffd36e;opacity:0;pointer-events:none}
.mc-lab .mc-status,.cx-lab .cx-status{margin:0;min-height:3em;font-size:13.5px;line-height:1.5;color:#e7ebf3}
.cx-from{display:grid;gap:6px}.cx-from small,.cx-state small{font:9.5px 'DM Mono',monospace;letter-spacing:.08em;color:#ffd36e}
.cx-seg{display:flex;flex-wrap:wrap;gap:5px}.cx-lab .cx-seg button{min-width:42px}
.cx-lab .cx-seg button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.cx-canvas{display:block;width:100%;height:200px;border-radius:12px;background:#0d111a}
.cx-state{display:grid;gap:6px;padding:10px 12px;border-radius:10px;background:#ffffff0a}
.cx-state div{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:#cfd5e1}
.cx-state b{margin-left:6px;font:600 13px 'DM Mono',monospace;color:#fff}.cx-state b.on{color:#ffb35c}
.mcx-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.mcx-cards article{min-width:0;padding:18px;border-radius:13px;background:#f3f5fa;border:1px solid var(--line)}
.mcx-cards small{font:9.5px 'DM Mono';letter-spacing:.06em;color:var(--blue)}
.mcx-cards h4{margin:6px 0;font-size:17px}
.mcx-cards p{margin:0;font-size:13.5px;color:#434958}
@media(max-width:700px){.mcx-cards{grid-template-columns:1fr}.cx-canvas{height:180px}}
.midi-more{margin-top:30px;scroll-margin-top:110px}.mc-title{margin:26px 0 6px;font-size:19px;scroll-margin-top:110px}