/* Fluid EVOLVE 021 — compact controls; canvas remains visible. */
.density-lab{margin-top:1.1rem;padding:1rem;border:1px solid rgba(114,193,224,.3);
 border-radius:12px;background:rgba(7,24,38,.6);display:grid;gap:.7rem}
.density-lab h4{margin:0;color:#b4e9fb;font-size:.82rem;letter-spacing:.09em}
.density-lab p{margin:0;color:#b4c9d5;font-size:.82rem;line-height:1.5}
.density-lab label{display:grid;gap:.3rem;font-size:.84rem;line-height:1.4}
.density-lab label:first-of-type{display:flex;align-items:center;gap:.6rem}
.density-lab input[type="checkbox"]{width:1.1rem;height:1.1rem;flex:none}
.density-lab input[type="range"]{width:100%;min-height:32px;accent-color:#77cce8}
.density-lab select{width:100%;min-height:40px;color:inherit;background:#0c2434;border:1px solid #436078;border-radius:6px;padding:.45rem}
.density-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.density-readouts>div{display:grid;gap:.22rem;padding:.55rem;border:1px solid #294658;border-radius:7px;min-width:0}
.density-readouts span{font-size:.7rem;color:#a8becd}
.density-readouts b{font-size:.9rem;color:#e1f5fa;overflow-wrap:anywhere}
@media(max-width:420px){.density-lab{padding:.7rem;gap:.55rem}.density-readouts{gap:.4rem}
 .density-lab label{font-size:.8rem}.density-readouts b{font-size:.82rem}}