#spatial-map{width:100%;height:590px}#spatial-map canvas{display:block;width:100%;height:100%;touch-action:none}#spatial-map[hidden],#map[hidden]{display:none}.spatial-modes{position:absolute;right:16px;top:16px;display:flex;gap:4px}.spatial-modes button{width:44px;padding:8px}.spatial-modes button[aria-pressed=true]{background:#14d5cf;color:#101318;border-color:#14d5cf}.spatial-status{position:absolute;left:16px;right:16px;bottom:52px;pointer-events:none;font-size:11px;margin:0;color:#b7c3cc}.map-tools{z-index:2}@media(max-width:760px){#spatial-map{height:400px}.spatial-status{font-size:10px}}
.spatial-buildings{position:absolute;left:16px;top:70px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#111920eb;border:1px solid #3a5b67;border-radius:4px;padding:10px;color:#d3e5ec;font-size:11px;max-width:calc(100% - 32px);z-index:2}
.spatial-buildings[hidden]{display:none}
.spatial-buildings label{display:flex;gap:7px;align-items:center;white-space:nowrap}
.spatial-buildings input[type=range]{width:80px;accent-color:#14d5cf;min-height:24px;padding:0}
.spatial-buildings input[type=checkbox]{accent-color:#14d5cf;width:18px;height:18px;min-height:18px;padding:0}
.spatial-buildings a{color:#14d5cf;font-size:10px}
body[data-embed] .map-area:has(#spatial-map:not([hidden])) .preview-selection{top:auto;bottom:96px}
@media(max-width:760px){.spatial-buildings{left:8px;top:70px;gap:7px;max-width:calc(100% - 16px);padding:8px}.spatial-buildings input[type=range]{width:62px}.spatial-buildings label{font-size:11px}}
.spatial-focus{font-size:11px;min-height:32px;padding:5px 8px}