/* Modes de montage (logiciels.html#modes-de-montage) */
.daw-edit-modes-section{scroll-margin-top:110px}
.em-names{font-size:14px;color:#434958}
.em-lab{display:grid;gap:10px;margin:16px 0;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.em-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}
.em-lab button[aria-pressed=true]{background:#1f2a40;border-color:#6f9bff}
.em-lab button:disabled{opacity:.4;cursor:default}
.em-lab .em-play{background:var(--mint);border-color:var(--mint);color:var(--ink);min-width:96px}
.em-top,.em-opts,.em-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.em-opts:empty{display:none}
.em-seg{display:flex;flex-wrap:wrap;gap:5px}
.em-seg small{display:block;font:500 10px 'DM Mono',monospace;color:#8f98aa}
.em-tl{--em-label:96px;position:relative;padding:4px 0;user-select:none}
.em-ruler{position:relative;height:18px;margin-left:var(--em-label)}
.em-ruler span{position:absolute;top:0;height:100%;border-left:1px solid #ffffff18}
.em-ruler span.bar{border-left-color:#ffffff55;padding-left:4px;font:10px 'DM Mono',monospace;color:#b7c0ce}
.em-track{display:grid;grid-template-columns:var(--em-label) 1fr;align-items:stretch;margin-top:4px}
.em-track>b{display:grid;align-content:center;padding-right:8px;font-size:13px}
.em-track>b small{font:400 10px 'DM Mono',monospace;color:#8f98aa}
.em-lane{position:relative;height:60px;border-radius:8px;background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 6.25%),#151925;overflow:hidden}
.em-track.voice .em-lane{height:76px;touch-action:none}
.em-ref{position:absolute;top:6px;bottom:6px;padding:0 1px}
.em-ref i{display:block;height:100%;border-radius:6px;background:repeating-linear-gradient(90deg,#8f98aa55 0 3px,transparent 3px 12.5%),#2a3140;border:1px solid #ffffff22}
.em-grid i{position:absolute;top:0;bottom:0;width:1px;background:#8be8bd55}
.em-clip{position:absolute;top:6px;bottom:6px;border-radius:6px;background:#1762ffcc;border:1px solid #8aabff;cursor:grab;overflow:hidden;outline:none}
.em-clip.off{background:#b86b1fcc;border-color:#ffb35c}
.em-clip.sel{box-shadow:0 0 0 2px #ffd36e;z-index:2}
.em-clip:focus-visible{box-shadow:0 0 0 2px #fff}
.em-clip span{position:absolute;left:5px;top:3px;font-size:10.5px;font-weight:700;white-space:nowrap;pointer-events:none}
.em-clip i{position:absolute;height:4px;border-radius:2px;background:#fff;pointer-events:none}
.em-edge{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:ew-resize;background:linear-gradient(90deg,transparent,#ffffff55)}
.em-head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#ffd36e;opacity:0;pointer-events:none}
.em-actions span{font-size:12.5px;color:#b7c0ce}
.em-spot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px;border-radius:10px;background:#ffffff0a;font-size:13px}
.em-spot[hidden]{display:none}
.em-spot input{width:70px;padding:6px;border-radius:7px;border:1px solid #ffffff33;background:#10141d;color:#fff;font:inherit}
.em-lab .em-status{margin:0;min-height:3em;font-size:13.5px;line-height:1.5;color:#e7ebf3}
.em-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font:11px 'DM Mono',monospace;color:#b7c0ce}
.em-legend span:before{content:"";display:inline-block;width:12px;height:10px;margin-right:6px;vertical-align:-1px;border-radius:3px}
.em-legend .on:before{background:#1762ff}.em-legend .off:before{background:#b86b1f}
@media(max-width:600px){.em-tl{--em-label:58px}.em-track>b{font-size:11.5px}.em-clip span{font-size:9px}}
.daw-routing-points.em-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.daw-routing-points.em-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.daw-routing-points.em-cards{grid-template-columns:1fr}.em-track>b small{display:none}}
.daw-routing-points.em-cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.em-ref.live i{border-color:#ffb35c;background:repeating-linear-gradient(90deg,#ffb35c55 0 3px,transparent 3px 12.5%),#3a2f22}
@media(max-width:1100px){.daw-routing-points.em-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.daw-routing-points.em-cards{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.daw-routing-points.em-cards{grid-template-columns:1fr}}