html,body,#app{height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
#app{display:flex}
#map{flex:1;height:100vh}
#sidebar{width:320px;padding:12px;box-shadow: -2px 0 6px rgba(0,0,0,0.15);background:#fff;overflow:auto}
.control{margin:8px 0}
#stats{margin-top:8px;font-size:14px}
#legend{margin-top:8px}
.legend-item{display:flex;align-items:center;margin:4px 0}
.legend-swatch{width:18px;height:18px;margin-right:8px;border-radius:4px;border:1px solid #333}
button{padding:6px 10px}
select{width:100%;padding:6px}