/* Sound design (avance-sound-design.html) */
.sd-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;min-height:280px;padding:30px;border:1px solid #ffffff20;border-radius:25px;background:#202633}
.sd-hero span{padding:10px 12px;border-radius:9px;border:1px solid var(--c);background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);font:12px 'DM Mono'}
.sd-hero i{font-style:normal;color:#8f98aa}
.sd-hero b{flex-basis:100%;text-align:center;font:600 26px 'DM Mono';color:#fff}
.sd-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.sd-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0;padding:14px;border-radius:13px;background:#151925;color:#fff}
.sd-chain span,.sd-chain strong{padding:9px 12px;border-radius:8px;background:#252b38;font-size:13px}
.sd-chain strong{background:#3a2a55;border:1px solid #b89cff}
.sd-chain i{font-style:normal;color:var(--orange)}
.sd-links{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:6px 20px}
.sd-links a{font-weight:800;color:var(--blue);text-decoration:none}
/* Laboratoire 1 : impact */
.impact-lab,.grain-lab{max-width:1100px;margin:auto;padding:16px;border-radius:18px;background:#0d1118;border:1px solid #ffffff16}
.il-layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.il-layer{display:grid;gap:10px;padding:12px;border-radius:12px;background:#1b2130;border-top:3px solid var(--c)}
.il-on{display:flex;align-items:flex-start;gap:8px;cursor:pointer}
.il-on input{accent-color:var(--c);width:16px;height:16px;margin-top:2px;flex:0 0 auto}
.il-on b{display:block;font-size:14px;color:var(--c)}
.il-on small{font-size:11.5px;color:#aab2c2}
.il-lvl{display:grid;gap:4px;font:10px 'DM Mono';color:#8f98aa}
.il-lvl input{width:100%;accent-color:var(--c)}
.il-opts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:12px 0;font-size:13px;color:#cfd5e1}
.il-opts label{display:flex;align-items:center;gap:8px;cursor:pointer}
.il-opts input[type=checkbox]{accent-color:var(--mint);width:16px;height:16px}
.il-opts input[type=range]{width:140px;accent-color:#ff8a5c}
.il-opts output{font:12px 'DM Mono';color:#ff8a5c;min-width:44px}
.il-opts .button{margin-left:auto}
.il-view{display:block;width:100%;height:auto;border-radius:10px;background:#0b0f16}
.il-view .grid{stroke:#ffffff12}
.il-view text{font:10px 'DM Mono';fill:#6c7588}
.il-status,.gl-status{min-height:2.8em;margin:10px 2px 0;font-size:14px;color:var(--mint)}
/* Laboratoire 2 : granulateur */
.gl-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px}
.gl-presets{display:flex;flex-wrap:wrap;gap:5px}
.gl-presets button{padding:8px 12px;border:1px solid #ffffff24;border-radius:8px;background:#1b2130;color:#e7ebf3;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.gl-presets button:hover{border-color:#8be8bd}
.gl-wave canvas{display:block;width:100%;height:110px;border-radius:10px;background:#0b0f16}
.gl-ctrls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin-top:12px}
.gl-ctrls label{display:grid;gap:5px;font-size:13px;color:#cfd5e1}
.gl-ctrls label>span{display:flex;justify-content:space-between;gap:8px}
.gl-ctrls output{font:12px 'DM Mono';color:#ffd36e}
.gl-ctrls input[type=range]{width:100%;accent-color:#8be8bd}
.gl-scan{display:flex!important;align-items:center;gap:8px;cursor:pointer}
.gl-scan input{accent-color:var(--mint);width:16px;height:16px}
@media(max-width:1000px){.il-layers,.sd-four{grid-template-columns:1fr 1fr}.gl-ctrls{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.il-layers,.sd-four,.gl-ctrls{grid-template-columns:1fr}.il-opts .button{margin-left:0}}