/* Le navigateur de la DAW (projet.html#navigateur) */
.mb-win{display:grid;border-radius:12px;overflow:hidden;border:1px solid #4d5568;background:#1b202b;min-width:0}
.mb-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;background:#252b38;border-bottom:1px solid #ffffff14;font-size:12.5px;color:#b7c0ce}.mb-bar b{color:#fff}
.mx-lab .mb-play{padding:5px 10px}
.mb-beats{display:flex;gap:5px}.mb-beats i{width:10px;height:10px;border-radius:50%;background:#3a4152}.mb-beats i.on{background:#ffd36e}
.mb-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:420px}
.mb-browser{display:grid;grid-template-rows:auto auto minmax(170px,1fr) auto auto;border-right:1px solid #ffffff14;background:#151925;min-width:0}
.mb-places{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border-bottom:1px solid #ffffff10}
.mx-lab .mb-places button{padding:5px 8px;font-size:11.5px;border-radius:6px}.mx-lab .mb-places button[aria-selected=true]{background:#2a3a5c;border-color:#6f9bff;color:#fff}
.mb-tools{display:grid;gap:6px;padding:8px;border-bottom:1px solid #ffffff10}
.mb-tools input{width:100%;box-sizing:border-box;padding:6px 9px;border:1px solid #ffffff22;border-radius:7px;background:#0d111a;color:#e7ebf3;font:inherit;font-size:12.5px}
.mb-chips{display:flex;flex-wrap:wrap;gap:4px}.mx-lab .mb-chips button{padding:3px 8px;font-size:11px;border-radius:20px}
.mb-list{overflow:auto;max-height:240px;padding:4px}
.mb-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:grab;user-select:none;font-size:12.5px;color:#e7ebf3}
.mb-row:hover{background:#ffffff0d}.mb-row.sel{background:#2a3a5c}.mb-row.play b{color:#8be8bd}.mb-row.pool{cursor:pointer}.mb-row.gone{opacity:.45;text-decoration:line-through}
.mb-row:focus-visible{outline:2px solid #6f9bff;outline-offset:-2px}
.mb-row b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-row em{font:10.5px 'DM Mono',monospace;font-style:normal;color:#8f98aa;white-space:nowrap}
.mb-ico{width:12px;height:12px;border-radius:3px;background:#6f9bff}.mb-ico.shot{background:#ffb35c;border-radius:50%}.mb-ico.audio,.mb-ico.a{background:#8be8bd}.mb-ico.instr{background:#c49bff}.mb-ico.fx{background:#ff7048}
.mb-empty{margin:10px!important;font-size:12.5px!important;color:#8f98aa!important}
.mb-prev{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border-top:1px solid #ffffff10;background:#1b202b}
.mx-lab .mb-prev [data-pv]{width:34px;padding:6px 0}
.mb-tg{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#e7ebf3;cursor:pointer}.mb-tg input{accent-color:#6f9bff}
.mb-vol{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#b7c0ce}.mb-vol input{width:80px;accent-color:#e7ebf3}
.mb-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;flex:1 1 100%}.mb-steps i{height:5px;border-radius:2px;background:#2a3040}.mb-steps i:nth-child(4n+1){background:#3a4152}.mb-steps i.on{background:#8be8bd}
.mx-lab .mb-pinfo{flex:1 1 100%;margin:0!important;font-size:12px!important;color:#b7c0ce!important}.mb-pinfo b{color:#fff}
.mb-acts{display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-top:1px solid #ffffff10}.mx-lab .mb-acts button{font-size:11.5px;padding:6px 9px}.mx-lab .mb-acts button:disabled{opacity:.4;cursor:default}.mx-lab .mb-acts .danger{border-color:#ff704877;color:#ffb39e}
.mb-arr{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:8px;padding:10px;min-width:0}
.mb-tracks{display:grid;align-content:start;gap:5px;padding:8px;border-radius:9px;background:#0d111a;border:1px dashed transparent;min-height:150px}
.mb-trk{display:grid;grid-template-columns:86px minmax(0,1fr) auto auto;align-items:center;gap:6px;font-size:12px;color:#b7c0ce}
.mb-clip{padding:6px 8px;border-radius:5px;background:#2b4f45;color:#e7ebf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-clip.ins{background:#3d3160}
.mb-trk small{font:600 9.5px 'DM Mono',monospace;padding:2px 5px;border-radius:4px}.mb-trk small.ok{background:#1d3a30;color:#8be8bd}.mb-trk small.bad{background:#40211a;color:#ff9a80}
.mb-drop{padding:10px;border:1px dashed #ffffff26;border-radius:6px;text-align:center;font-size:12px;color:#8f98aa}
.mb-sampler{display:grid;gap:4px;padding:10px;border-radius:9px;background:#1f2633;border:1px dashed #ffffff26}.mb-sampler b{font:700 10.5px 'DM Mono',monospace;letter-spacing:.06em;color:#ffb35c}.mb-sampler span{font-size:12.5px;color:#e7ebf3}
.mb-dragging [data-drop]{border-color:#6f9bff88}.mb-tracks.over,.mb-sampler.over{border-color:#8be8bd;background:#14251f}
.mb-prefs{display:grid;gap:6px;padding:10px;border-radius:9px;background:#151925}.mb-prefs b{font:700 10.5px 'DM Mono',monospace;letter-spacing:.06em;color:#9fbcff}
.mb-ghost{position:fixed;z-index:9999;pointer-events:none;padding:5px 9px;border-radius:6px;background:#2a3a5c;color:#fff;font:600 12px Manrope,sans-serif;box-shadow:0 6px 18px #0008}
@media(max-width:760px){.mb-main{grid-template-columns:1fr}.mb-browser{border-right:0;border-bottom:1px solid #ffffff14}.mb-trk{grid-template-columns:70px minmax(0,1fr) auto}.mb-trk small:last-child:nth-child(4){grid-column:2/-1;justify-self:start}}
.mb-guide{display:grid;gap:8px;margin:12px 0 20px;padding-left:20px;max-width:900px}.mb-guide li{font-size:15px;line-height:1.55;color:#434958}.mb-guide b{color:#20242c}