/* L'instrument scripté (avance-echantillonnage.html#instrument-scripte) */
.se-lab{display:grid;gap:12px;margin:14px 0 18px;padding:16px;border-radius:18px;background:var(--ink);color:#fff}
.se-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.se-vel,.se-mics label{display:grid;gap:4px;font-size:12.5px;color:#cfd5e1}
.se-vel{grid-template-columns:auto auto 180px;align-items:center}
.se-vel output,.se-mics output{font:600 11.5px 'DM Mono',monospace;color:#ffd36e}
.se-lab input[type=range]{accent-color:var(--mint);width:100%}
.se-simple{display:flex;align-items:center;gap:7px;font-size:13px;color:#cfd5e1;cursor:pointer}
.se-simple input{accent-color:var(--mint);width:16px;height:16px}
.se-kb{display:flex;align-items:stretch;gap:10px;height:118px;touch-action:none;user-select:none}
.se-kss{display:flex;gap:3px}
.se-keys{position:relative;flex:1;min-width:0;padding:6px 6px 0;border-radius:10px 10px 6px 6px;background:linear-gradient(#2a3040,#151925 14px);box-shadow:inset 0 -2px 0 #0d111a}
.se-ks{flex:0 0 74px;margin-right:3px;border:1px solid #ff704888;border-radius:6px;background:#3a1f1a;color:#ffcfc4;font:700 11px Manrope,sans-serif;cursor:pointer;display:grid;align-content:end;padding:0 0 6px}
.se-ks small{font:10px 'DM Mono',monospace;color:#ff9a7e}
.se-ks[aria-pressed=true]{background:#ff7048;color:#1a0f0c}.se-ks[aria-pressed=true] small{color:#1a0f0c}
.se-lab .se-key{position:absolute;top:6px;bottom:0;margin:0;padding:0 0 6px;border:1px solid #2b303c;border-top:0;border-radius:0 0 6px 6px;background:linear-gradient(#f7f8fb 70%,#dfe3ea);box-shadow:inset 0 -5px 0 #c9ced8;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;transition:background .06s}
.se-key small{font:600 9px 'DM Mono',monospace;color:#7a8191;pointer-events:none}
.se-lab .se-key.black{z-index:2;bottom:auto;height:62%;border:1px solid #0d111a;border-top:0;border-radius:0 0 4px 4px;background:linear-gradient(#3a4050,#151925 85%,#2a3040);box-shadow:inset 0 -4px 0 #0d111a,0 2px 3px #0008}
.se-lab .se-key[aria-pressed=true]{background:linear-gradient(#cfdcff,#8aabff);box-shadow:inset 0 -2px 0 #6f8fe0}.se-lab .se-key.black[aria-pressed=true]{background:linear-gradient(#6f9bff,#3f63d8);box-shadow:inset 0 -2px 0 #2a4bb0}
.se-lab.simple .se-ks{opacity:.35;cursor:not-allowed}.se-lab.simple .se-mics{opacity:.35;pointer-events:none}
.se-mics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}
.se-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:s}
.se-steps li{counter-increment:s;display:grid;grid-template-columns:28px 150px 1fr;align-items:baseline;gap:8px;padding:7px 10px;border-radius:8px;background:#ffffff0a;font-size:13px}
.se-steps li:before{content:counter(s);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1f2a40;font:600 11px 'DM Mono',monospace;color:#8aabff}
.se-steps b{font-size:12.5px;color:#ffd36e}.se-steps span{color:#e7ebf3}
.se-files{display:grid;gap:6px;padding:10px 12px;border-radius:10px;background:#0d111a}
.se-files small{font:9.5px 'DM Mono',monospace;letter-spacing:.08em;color:#8f98aa}
.se-files div{display:flex;flex-wrap:wrap;gap:5px}
.se-files code{padding:3px 7px;border-radius:5px;background:#1762ff33;font:11px 'DM Mono',monospace;color:#cfe0ff;word-break:break-all}
.se-lab .se-bank{margin:0;font-size:13px;color:#b7c0ce}.se-lab .se-bank b{color:#fff}
.se-lab .se-status{margin:0;min-height:3em;font-size:13.5px;line-height:1.5;color:#e7ebf3}
@media(max-width:700px){.se-kb{flex-direction:column;height:auto}.se-kss{height:46px}.se-ks{flex:1 1 0;padding-bottom:4px}.se-keys{flex:none;height:96px}.se-mics{grid-template-columns:1fr}.se-steps li{grid-template-columns:24px 1fr}.se-steps li span{grid-column:2}.se-vel{grid-template-columns:auto auto 1fr;width:100%}}
.se-ram{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border-radius:10px;background:#ffffff0a}
.se-ram>div{display:grid;gap:4px;flex:1 1 240px;min-width:0}
.se-ram small{font:9.5px 'DM Mono',monospace;letter-spacing:.08em;color:#ffd36e}
.se-ram b{font:600 13px 'DM Mono',monospace;color:#fff}
.se-bar{display:block;height:8px;border-radius:4px;background:#151925;overflow:hidden}
.se-bar i{display:block;height:100%;background:linear-gradient(90deg,#8be8bd,#ffb35c);transition:width .3s}
.se-lab .se-ram 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}