@import url("./swarm.css");
/* EVOLVE 025 scalar dynamics laboratory */
.scalar-lab{margin:28px 0;padding:22px;border:1px solid #274257;border-radius:14px;background:#101d29;color:#d8e9ef}
.scalar-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.scalar-heading h2{margin:8px 0}.scalar-heading p{max-width:800px;color:#b2c5d1}
.scalar-controls,.scalar-actions,.scalar-mapbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0}.scalar-controls label,.scalar-mapbar label{display:flex;align-items:center;gap:7px;font-size:.84rem}.scalar-controls input[type=number]{width:76px}.scalar-controls select{max-width:170px}
.scalar-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:20px}.scalar-workspace canvas{display:block;width:100%;height:auto;background:#0a1520;border:1px solid #355269;border-radius:9px}.scalar-workspace #scalar-map{aspect-ratio:8/5;touch-action:none;cursor:crosshair}
.scalar-readouts{min-width:0}.scalar-readouts h3{margin:5px 0 15px}.scalar-readouts label{display:block;margin:12px 0}.scalar-readouts input[type=range],.scalar-readouts progress{width:100%}
.scalar-actions button{min-height:36px}.scalar-lab button:focus-visible,.scalar-lab input:focus-visible,.scalar-lab canvas:focus-visible{outline:2px solid #89e5e0;outline-offset:3px}
#scalar-metrics,#scalar-status{color:#afc7d3;line-height:1.5}#scalar-state{font:700 11px monospace;color:#83e6dc;white-space:nowrap}
@media(max-width:850px){.scalar-lab{padding:12px}.scalar-workspace{grid-template-columns:1fr}.scalar-controls label{flex:1 1 130px}.scalar-actions button{flex:1 1 125px}.scalar-mapbar{gap:8px}}