@kerros/viewer 0.0.0-stage → 0.1.0-rc.1

package/dist/styles.css

@@ -0,0 +1,4931 @@
+.maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0);-webkit-touch-callout:none}.maplibregl-canvas{position:absolute;left:0;top:0}.maplibregl-map:fullscreen{width:100%;height:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2}.maplibregl-ctrl-top-left{top:0;left:0}.maplibregl-ctrl-top-right{top:0;right:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{right:0;bottom:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{margin:10px 0 0 10px;float:left}.maplibregl-ctrl-top-right .maplibregl-ctrl{margin:10px 10px 0 0;float:right}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{margin:0 0 10px 10px;float:left}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin:0 10px 10px 0;float:right}.maplibregl-ctrl-group{border-radius:4px;background:#fff}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}.maplibregl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer}.maplibregl-ctrl button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%}@media(forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid buttontext}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media(hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}}.maplibregl-ctrl button:not(:disabled):active{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23333'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23333'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E %3C/svg%3E")}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23fff'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23fff'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E %3C/svg%3E")}}@media(forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23000'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23000'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E %3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23333'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E %3C/svg%3E")}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23fff'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23fff'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E %3C/svg%3E")}}@media(forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23000'%3E %3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23000'%3E %3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E %3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23333'%3E %3Cpath d='m10.5 14 4-8 4 8z'/%3E %3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E %3C/svg%3E")}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23fff'%3E %3Cpath d='m10.5 14 4-8 4 8z'/%3E %3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E %3C/svg%3E")}}@media(forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29' fill='%23000'%3E %3Cpath d='m10.5 14 4-8 4 8z'/%3E %3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E %3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22' stroke='%23333'%3E %3Ccircle cx='11' cy='11' r='8.5'/%3E %3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E %3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517-.195 0-.461-.118-.775-.517-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11c0-2.447.331-4.64.853-6.206.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517.195 0 .461.118.775.517.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E %3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.333 1.333 0 0 1-.224-.138c.047-.038.12-.085.224-.138.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5c1.909 0 3.622.166 4.845.428.616.132 1.08.283 1.379.434.105.053.177.1.224.138-.047.038-.12.085-.224.138-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.33 1.33 0 0 1-.224-.138 1.33 1.33 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5c1.909 0 3.622.166 4.845.428.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.33 1.33 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.465 1.465 0 0 1-.39-.272.293.293 0 0 1-.047-.064.293.293 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.33.33 0 0 1 .047.064.293.293 0 0 1-.048.064 1.435 1.435 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002-.002Zm0 .018v.002-.002Zm17.002.002v-.002.002Zm0-.018v-.002.002Z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22' stroke='%2333b5e5'%3E %3Ccircle cx='11' cy='11' r='8.5'/%3E %3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E %3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517-.195 0-.461-.118-.775-.517-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11c0-2.447.331-4.64.853-6.206.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517.195 0 .461.118.775.517.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E %3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.333 1.333 0 0 1-.224-.138c.047-.038.12-.085.224-.138.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5c1.909 0 3.622.166 4.845.428.616.132 1.08.283 1.379.434.105.053.177.1.224.138-.047.038-.12.085-.224.138-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.33 1.33 0 0 1-.224-.138 1.33 1.33 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5c1.909 0 3.622.166 4.845.428.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.33 1.33 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.465 1.465 0 0 1-.39-.272.293.293 0 0 1-.047-.064.293.293 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.33.33 0 0 1 .047.064.293.293 0 0 1-.048.064 1.435 1.435 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002-.002Zm0 .018v.002-.002Zm17.002.002v-.002.002Zm0-.018v-.002.002Z'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='%23333'%3E %3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='%2333b5e5'%3E %3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23333'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23aaa'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' fill='%23f00'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media(forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23fff'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23999'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' fill='%23f00'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23e58978'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%2333b5e5'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23e54e33'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}}@media(forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23000'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' display='none'/%3E %3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20' fill='%23666'%3E %3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E %3Ccircle id='dot' cx='10' cy='10' r='2'/%3E %3Cpath id='stroke' d='m14 5 1 1-9 9-1-1z' fill='%23f00'/%3E %3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{width:88px;height:23px;margin:0 0 -4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E %3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E %3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E %3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E %3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E %3Cg style='stroke-width:1.12603545'%3E %3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E %3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E %3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E %3C/g%3E %3C/svg%3E")}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media(forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E %3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E %3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E %3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E %3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E %3Cg style='stroke-width:1.12603545'%3E %3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E %3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E %3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E %3C/g%3E %3C/svg%3E")}}@media(forced-colors:active) and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E %3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E %3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E %3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E %3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E %3Cg style='stroke-width:1.12603545'%3E %3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E %3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E %3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E %3C/g%3E %3C/svg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{min-height:20px;padding:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;color:#000;border-radius:12px;box-sizing:content-box}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 8px 2px 28px;border-radius:12px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{display:none;cursor:pointer;position:absolute;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{top:0;right:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{top:0;left:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20' fill='%23fff'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E")}}.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);font-size:10px;white-space:nowrap;border-color:#333;border-style:none solid solid;border-width:medium 2px 2px;padding:0 5px;color:#333;box-sizing:border-box}.maplibregl-popup{position:absolute;top:0;left:0;display:flex;will-change:transform;pointer-events:none}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right,[dir=rtl] .maplibregl-popup-anchor-left{flex-direction:row-reverse}.maplibregl-popup-tip{width:0;height:0;border:10px solid transparent;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-top:none;border-bottom-color:#fff}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-top:none;border-left:none;border-bottom-color:#fff}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-top:none;border-right:none;border-bottom-color:#fff}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-right:none;border-left-color:#fff}[dir=rtl] .maplibregl-popup-anchor-right{flex-direction:row}[dir=rtl] .maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-start}[dir=rtl] .maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-end}[dir=rtl] .maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-start}.maplibregl-popup-close-button{position:absolute;right:0;top:0;border:0;border-radius:0 3px 0 0;cursor:pointer;background-color:transparent}.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.maplibregl-popup-content{position:relative;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{position:absolute;top:0;left:0;will-change:transform;transition:opacity .2s}.maplibregl-marker-draggable{cursor:grab}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;width:15px;height:15px;border-radius:50%}.maplibregl-user-location-dot:before{content:"";position:absolute;animation:maplibregl-user-location-dot-pulse 2s infinite}.maplibregl-user-location-dot:after{border-radius:50%;border:2px solid #fff;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px;box-sizing:border-box;box-shadow:0 0 3px rgba(0,0,0,.35)}@media(prefers-reduced-motion:reduce){.maplibregl-user-location-dot:before{animation:none}}@keyframes maplibregl-user-location-dot-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:0}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;width:1px;height:1px;border-radius:100%}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{position:absolute;top:0;left:0;width:0;height:0;background:#fff;border:2px dotted #202020;opacity:.5}.maplibregl-cooperative-gesture-screen{background:rgba(0,0,0,.4);position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#fff;padding:1rem;font-size:1.4em;line-height:1.2;opacity:0;pointer-events:none;transition:opacity 1s 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media(hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:99999}/* Kerros — single stylesheet for the planner, viewer and home shell.
+   Tokens first; components follow the DOM order of SitePlanner.tsx. */
+:root {
+  --bg: #f7f7fa;
+  --panel: #ffffff;
+  --panel-soft: #f4f5f9;
+  --ink: #191b33;
+  --ink-soft: #4e5169;
+  --ink-faint: #8a8da3;
+  --line: #e6e7ef;
+  --line-strong: #d2d4e0;
+  --accent: #6259e8;
+  --accent-ink: #4a43c4;
+  --accent-soft: #edebfc;
+  --accent-selection: #c8c4f5;
+  --ok: #2e9e6b;
+  --alarm: #e0524e;
+  --alarm-soft: #fdecea;
+  --warning: #e39d3b;
+  --warning-soft: #fbf1de;
+  --unknown: #9a9daf;
+  --shadow-sm: 0 1px 2px rgba(24, 30, 27, 0.06);
+  --shadow-md: 0 4px 16px rgba(24, 30, 27, 0.09);
+  --shadow-lg: 0 12px 40px rgba(24, 30, 27, 0.14);
+  --radius: 12px;
+  --radius-lg: 16px;
+  --font:
+    "Avenir Next", "Segoe UI Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+    sans-serif;
+  --font-display: var(--font);
+}
+/* Resets are scoped to .kerros-root (the wrapper KerrosThemeProvider and the FloorViewer/FloorEditor
+   roots render) so embedding a component in a host page never restyles the host's own elements. The
+   full-page html/body reset is the app's concern, not the library's.
+
+   The scope sits inside :where() so it adds no specificity. That is the whole point: a reset has to
+   LOSE to the component rules layered over it. Written plainly, `.kerros-root button` scores (0,1,1)
+   and so beats every single-class rule — `.home-card`, `.back-link`, `.stack-button` — silently
+   flattening the padding they ask for. :where() keeps the namespacing and restores the (0,0,1) of the
+   bare element reset these rules were written against. */
+:where(.kerros-root, .kerros-root *),
+:where(.kerros-root, .kerros-root *)::before,
+:where(.kerros-root, .kerros-root *)::after {
+  box-sizing: border-box;
+}
+/* .kerros-root is a SCOPE, never a box. It marks "library UI lives in here" so the resets above and
+   the design tokens have something to hang off, and every entry point renders it — the theme provider,
+   FloorViewer and SitePlanner alike — because the resets have to work whether or not a host wrapped
+   anything in a provider. Nesting them (a provider around a viewer) is therefore normal and harmless:
+   the resets are idempotent and the tokens inherit inwards.
+
+   What an element does in LAYOUT is a separate class, so that the two can never be confused for one
+   another: .kerros-passthrough for the provider, .kerros-surface for the viewer, .app-shell for the
+   editor. Keeping those here rather than in inline styles also means a host can restyle them. */
+.kerros-root {
+  color: var(--ink);
+  font: 14px / 1.45 var(--font);
+  -webkit-font-smoothing: antialiased;
+}
+/* The provider contributes tokens and context, not geometry — display:contents keeps its wrapper out
+   of layout entirely, so children flex/grid against the host's own container as if it weren't there. */
+.kerros-passthrough {
+  display: contents;
+}
+/* A viewer fills whatever the host gives it, and is the positioning context for the map's overlays. */
+.kerros-surface {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+:where(.kerros-root) :is(h1, h2, h3, p) {
+  margin: 0;
+}
+:where(.kerros-root) button {
+  font: inherit;
+  color: inherit;
+  background: none;
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+}
+:where(.kerros-root) button:disabled {
+  cursor: default;
+  opacity: 0.45;
+}
+:where(.kerros-root) :is(input, select) {
+  font: inherit;
+  color: inherit;
+}
+:where(.kerros-root) kbd {
+  font: 11px / 1 var(--font);
+  background: var(--panel);
+  border: 1px solid var(--line-strong);
+  border-bottom-width: 2px;
+  border-radius: 5px;
+  padding: 3px 6px;
+  color: var(--ink-soft);
+}
+:where(.kerros-root) ::selection {
+  background: var(--accent-selection);
+}
+
+/* ---------- shared atoms ---------- */
+.eyebrow {
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  color: var(--accent-ink);
+}
+.helper {
+  font-size: 12px;
+  color: var(--ink-faint);
+  line-height: 1.5;
+}
+.helper.padded {
+  padding: 10px 14px;
+}
+.icon-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 8px;
+  color: var(--ink-soft);
+  flex: none;
+}
+.icon-button:hover {
+  background: rgba(25, 27, 51, 0.07);
+  color: var(--ink);
+}
+.text-button {
+  color: var(--accent-ink);
+  font-size: 12.5px;
+  font-weight: 600;
+  padding: 4px 0;
+}
+.text-button:hover {
+  text-decoration: underline;
+}
+.button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  border-radius: 999px;
+  padding: 9px 16px;
+  font-weight: 600;
+  font-size: 13.5px;
+  transition:
+    background 0.15s,
+    box-shadow 0.15s;
+}
+.button.small {
+  padding: 6px 12px;
+  font-size: 12.5px;
+}
+.button.full {
+  width: 100%;
+}
+.button.primary {
+  background: var(--accent);
+  color: #fff;
+  box-shadow: var(--shadow-sm);
+}
+.button.primary:hover:not(:disabled) {
+  background: var(--accent-ink);
+}
+.button.secondary {
+  background: var(--panel);
+  border: 1px solid var(--line-strong);
+  color: var(--ink);
+}
+.button.secondary:hover:not(:disabled) {
+  border-color: var(--accent);
+  color: var(--accent-ink);
+}
+.button.danger {
+  background: var(--alarm);
+  color: #fff;
+}
+.button.danger:hover {
+  background: #b93a3a;
+}
+.button.danger-quiet {
+  color: var(--alarm);
+}
+.button.danger-quiet:hover {
+  background: var(--alarm-soft);
+}
+.status-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--unknown);
+  flex: none;
+}
+.status-dot.normal {
+  background: var(--ok);
+}
+.status-dot.warning {
+  background: var(--warning);
+}
+.status-dot.critical {
+  background: var(--alarm);
+  animation: pulse 1.4s ease-in-out infinite;
+}
+.status-dot.unknown {
+  background: var(--unknown);
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.45;
+  }
+}
+.live-pip {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--ok);
+  display: inline-block;
+  animation: pulse 2s ease-in-out infinite;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  margin: 10px 0;
+}
+.field > span {
+  font-size: 11.5px;
+  font-weight: 600;
+  color: var(--ink-soft);
+}
+.field input,
+.field select,
+.input-wrap input {
+  width: 100%;
+  background: var(--panel-soft);
+  border: 1px solid var(--line-strong);
+  border-radius: 8px;
+  padding: 8px 10px;
+  outline: none;
+  transition: border-color 0.15s;
+}
+.field input:focus,
+.field select:focus,
+.input-wrap input:focus {
+  border-color: var(--accent);
+  background: #fff;
+}
+.field input[type="color"] {
+  padding: 3px;
+  height: 36px;
+}
+.field input[type="range"] {
+  padding: 0;
+  border: 0;
+  background: none;
+  accent-color: var(--accent);
+}
+.input-wrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.input-wrap em {
+  position: absolute;
+  right: 10px;
+  font-style: normal;
+  font-size: 12px;
+  color: var(--ink-faint);
+  pointer-events: none;
+}
+.field-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0 10px;
+}
+.form-error {
+  color: var(--alarm);
+  font-size: 12.5px;
+  background: var(--alarm-soft);
+  border-radius: 8px;
+  padding: 9px 12px;
+  margin: 10px 0 0;
+}
+.check-row {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 7px 2px;
+  font-size: 13px;
+  cursor: pointer;
+}
+.check-row input {
+  accent-color: var(--accent);
+  width: 15px;
+  height: 15px;
+}
+.check-row span {
+  margin-left: auto;
+  color: var(--ink-faint);
+  font-size: 12px;
+}
+.toggle-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  padding: 9px 0;
+  text-align: left;
+  font-size: 13px;
+  font-weight: 500;
+}
+.toggle-row small {
+  display: block;
+  color: var(--ink-faint);
+  font-weight: 400;
+  font-size: 11.5px;
+}
+.choice-row {
+  display: block;
+}
+.lamp-note {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+}
+.lamp-note i {
+  flex: none;
+  width: 11px;
+  height: 11px;
+  border-radius: 50%;
+  box-shadow: inset 0 0 0 1px rgba(16, 20, 34, 0.18);
+}
+.choice-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.choice-row small {
+  display: block;
+  margin-top: 3px;
+  color: var(--ink-faint);
+  font-weight: 400;
+  font-size: 11.5px;
+}
+.choice {
+  display: flex;
+  flex: none;
+  gap: 2px;
+  padding: 2px;
+  border-radius: 8px;
+  background: var(--surface-sunken, rgba(0, 0, 0, 0.05));
+}
+.choice button {
+  padding: 3px 8px;
+  border-radius: 6px;
+  font-size: 11.5px;
+  font-weight: 500;
+  color: var(--ink-faint);
+}
+.choice button.active {
+  background: var(--surface);
+  color: var(--ink);
+  box-shadow: 0 1px 2px rgba(16, 20, 34, 0.14);
+}
+.toggle {
+  width: 34px;
+  height: 20px;
+  border-radius: 10px;
+  background: var(--line-strong);
+  position: relative;
+  transition: background 0.15s;
+  flex: none;
+}
+.toggle::after {
+  content: "";
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: var(--shadow-sm);
+  transition: left 0.15s;
+}
+.toggle.on {
+  background: var(--accent);
+}
+.toggle.on::after {
+  left: 16px;
+}
+
+/* ---------- brand & app frame ---------- */
+.brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 9px;
+  color: var(--ink);
+  text-decoration: none;
+}
+.brand-mark {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border-radius: 10px;
+  background: linear-gradient(135deg, var(--accent) 0%, #3b37a8 100%);
+  color: #fff;
+  box-shadow: var(--shadow-sm);
+}
+.brand strong {
+  font-size: 16.5px;
+  letter-spacing: -0.01em;
+}
+.brand strong i {
+  font-style: normal;
+  font-size: 9px;
+  vertical-align: super;
+  color: var(--ink-faint);
+}
+.brand-divider {
+  width: 1px;
+  height: 18px;
+  background: var(--line-strong);
+}
+.brand-product {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--ink-soft);
+}
+.avatar,
+.workspace-avatar {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: #23264a;
+  color: #d9d7fb;
+  font-size: 11.5px;
+  font-weight: 700;
+  flex: none;
+}
+.app-shell {
+  height: 100vh;
+  height: 100dvh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  /* Paints its own surface — the library no longer relies on a full-page body background. */
+  background: var(--bg);
+}
+.app-header {
+  height: 58px;
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 0 18px;
+  background: var(--panel);
+  border-bottom: 1px solid var(--line);
+  z-index: 40;
+}
+.mode-switch {
+  display: flex;
+  gap: 2px;
+  background: var(--bg);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 3px;
+  margin: 0 auto;
+}
+.mode-switch button {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  padding: 7px 16px;
+  border-radius: 7px;
+  font-weight: 600;
+  font-size: 13px;
+  color: var(--ink-soft);
+}
+.mode-switch button.active {
+  background: var(--panel);
+  color: var(--ink);
+  box-shadow: var(--shadow-sm);
+}
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.save-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  font-size: 12px;
+  color: var(--ink-faint);
+}
+.save-status > span {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--ok);
+}
+.save-status.saving > span {
+  background: var(--warning);
+  animation: pulse 1s infinite;
+}
+.save-status.error {
+  color: var(--alarm);
+}
+.save-status.error > span {
+  background: var(--alarm);
+}
+.workspace {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+}
+
+/* ---------- sidebar ---------- */
+.sidebar {
+  width: 296px;
+  flex: none;
+  background: var(--panel);
+  border-right: 1px solid var(--line);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.back-link {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 12px 18px 4px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--ink-faint);
+}
+.back-link:hover {
+  color: var(--accent-ink);
+}
+.site-card {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  padding: 10px 18px;
+}
+.site-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  border-radius: 12px;
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+  flex: none;
+}
+.site-card h1 {
+  font-size: 15.5px;
+  letter-spacing: -0.01em;
+}
+.site-card > div > span {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11.5px;
+  color: var(--ink-faint);
+}
+.site-card .icon-button {
+  margin-left: auto;
+}
+.site-badge {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  margin: 4px 18px 8px;
+  padding: 6px 10px;
+  border-radius: 8px;
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  color: var(--accent-ink);
+}
+.site-badge > span:first-child {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--accent);
+}
+.badge-right {
+  margin-left: auto;
+  color: var(--ink-faint);
+  letter-spacing: 0.02em;
+  font-weight: 600;
+}
+.sidebar-tabs {
+  display: flex;
+  gap: 18px;
+  padding: 0 18px;
+  border-bottom: 1px solid var(--line);
+}
+.sidebar-tabs button {
+  padding: 9px 2px 10px;
+  font-weight: 600;
+  font-size: 13px;
+  color: var(--ink-faint);
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.sidebar-tabs button.active {
+  color: var(--ink);
+  border-bottom-color: var(--accent);
+}
+.sidebar-tabs button span {
+  background: var(--bg);
+  border-radius: 9px;
+  font-size: 10.5px;
+  padding: 1px 7px;
+  color: var(--ink-soft);
+}
+.sidebar-scroll {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px 12px 16px;
+  min-height: 0;
+}
+.section-label {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 6px 6px;
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  color: var(--ink-faint);
+  text-transform: uppercase;
+}
+.section-label span {
+  font-weight: 600;
+}
+.drawings-heading {
+  margin-top: 14px;
+  border-top: 1px solid var(--line);
+  padding-top: 14px;
+}
+.floor-item,
+.drawing-item,
+.object-row {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  width: 100%;
+  padding: 8px 10px;
+  border-radius: var(--radius);
+  text-align: left;
+  color: var(--ink-soft);
+}
+.floor-item:hover,
+.drawing-item:hover,
+.object-row:hover {
+  background: var(--panel-soft);
+  color: var(--ink);
+}
+.floor-item.active,
+.drawing-item.active,
+.object-row.active {
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+}
+.floor-item > span:not(.floor-number):not(.active-floor-dot),
+.drawing-item > span,
+.object-row > span:first-of-type {
+  flex: 1;
+  min-width: 0;
+  font-weight: 600;
+  font-size: 13px;
+}
+.floor-item small,
+.drawing-item small,
+.object-row small {
+  display: block;
+  font-weight: 400;
+  font-size: 11px;
+  color: var(--ink-faint);
+}
+.floor-number {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border-radius: 8px;
+  background: var(--bg);
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--ink-soft);
+  flex: none;
+}
+.floor-item.active .floor-number {
+  background: #fff;
+  color: var(--accent-ink);
+}
+.active-floor-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--accent);
+  flex: none;
+}
+.floor-alarm {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--alarm);
+  box-shadow: 0 0 0 3px var(--alarm-soft);
+  flex: none;
+  animation: pulse 1.4s ease-in-out infinite;
+}
+.dark .floor-alarm {
+  box-shadow: 0 0 0 3px rgba(224, 82, 78, 0.25);
+}
+.floor-item.outdoor {
+  margin-bottom: 4px;
+}
+.building-group {
+  margin: 2px 0;
+}
+.building-label {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 7px;
+  padding: 8px 6px 4px;
+  font-size: 11.5px;
+  font-weight: 700;
+  color: var(--ink-soft);
+  border-radius: 7px;
+  text-align: left;
+}
+.building-label:hover {
+  color: var(--ink);
+  background: var(--panel-soft);
+}
+.building-label svg:last-child {
+  margin-left: auto;
+  color: var(--ink-faint);
+}
+.building-count {
+  font-size: 10px;
+  font-weight: 600;
+  color: var(--ink-faint);
+  background: var(--panel-soft);
+  border-radius: 99px;
+  padding: 1px 7px;
+}
+.duplicate-floor {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: 100%;
+  padding: 8px 10px;
+  margin-top: 2px;
+  border-radius: var(--radius);
+  border: 1px dashed var(--line-strong);
+  color: var(--ink-faint);
+  font-size: 12px;
+  font-weight: 600;
+  justify-content: center;
+}
+.duplicate-floor:hover {
+  border-color: var(--accent);
+  color: var(--accent-ink);
+}
+.empty-drawings {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  width: 100%;
+  padding: 22px 14px;
+  border: 1.5px dashed var(--line-strong);
+  border-radius: var(--radius-lg);
+  color: var(--ink-faint);
+  text-align: center;
+}
+.empty-drawings:hover {
+  border-color: var(--accent);
+  color: var(--accent-ink);
+  background: var(--panel-soft);
+}
+.empty-drawings div {
+  display: flex;
+  align-items: flex-start;
+  gap: 2px;
+  color: var(--accent-ink);
+  margin-bottom: 4px;
+}
+.empty-drawings strong {
+  font-size: 13px;
+  color: var(--ink);
+}
+.empty-drawings span {
+  font-size: 12px;
+}
+.empty-drawings small {
+  font-size: 10.5px;
+  letter-spacing: 0.06em;
+}
+.object-search {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 2px 4px 8px;
+  padding: 8px 11px;
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  color: var(--ink-faint);
+}
+.object-search input {
+  flex: 1;
+  border: 0;
+  background: none;
+  outline: none;
+  min-width: 0;
+}
+.sidebar-footer {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 12px 18px;
+  border-top: 1px solid var(--line);
+  color: var(--ink-faint);
+}
+.sidebar-footer > div {
+  flex: 1;
+  line-height: 1.25;
+}
+.sidebar-footer strong {
+  display: block;
+  font-size: 12.5px;
+  color: var(--ink);
+}
+.sidebar-footer small {
+  font-size: 11px;
+}
+
+/* ---------- canvas column ---------- */
+.canvas-column {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+.canvas-header {
+  height: 46px;
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  background: var(--panel);
+  border-bottom: 1px solid var(--line);
+}
+.canvas-header > div:last-child {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.breadcrumb {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 13px;
+  color: var(--ink-faint);
+}
+.breadcrumb strong {
+  color: var(--ink);
+}
+.mode-pill {
+  margin-left: 10px;
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+  font-size: 9.5px;
+  font-weight: 800;
+  letter-spacing: 0.1em;
+  border-radius: 20px;
+  padding: 3px 9px;
+}
+.canvas-body {
+  flex: 1;
+  position: relative;
+  min-height: 0;
+  overflow: hidden;
+  background: #e2e4e1;
+}
+.canvas-statusbar {
+  height: 30px;
+  flex: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 0 16px;
+  background: var(--panel);
+  border-top: 1px solid var(--line);
+  font-size: 11.5px;
+  color: var(--ink-faint);
+}
+.canvas-statusbar span {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+}
+.canvas-statusbar i {
+  width: 1px;
+  height: 11px;
+  background: var(--line-strong);
+}
+.canvas-top-left {
+  position: absolute;
+  top: 14px;
+  left: 14px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 9px;
+  max-width: calc(100% - 300px);
+  z-index: 20;
+}
+.floor-chip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--panel);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-md);
+  padding: 0 12px;
+  height: 40px;
+  color: var(--accent-ink);
+  position: relative;
+}
+.floor-chip select {
+  appearance: none;
+  border: 0;
+  background: none;
+  outline: none;
+  font-weight: 600;
+  font-size: 13.5px;
+  padding-right: 2px;
+  cursor: pointer;
+}
+.view-switch {
+  display: flex;
+  background: var(--panel);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-md);
+  padding: 4px;
+  height: 40px;
+}
+.view-switch button {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 0 14px;
+  border-radius: 7px;
+  font-weight: 700;
+  font-size: 12.5px;
+  color: var(--ink-faint);
+}
+.view-switch button.active {
+  background: var(--ink);
+  color: #fff;
+}
+.stack-button {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  background: var(--panel);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-md);
+  padding: 0 14px;
+  height: 40px;
+  font-weight: 600;
+  font-size: 12.5px;
+  color: var(--ink-soft);
+}
+.stack-button.active {
+  background: var(--ink);
+  color: #fff;
+}
+.canvas-top-right {
+  position: absolute;
+  top: 14px;
+  right: 14px;
+  display: flex;
+  gap: 9px;
+  z-index: 20;
+}
+.live-badge {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  background: var(--panel);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-md);
+  padding: 0 14px;
+  height: 40px;
+  font-weight: 600;
+  font-size: 12.5px;
+  color: var(--ink-soft);
+}
+.live-badge.has-alarm {
+  background: var(--alarm);
+  color: #fff;
+  animation: pulse 1.6s infinite;
+}
+.floating-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  background: var(--panel);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-md);
+  color: var(--ink-soft);
+}
+.floating-icon.active,
+.floating-icon:hover {
+  color: var(--accent-ink);
+}
+.map-settings {
+  position: absolute;
+  top: 62px;
+  right: 14px;
+  width: 274px;
+  background: var(--panel);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-lg);
+  padding: 14px 16px;
+  z-index: 25;
+}
+.map-settings h3 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13.5px;
+  margin-bottom: 4px;
+}
+.map-settings .helper {
+  display: block;
+  margin-top: 8px;
+}
+.map-legend {
+  position: absolute;
+  left: 14px;
+  bottom: 14px;
+  display: flex;
+  gap: 14px;
+  background: rgba(255, 255, 255, 0.92);
+  backdrop-filter: blur(6px);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-sm);
+  padding: 8px 14px;
+  font-size: 11.5px;
+  color: var(--ink-soft);
+  z-index: 20;
+}
+.map-legend span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+/* ---------- drawing dock & palette ---------- */
+.drawing-dock-wrap {
+  position: absolute;
+  left: 50%;
+  bottom: 16px;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 9px;
+  z-index: 25;
+  pointer-events: none;
+}
+.drawing-dock-wrap > * {
+  pointer-events: auto;
+}
+.tool-instruction {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  background: var(--ink);
+  color: #ededf6;
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-lg);
+  padding: 9px 14px;
+  font-size: 12.5px;
+  white-space: nowrap;
+}
+.tool-instruction-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: #a9a3f0;
+  animation: pulse 1.6s infinite;
+}
+.tool-instruction strong {
+  color: #fff;
+}
+.tool-instruction button {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: rgba(255, 255, 255, 0.12);
+  border-radius: 7px;
+  padding: 5px 10px;
+  color: #fff;
+  font-weight: 600;
+  font-size: 12px;
+}
+.tool-instruction button:hover {
+  background: rgba(255, 255, 255, 0.22);
+}
+.tool-instruction kbd {
+  background: none;
+  border-color: rgba(255, 255, 255, 0.35);
+  color: #cfe3da;
+  padding: 1px 4px;
+}
+.tool-palette {
+  display: flex;
+  gap: 22px;
+  background: var(--panel);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-lg);
+  padding: 16px 20px;
+}
+.tool-palette h3 {
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--ink-faint);
+  margin-bottom: 8px;
+}
+.tool-palette > div {
+  min-width: 128px;
+}
+.tool-palette button {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  padding: 7px 9px;
+  border-radius: 8px;
+  font-size: 12.5px;
+  font-weight: 500;
+  color: var(--ink-soft);
+}
+.tool-palette button:hover {
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+}
+.drawing-dock {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  background: var(--panel);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-lg);
+  padding: 7px;
+}
+.drawing-dock button {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 9px;
+  color: var(--ink-soft);
+}
+.key-hint {
+  position: absolute;
+  top: -4px;
+  right: -4px;
+  padding: 1px 4px;
+  font-size: 9.5px;
+  line-height: 1.3;
+  border-radius: 4px;
+  background: var(--ink);
+  color: var(--panel);
+  border: 0;
+  box-shadow: var(--shadow-sm);
+  pointer-events: none;
+  z-index: 3;
+}
+.mode-switch button,
+.view-switch button,
+.stack-button,
+.icon-button,
+.floating-icon {
+  position: relative;
+}
+.drawing-dock button:hover:not(:disabled) {
+  background: var(--panel-soft);
+  color: var(--ink);
+}
+.drawing-dock button.active {
+  background: var(--accent);
+  color: #fff;
+}
+.drawing-dock i {
+  width: 1px;
+  height: 22px;
+  background: var(--line);
+  margin: 0 5px;
+}
+.dock-caption {
+  display: flex;
+  gap: 14px;
+  font-size: 11px;
+  color: var(--ink-faint);
+  background: rgba(255, 255, 255, 0.8);
+  backdrop-filter: blur(4px);
+  border-radius: 14px;
+  padding: 3px 12px;
+}
+
+/* ---------- map surface & overlay ---------- */
+.map-wrap {
+  position: absolute;
+  inset: 0;
+}
+.map-surface {
+  position: absolute;
+  inset: 0;
+}
+.map-overlay {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  overflow: hidden;
+  z-index: 10;
+}
+.map-overlay > * {
+  position: absolute;
+  transform: translate(-50%, -50%);
+}
+.space-label {
+  pointer-events: none;
+  text-align: center;
+  font-size: 11.5px;
+  font-weight: 600;
+  /* Darker than it looks like it needs to be on paper. A room label in 3D stands over a floor that
+     is pale, shaded, part in shadow and crossed by furniture and walls — not the flat plate the 2D
+     plan gives it — so the ink has to carry against the darkest of that, not the average. */
+  color: #23273c;
+  /* A hard 1 px outline, not a glow. A blurred halo spreads the label's own colour into the ring
+     around it and the text stops having edges — at 11.5 px that reads as out of focus. Four offsets
+     at zero blur trace the glyph exactly and leave it crisp. */
+  --label-halo: #ffffff;
+  /* Eight offsets, not four: at the corners a four-way outline leaves the glyph touching whatever is
+     behind it, which over a shaded 3D floor is where the letters start to dissolve. */
+  text-shadow:
+    1px 0 0 var(--label-halo),
+    -1px 0 0 var(--label-halo),
+    0 1px 0 var(--label-halo),
+    0 -1px 0 var(--label-halo),
+    1px 1px 0 var(--label-halo),
+    -1px 1px 0 var(--label-halo),
+    1px -1px 0 var(--label-halo),
+    -1px -1px 0 var(--label-halo),
+    0 1px 3px rgba(255, 255, 255, 0.8);
+  white-space: nowrap;
+}
+.space-label small {
+  display: block;
+  font-size: 10px;
+  font-weight: 500;
+  color: #4d5266;
+}
+/* In 3D the label stands over a shaded, textured floor with walls crossing behind it, and dark ink
+   with a white halo dissolved into it. White letters with a black stroke read against anything:
+   the stroke is painted under the fill so it thickens the glyph outward and never eats the letter. */
+.map-wrap.perspective .space-label {
+  color: #fff;
+  --label-halo: #000;
+  -webkit-text-stroke: 2.5px #000;
+  paint-order: stroke fill;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
+}
+.map-wrap.perspective .space-label small {
+  color: #f1f3f8;
+}
+.map-wrap.perspective .space-label.outdoor {
+  color: #fff;
+}
+.space-label.outdoor {
+  font-size: 12px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: #5c6180;
+}
+/* Labels anchored over a shaft have no light floor behind them. Use a crisp plaque in both themes. */
+.map-wrap .space-label.void-label {
+  width: max-content;
+  max-width: 180px;
+  padding: 7px 11px;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  border-radius: 8px;
+  background: #242938;
+  color: #fff;
+  text-shadow: none;
+  white-space: normal;
+  line-height: 1.35;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
+}
+.map-wrap .space-label.void-label small {
+  margin-top: 3px;
+  color: #d5dbea;
+  font-variant-numeric: tabular-nums;
+}
+.entity-marker {
+  pointer-events: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background: var(--panel);
+  border: 1.5px solid var(--line-strong);
+  box-shadow: var(--shadow-md);
+  color: var(--ink-soft);
+  transition:
+    border-color 0.15s,
+    transform 0.1s;
+}
+.entity-marker:hover {
+  border-color: var(--accent);
+  color: var(--accent-ink);
+  z-index: 5;
+}
+.entity-marker.selected {
+  border-color: var(--accent);
+  background: var(--accent);
+  color: #fff;
+  z-index: 6;
+}
+.entity-marker.critical {
+  border-color: var(--alarm);
+  background: var(--alarm);
+  color: #fff;
+  animation: pulse 1.4s infinite;
+  z-index: 7;
+}
+.entity-marker.warning {
+  border-color: var(--warning);
+}
+.entity-marker.poi {
+  border-radius: 9px;
+  background: #1d2038;
+  border-color: #1d2038;
+  color: #dcdaf8;
+}
+.entity-marker.poi.selected {
+  background: var(--accent);
+  border-color: var(--accent);
+}
+.entity-marker .status-dot {
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  width: 9px;
+  height: 9px;
+  border: 1.5px solid #fff;
+}
+.marker-tooltip {
+  position: absolute;
+  bottom: calc(100% + 7px);
+  left: 50%;
+  transform: translateX(-50%);
+  background: #191b33;
+  color: #fff;
+  font-size: 11px;
+  font-weight: 600;
+  padding: 4px 9px;
+  border-radius: 6px;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.12s;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
+}
+.entity-marker:hover .marker-tooltip {
+  opacity: 1;
+}
+.mini-marker {
+  pointer-events: auto;
+  width: 11px;
+  height: 11px;
+  border-radius: 50%;
+  border: 1.5px solid #fff;
+  box-shadow: var(--shadow-sm);
+  transition: transform 0.1s;
+  z-index: 4;
+}
+.mini-marker:hover {
+  transform: translate(-50%, -50%) scale(1.5);
+  z-index: 9;
+}
+.mini-marker:hover .marker-tooltip {
+  opacity: 1;
+}
+.vertex-handle {
+  pointer-events: auto;
+  width: 13px;
+  height: 13px;
+  border-radius: 50%;
+  background: #fff;
+  border: 2.5px solid var(--accent);
+  box-shadow: var(--shadow-sm);
+  cursor: grab;
+  z-index: 8;
+}
+.vertex-handle:hover {
+  transform: translate(-50%, -50%) scale(1.25);
+}
+.move-handle {
+  pointer-events: auto;
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+  background: var(--accent);
+  color: #fff;
+  font-size: 13px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: var(--shadow-md);
+  cursor: grab;
+  z-index: 8;
+}
+.draft-node {
+  pointer-events: none;
+  width: 9px;
+  height: 9px;
+  border-radius: 50%;
+  background: var(--accent);
+  border: 2px solid #fff;
+  box-shadow: var(--shadow-sm);
+}
+.alignment-pin {
+  pointer-events: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border-radius: 50% 50% 50% 4px;
+  background: #d97b2b;
+  color: #fff;
+  font-size: 11px;
+  font-weight: 700;
+  box-shadow: var(--shadow-md);
+}
+.pitch-control {
+  position: absolute;
+  right: 14px;
+  bottom: 508px;
+  z-index: 20;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: var(--panel);
+  border-radius: 999px;
+  box-shadow: var(--shadow-md);
+  padding: 9px 5px;
+  color: var(--ink-soft);
+}
+.pitch-control input {
+  appearance: auto;
+  width: 86px;
+  height: 18px;
+  transform: rotate(-90deg);
+  margin: 36px -30px;
+  accent-color: var(--accent);
+}
+.map-navigator {
+  position: absolute;
+  right: 14px;
+  bottom: 218px;
+  display: flex;
+  flex-direction: column;
+  background: var(--panel);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-md);
+  padding: 4px;
+  z-index: 20;
+}
+.map-navigator button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  border-radius: 7px;
+  color: var(--ink-soft);
+}
+.map-navigator button:hover {
+  background: var(--panel-soft);
+  color: var(--ink);
+}
+.map-navigator div {
+  height: 1px;
+  background: var(--line);
+  margin: 3px 4px;
+}
+/* Walk mode's head-up display: everything the person walking needs and nothing the map wants.
+   Pointer-events are off throughout — the canvas underneath has to receive the drag. */
+.walk-fov {
+  position: absolute;
+  top: 68px;
+  right: 14px;
+  z-index: 24;
+  display: grid;
+  gap: 6px;
+  width: 190px;
+  padding: 10px 12px;
+  border-radius: var(--radius);
+  background: var(--panel);
+  box-shadow: var(--shadow-md);
+  color: var(--ink-soft);
+  font-size: 12px;
+}
+.walk-fov span {
+  display: flex;
+  justify-content: space-between;
+}
+.walk-fov output {
+  color: var(--ink);
+  font-variant-numeric: tabular-nums;
+}
+.walk-fov input {
+  width: 100%;
+  accent-color: var(--accent);
+}
+.walk-hud {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  z-index: 24;
+  font-size: 12px;
+}
+.walk-status {
+  position: absolute;
+  left: 50%;
+  bottom: 78px;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 7px 14px;
+  border-radius: 999px;
+  background: #141a2b;
+  color: #fff;
+  border: 1px solid #687087;
+  font-size: 13px;
+  white-space: nowrap;
+}
+.walk-status:empty {
+  display: none;
+}
+.walk-status b {
+  color: #fff;
+  font-weight: 600;
+}
+/* The route's next instruction leads the bar: it is the reason you are walking. */
+.walk-status em {
+  order: -1;
+  color: #fff;
+  font-style: normal;
+  font-weight: 600;
+}
+.walk-keys {
+  position: absolute;
+  left: 50%;
+  bottom: 40px;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 6px 14px;
+  border-radius: 999px;
+  background: #141a2b;
+  color: #f4f5fa;
+  white-space: nowrap;
+  transition: opacity 0.25s;
+}
+/* While you are actually turning the view, the legend is in the way of the thing it explains. */
+.walk-keys.busy {
+  opacity: 0.25;
+}
+.walk-hud kbd {
+  display: inline-block;
+  min-width: 17px;
+  margin: 0 1px;
+  padding: 1px 4px;
+  border-radius: 4px;
+  background: rgba(255, 255, 255, 0.16);
+  border: 1px solid rgba(255, 255, 255, 0.24);
+  font: inherit;
+  font-size: 11px;
+  color: #f4f5fa;
+  text-align: center;
+}
+.map-scale[hidden] {
+  display: none;
+}
+.map-scale {
+  position: absolute;
+  right: 14px;
+  bottom: 14px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 10.5px;
+  color: var(--ink-soft);
+  background: rgba(255, 255, 255, 0.85);
+  border-radius: 7px;
+  padding: 4px 10px;
+  z-index: 20;
+}
+.map-scale > span {
+  display: inline-block;
+  height: 4px;
+  border: 1.5px solid #5c607a;
+  border-top: 0;
+}
+.map-scale i {
+  width: 1px;
+  height: 10px;
+  background: var(--line-strong);
+}
+.map-error {
+  position: absolute;
+  top: 66px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: var(--warning-soft);
+  border: 1px solid #ecd9ae;
+  color: #7a5a17;
+  border-radius: var(--radius);
+  padding: 8px 14px;
+  font-size: 12.5px;
+  box-shadow: var(--shadow-md);
+  z-index: 30;
+}
+.map-loading,
+.renderer-loading {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 14px;
+  background: var(--bg);
+  color: var(--ink-faint);
+  font-size: 13px;
+  z-index: 30;
+}
+.loading-orbit {
+  width: 34px;
+  height: 34px;
+  border-radius: 50%;
+  border: 3px solid var(--line);
+  border-top-color: var(--accent);
+  animation: spin 1s linear infinite;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.map-wrap.perspective .map-surface {
+  transition: filter 0.4s;
+}
+
+/* ---------- inspector ---------- */
+.inspector,
+.alignment-panel {
+  width: 324px;
+  flex: none;
+  background: var(--panel);
+  border-left: 1px solid var(--line);
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.inspector-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 13px 18px;
+  border-bottom: 1px solid var(--line);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--ink-faint);
+}
+.inspector-scroll {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px 18px;
+  min-height: 0;
+}
+.object-title {
+  text-align: center;
+  padding-bottom: 14px;
+}
+.object-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 58px;
+  height: 58px;
+  border-radius: 18px;
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+  margin: 0 auto 12px;
+}
+.object-avatar.critical {
+  background: var(--alarm-soft);
+  color: var(--alarm);
+}
+.object-avatar.warning {
+  background: var(--warning-soft);
+  color: var(--warning);
+}
+.object-title .eyebrow {
+  text-transform: uppercase;
+}
+.object-title h2 {
+  font-size: 18px;
+  letter-spacing: -0.01em;
+  margin: 3px 0 2px;
+}
+.object-title p {
+  font-size: 12.5px;
+  color: var(--ink-faint);
+}
+.property-section {
+  border-top: 1px solid var(--line);
+  padding: 14px 0;
+}
+.property-section h3 {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--ink-soft);
+  margin-bottom: 6px;
+}
+.property-section h3 svg {
+  color: var(--ink-faint);
+}
+.status-banner {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  border-radius: var(--radius);
+  padding: 11px 13px;
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+  font-size: 13.5px;
+}
+.status-banner strong {
+  flex: 1;
+}
+.status-banner.critical {
+  background: var(--alarm-soft);
+  color: var(--alarm);
+}
+.status-banner.warning {
+  background: var(--warning-soft);
+  color: #8a6410;
+}
+.status-banner.unknown {
+  background: var(--bg);
+  color: var(--ink-soft);
+}
+.status-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  margin-top: 10px;
+}
+.status-grid > div {
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: 9px;
+  padding: 8px 11px;
+}
+.status-grid span {
+  display: block;
+  font-size: 10.5px;
+  font-weight: 600;
+  color: var(--ink-faint);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.status-grid strong {
+  font-size: 13px;
+  text-transform: capitalize;
+}
+.measurement-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 2px;
+  font-size: 13px;
+  color: var(--ink-soft);
+  border-bottom: 1px dashed var(--line);
+}
+.measurement-row strong {
+  color: var(--ink);
+}
+.feed-id {
+  font-family: ui-monospace, "SF Mono", Menlo, monospace;
+  font-size: 11.5px;
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  padding: 7px 10px;
+  color: var(--ink-soft);
+  margin-top: 8px;
+  word-break: break-all;
+}
+.simulator {
+  background: var(--panel-soft);
+  margin: 0 -18px;
+  padding: 14px 18px;
+  border-bottom: 1px solid var(--line);
+}
+.simulator h3 span {
+  margin-left: auto;
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+  font-size: 9px;
+  letter-spacing: 0.1em;
+  border-radius: 8px;
+  padding: 2px 8px;
+}
+.simulator p {
+  font-size: 12px;
+  color: var(--ink-faint);
+  margin-bottom: 8px;
+}
+.simulator select {
+  width: 100%;
+  background: #fff;
+  border: 1px solid var(--line-strong);
+  border-radius: 8px;
+  padding: 8px 10px;
+  outline: none;
+}
+.inspector-footer {
+  display: flex;
+  gap: 8px;
+  padding: 12px 18px;
+  border-top: 1px solid var(--line);
+}
+.inspector-footer .button {
+  flex: 1;
+}
+.viewer-note {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 11px 18px;
+  border-top: 1px solid var(--line);
+  font-size: 11.5px;
+  color: var(--ink-faint);
+}
+.inspector-note {
+  display: flex;
+  gap: 11px;
+  align-items: flex-start;
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-lg);
+  padding: 13px 14px;
+  margin-top: 14px;
+  color: var(--accent-ink);
+}
+.inspector-note p {
+  font-size: 12.5px;
+  font-weight: 600;
+  color: var(--ink);
+  line-height: 1.4;
+}
+.inspector-note p span {
+  font-weight: 400;
+  color: var(--ink-faint);
+  font-size: 11.5px;
+}
+.overview-hero {
+  text-align: center;
+  padding: 6px 0 16px;
+}
+.overview-hero h2 {
+  font-size: 19px;
+  letter-spacing: -0.01em;
+  margin: 3px 0 2px;
+}
+.overview-hero p {
+  font-size: 12.5px;
+  color: var(--ink-faint);
+}
+.overview-art {
+  position: relative;
+  height: 92px;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  margin-bottom: 12px;
+}
+.mini-building {
+  position: relative;
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 3px;
+}
+.mini-building i {
+  width: 84px;
+  height: 16px;
+  border-radius: 4px;
+  background: linear-gradient(180deg, #e2e4ee, #d1d4e4);
+  border: 1px solid var(--line-strong);
+}
+.mini-building i:nth-child(2) {
+  width: 92px;
+}
+.mini-building i:nth-child(3) {
+  width: 84px;
+}
+.mini-building i:nth-child(4) {
+  width: 62px;
+}
+.mini-access {
+  position: absolute;
+  right: -14px;
+  bottom: -6px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  background: var(--accent);
+  color: #fff;
+  box-shadow: var(--shadow-md);
+}
+.hero-dots {
+  position: absolute;
+  inset: 0;
+  background-image: radial-gradient(var(--line-strong) 1px, transparent 1px);
+  background-size: 12px 12px;
+  opacity: 0.5;
+  z-index: -1;
+  border-radius: 12px;
+}
+.overview-stats {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 9px;
+  margin-bottom: 14px;
+}
+.overview-stats > div {
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  padding: 11px 13px;
+}
+.overview-stats strong {
+  display: block;
+  font-size: 21px;
+  letter-spacing: -0.02em;
+  color: var(--accent-ink);
+}
+.overview-stats span {
+  font-size: 11px;
+  color: var(--ink-faint);
+  font-weight: 600;
+}
+.overview-status {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 7px 2px;
+  font-size: 13px;
+  color: var(--ink-soft);
+}
+.overview-status strong {
+  margin-left: auto;
+  color: var(--ink);
+}
+.alarm-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 9px 11px;
+  border-radius: var(--radius);
+  background: var(--alarm-soft);
+  color: var(--alarm);
+  text-align: left;
+  margin-bottom: 6px;
+}
+.alarm-row span:nth-child(2) {
+  flex: 1;
+  font-weight: 600;
+  font-size: 13px;
+}
+.alarm-row small {
+  display: block;
+  font-weight: 400;
+  font-size: 11.5px;
+}
+
+/* ---------- alignment panel ---------- */
+.panel-heading {
+  padding: 16px 18px 8px;
+}
+.panel-heading h2 {
+  font-size: 17px;
+  margin: 3px 0 4px;
+}
+.panel-heading p {
+  font-size: 12.5px;
+  color: var(--ink-soft);
+  line-height: 1.5;
+}
+.alignment-image {
+  position: relative;
+  margin: 8px 18px;
+  border: 1px solid var(--line-strong);
+  border-radius: var(--radius);
+  overflow: hidden;
+  cursor: crosshair;
+  background: repeating-conic-gradient(#f1f3f1 0% 25%, #fff 0% 50%) 50% / 18px 18px;
+}
+.alignment-image img {
+  display: block;
+  width: 100%;
+}
+.alignment-image b {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: #d97b2b;
+  color: #fff;
+  font-size: 11px;
+  box-shadow: var(--shadow-md);
+  pointer-events: none;
+}
+.alignment-progress {
+  display: flex;
+  gap: 8px;
+  padding: 4px 18px;
+}
+.alignment-progress span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11.5px;
+  font-weight: 600;
+  color: var(--ink-faint);
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: 16px;
+  padding: 5px 11px;
+}
+.alignment-progress span.done {
+  background: var(--accent-soft);
+  border-color: var(--accent-selection);
+  color: var(--accent-ink);
+}
+.alignment-panel .text-button {
+  margin: 4px 18px;
+  align-self: flex-start;
+}
+.known-distance {
+  margin: 10px 18px;
+  padding: 13px 14px;
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-lg);
+}
+.known-distance strong {
+  font-size: 13px;
+}
+.known-distance p {
+  font-size: 11.5px;
+  color: var(--ink-faint);
+  margin: 4px 0 2px;
+  line-height: 1.45;
+}
+.alignment-actions {
+  display: flex;
+  gap: 8px;
+  padding: 12px 18px;
+  border-top: 1px solid var(--line);
+  margin-top: auto;
+}
+.alignment-actions .button {
+  flex: 1;
+}
+
+/* ---------- modal & import ---------- */
+.modal {
+  border: 0;
+  border-radius: 16px;
+  box-shadow: var(--shadow-lg);
+  padding: 22px 24px;
+  width: 440px;
+  max-width: calc(100vw - 40px);
+  background: var(--panel);
+  color: var(--ink);
+}
+.modal.wide {
+  width: 560px;
+}
+.modal::backdrop {
+  background: rgba(24, 36, 32, 0.45);
+  backdrop-filter: blur(2px);
+}
+.modal header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.modal h2 {
+  font-size: 18px;
+  letter-spacing: -0.01em;
+}
+.modal header p {
+  font-size: 13px;
+  color: var(--ink-faint);
+  margin-top: 3px;
+  line-height: 1.45;
+}
+.modal footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 9px;
+  margin-top: 18px;
+}
+.import-tabs {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.import-tabs button {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 5px;
+  padding: 12px 8px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--ink-soft);
+}
+.import-tabs button.active {
+  border-color: var(--accent);
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+}
+.dropzone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  width: 100%;
+  padding: 26px 16px;
+  border: 1.5px dashed var(--line-strong);
+  border-radius: var(--radius-lg);
+  color: var(--accent-ink);
+}
+.dropzone:hover {
+  border-color: var(--accent);
+  background: var(--panel-soft);
+}
+.dropzone strong {
+  color: var(--ink);
+  font-size: 13.5px;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.dropzone span {
+  font-size: 11.5px;
+  color: var(--ink-faint);
+}
+.help-content h3 {
+  font-size: 14px;
+  margin: 14px 0 4px;
+}
+.help-content p {
+  font-size: 13px;
+  color: var(--ink-soft);
+  line-height: 1.55;
+}
+.shortcut-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 7px 18px;
+  margin: 14px 0;
+}
+.shortcut-grid > div {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12.5px;
+  color: var(--ink-soft);
+}
+
+/* ---------- toast ---------- */
+.toast {
+  position: fixed;
+  bottom: 44px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  /* An inverted chip: it sits on the ink so it stands off whatever is behind it. Both halves have
+     to invert together — pinning the text to a pale grey made it pale text on the pale surface
+     --ink becomes in dark mode, which is the one place the toast was unreadable. */
+  background: var(--ink);
+  color: var(--bg);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-lg);
+  padding: 12px 16px;
+  font-size: 13px;
+  max-width: min(520px, calc(100vw - 40px));
+  z-index: 100;
+  animation: rise 0.25s ease;
+}
+.toast svg {
+  color: #a9a3f0;
+  flex: none;
+}
+.toast button {
+  color: var(--bg);
+  opacity: 0.65;
+  display: flex;
+}
+.toast button:hover {
+  opacity: 1;
+}
+/* The accent that reads on a dark chip is washed out on the pale one dark mode gives it. */
+.dark .toast svg {
+  color: #4a43c4;
+}
+@keyframes rise {
+  from {
+    opacity: 0;
+    transform: translate(-50%, 8px);
+  }
+}
+
+/* ---------- home shell ---------- */
+.home {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: linear-gradient(180deg, #f8faf9 0%, var(--bg) 340px);
+}
+.home-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 34px;
+}
+.home-main {
+  width: min(1060px, calc(100vw - 48px));
+  margin: 0 auto;
+  padding-bottom: 60px;
+}
+.home-hero {
+  padding: 44px 0 30px;
+}
+.home-hero h1 {
+  font-size: 40px;
+  letter-spacing: -0.03em;
+  line-height: 1.08;
+  margin: 10px 0 14px;
+}
+.home-hero p {
+  max-width: 560px;
+  font-size: 15px;
+  color: var(--ink-soft);
+  line-height: 1.6;
+}
+.home-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+  gap: 14px;
+}
+.home-card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+  text-align: left;
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 16px;
+  padding: 20px;
+  transition:
+    box-shadow 0.15s,
+    border-color 0.15s,
+    transform 0.15s;
+}
+.home-card:hover {
+  border-color: var(--accent-selection);
+  box-shadow: var(--shadow-md);
+  transform: translateY(-2px);
+}
+.home-card strong {
+  font-size: 15.5px;
+  letter-spacing: -0.01em;
+}
+.home-card p {
+  font-size: 12.5px;
+  color: var(--ink-faint);
+  line-height: 1.5;
+  flex: 1;
+}
+.home-card-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+  border-radius: 14px;
+  background: linear-gradient(135deg, var(--accent) 0%, #3b37a8 100%);
+  color: #fff;
+  margin-bottom: 4px;
+}
+.home-card-icon.plain {
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  color: var(--accent-ink);
+}
+.home-card-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  margin-top: 4px;
+}
+.home-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 10.5px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  color: var(--accent-ink);
+  background: var(--accent-soft);
+  border-radius: 12px;
+  padding: 3px 9px;
+}
+.home-open {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  margin-left: auto;
+  font-size: 12.5px;
+  font-weight: 700;
+  color: var(--accent-ink);
+}
+.home-saved {
+  margin-top: 34px;
+}
+.home-saved h2 {
+  font-size: 15px;
+  margin-bottom: 10px;
+}
+.home-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-lg);
+  padding: 8px 12px;
+  margin-bottom: 8px;
+}
+.home-row-main {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex: 1;
+  text-align: left;
+  padding: 4px;
+  min-width: 0;
+}
+.home-row-main > span:last-child {
+  font-weight: 600;
+  font-size: 13.5px;
+}
+.home-row-main small {
+  display: block;
+  font-weight: 400;
+  font-size: 11.5px;
+  color: var(--ink-faint);
+}
+.home-row-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 10px;
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+  flex: none;
+}
+.home-footnote {
+  margin-top: 26px;
+  font-size: 12px;
+  color: var(--ink-faint);
+}
+
+/* ---------- responsive ---------- */
+@media (max-width: 1180px) {
+  .sidebar {
+    width: 252px;
+  }
+  .inspector,
+  .alignment-panel {
+    width: 288px;
+  }
+}
+@media (max-width: 960px) {
+  .sidebar {
+    display: none;
+  }
+  .mode-switch button {
+    padding: 7px 10px;
+  }
+  .home-hero h1 {
+    font-size: 30px;
+  }
+}
+
+/* ---------- cozy display type & fullscreen ---------- */
+.home-hero h1,
+.object-title h2,
+.overview-hero h2,
+.modal h2,
+.site-card h1,
+.panel-heading h2 {
+  font-family: var(--font-display);
+  font-weight: 700;
+  letter-spacing: -0.02em;
+}
+.app-shell.fullscreen .app-header,
+.app-shell.fullscreen .sidebar,
+.app-shell.fullscreen .inspector,
+.app-shell.fullscreen .canvas-header,
+.app-shell.fullscreen .canvas-statusbar {
+  display: none;
+}
+
+/* ---------- dark mode ---------- */
+.dark {
+  --bg: #14161f;
+  --panel: #1c1f2b;
+  --panel-soft: #222634;
+  --ink: #e8eaf2;
+  --ink-soft: #a7abbd;
+  --ink-faint: #767b8f;
+  --line: #2c3040;
+  --line-strong: #3a3f52;
+  --accent: #7d75f2;
+  --accent-ink: #9d97f5;
+  --accent-soft: #2a2b45;
+  --accent-selection: #4a4680;
+  --ok: #3dbb84;
+  --alarm: #e0625d;
+  --alarm-soft: #3a2426;
+  --warning: #dfa64f;
+  --warning-soft: #38301e;
+  --unknown: #767b8f;
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
+  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);
+}
+.dark .canvas-body {
+  background: #14161f;
+}
+.dark .home {
+  background: linear-gradient(180deg, #171923 0%, var(--bg) 340px);
+}
+.dark .icon-button:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+.dark .field input:focus,
+.dark .field select:focus,
+.dark .input-wrap input:focus {
+  background: var(--panel-soft);
+}
+.dark .toggle::after {
+  background: #cfd3e0;
+}
+.dark .view-switch button.active,
+.dark .stack-button.active {
+  background: var(--accent);
+  color: #fff;
+}
+.dark .tool-instruction {
+  background: #2a2e3d;
+  color: #d7dae6;
+}
+.dark .map-legend,
+.dark .dock-caption {
+  background: rgba(28, 31, 43, 0.88);
+  color: var(--ink-soft);
+}
+.dark .map-scale {
+  background: rgba(28, 31, 43, 0.85);
+  color: var(--ink-soft);
+}
+.dark .map-scale > span {
+  border-color: #8a90a4;
+}
+/* A room label stands on the room's own floor, and a floor plate is pale in both themes — so the
+   label keeps its dark ink in dark mode. Inverting it with the rest of the chrome put white text on
+   a white floor. Only the outdoor labels, which sit on the basemap, follow the theme. */
+.dark .space-label.outdoor {
+  color: #ccd2e6;
+  --label-halo: rgba(8, 10, 16, 0.92);
+  text-shadow:
+    1px 0 0 var(--label-halo),
+    -1px 0 0 var(--label-halo),
+    0 1px 0 var(--label-halo),
+    0 -1px 0 var(--label-halo);
+}
+.dark .vertex-handle {
+  background: var(--panel);
+}
+.dark .mini-marker {
+  border-color: var(--panel);
+}
+.dark .marker-tooltip {
+  background: #2b2f42;
+  color: #eef0f7;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.55);
+}
+.dark .entity-marker {
+  border-color: var(--line-strong);
+}
+.dark .entity-marker.selected,
+.dark .entity-marker.critical {
+  border-color: transparent;
+}
+.dark .floor-item.active .floor-number {
+  background: var(--panel);
+  color: var(--accent-ink);
+}
+.dark .map-loading,
+.dark .renderer-loading {
+  background: var(--bg);
+}
+.dark .modal::backdrop {
+  background: rgba(0, 0, 0, 0.6);
+}
+.dark .brand-mark,
+.dark .home-card-icon:not(.plain) {
+  background: linear-gradient(135deg, #7d75f2 0%, #4a43c4 100%);
+}
+
+/* ---- viewer sample app (sample integration code) ---- */
+.viewer-object h2 {
+  font-family: var(--font-display);
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  font-size: 16.5px;
+  margin-bottom: 2px;
+}
+.viewer-object .object-kind {
+  font-size: 11.5px;
+  color: var(--ink-faint);
+  text-transform: capitalize;
+  margin-bottom: 14px;
+}
+
+.viewer-workspace {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--panel);
+  color: var(--ink);
+}
+.viewer-toolbar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--line);
+  z-index: 8;
+}
+.viewer-toolbar .floor-chip {
+  max-width: min(340px, 80vw);
+}
+.viewer-toolbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: auto;
+}
+.viewer-content {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  position: relative;
+}
+.viewer-map {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
+.viewer-panel {
+  position: relative;
+  display: flex;
+  width: 310px;
+  flex: none;
+  min-height: 0;
+  border-left: 1px solid var(--line);
+  background: var(--panel);
+}
+.viewer-panel > .inspector,
+.viewer-panel > .structure-panel {
+  width: 100%;
+  min-width: 0;
+}
+.viewer-close-panel {
+  position: absolute;
+  right: 6px;
+  top: 2px;
+  z-index: 1;
+}
+.viewer-panel .structure-heading {
+  padding-right: 40px;
+}
+.viewer-display-options {
+  position: relative;
+}
+.viewer-display-options > summary {
+  display: flex;
+  padding: 10px;
+  cursor: pointer;
+  border-radius: 8px;
+}
+.viewer-display-options > summary::-webkit-details-marker {
+  display: none;
+}
+.viewer-display-options > div {
+  position: absolute;
+  right: 0;
+  top: 100%;
+  width: 225px;
+  padding: 12px;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: var(--panel);
+  box-shadow: var(--shadow);
+}
+.viewer-display-options label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 5px 0;
+  font-size: 12px;
+}
+@media (max-width: 840px) {
+  .viewer-panel {
+    position: absolute;
+    inset: 0 0 0 auto;
+    max-width: 88%;
+    z-index: 7;
+  }
+}
+.viewer-status {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 10px 12px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: var(--panel-soft);
+  font-size: 13px;
+  font-weight: 600;
+}
+
+/* Camera hover peek: a synthetic CCTV frame in place of the plain name tooltip. */
+.marker-tooltip.flip-y {
+  bottom: auto;
+  top: calc(100% + 7px);
+}
+.marker-tooltip.nudge-left {
+  left: auto;
+  right: -6px;
+  transform: none;
+}
+.marker-tooltip.nudge-right {
+  left: -6px;
+  transform: none;
+}
+
+/* ---------- small screens ---------- */
+/* The planner is desktop-first; on phones the map goes full-bleed, panels become slide-over
+   sheets, chrome compresses to icons, and touch targets grow. */
+@media (max-width: 840px) {
+  .app-header {
+    height: 52px;
+    padding: 0 10px;
+    gap: 8px;
+  }
+  .app-header .brand-product,
+  .app-header .brand-divider,
+  .save-status,
+  .avatar,
+  .help-button {
+    display: none;
+  }
+  .mode-switch {
+    margin: 0 auto;
+  }
+  .mode-switch button {
+    padding: 7px 10px;
+  }
+  .mode-switch .mode-label {
+    display: none;
+  }
+  .sidebar,
+  .inspector {
+    position: fixed;
+    top: 52px;
+    bottom: 0;
+    z-index: 60;
+    box-shadow: var(--shadow-lg);
+  }
+  .sidebar {
+    left: 0;
+    width: min(85vw, 320px);
+  }
+  .inspector {
+    right: 0;
+    width: min(92vw, 360px);
+  }
+  .canvas-header {
+    padding: 6px 8px;
+  }
+  .canvas-header .breadcrumb > span:first-child {
+    display: none;
+  }
+  .canvas-top-left,
+  .canvas-top-right {
+    gap: 6px;
+  }
+  .floor-chip {
+    padding: 0 8px;
+    height: 36px;
+    max-width: 46vw;
+  }
+  .floor-chip select {
+    font-size: 12.5px;
+    max-width: 34vw;
+    text-overflow: ellipsis;
+  }
+  .view-switch {
+    height: 36px;
+  }
+  .view-switch button {
+    padding: 0 9px;
+    font-size: 12px;
+  }
+  .stack-button {
+    height: 36px;
+    font-size: 12px;
+  }
+  .map-legend,
+  .dock-caption,
+  .key-hint {
+    display: none !important;
+  }
+  .drawing-dock-wrap {
+    bottom: 10px;
+    max-width: calc(100vw - 16px);
+  }
+  .drawing-dock {
+    overflow-x: auto;
+    max-width: calc(100vw - 16px);
+    padding: 5px;
+  }
+  .drawing-dock button {
+    width: 38px;
+    height: 38px;
+    flex: none;
+  }
+  .map-navigator {
+    display: none;
+  }
+  .pitch-control {
+    position: fixed;
+    right: 12px;
+    bottom: 240px;
+    z-index: 40;
+  }
+  .home-grid {
+    grid-template-columns: 1fr;
+  }
+  .home-hero h1 {
+    font-size: 34px;
+  }
+  .home-main {
+    padding: 22px 16px 40px;
+  }
+  .modal {
+    width: min(94vw, 560px);
+  }
+}
+@media (pointer: coarse) {
+  .vertex-handle {
+    width: 22px;
+    height: 22px;
+  }
+  .move-handle {
+    width: 30px;
+    height: 30px;
+  }
+  .entity-marker {
+    min-width: 34px;
+    min-height: 34px;
+  }
+}
+
+/* On-map floor stepper: the always-available way to walk levels, sized for touch on mobile. */
+.floor-step {
+  position: absolute;
+  right: 14px;
+  bottom: 46px;
+  z-index: 26;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  background: var(--panel);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow-md);
+  overflow: hidden;
+  width: 44px;
+}
+.floor-step button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+  padding: 14px 0 12px;
+  color: var(--ink-soft);
+}
+.floor-step button b {
+  font-size: 11px;
+  line-height: 1.1;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+}
+.floor-step button:hover:not(:disabled) {
+  background: var(--panel-soft);
+  color: var(--ink);
+}
+.floor-step-current {
+  text-align: center;
+  font-size: 13px;
+  font-weight: 800;
+  color: var(--accent-ink);
+  background: var(--accent-soft);
+  padding: 8px 0;
+}
+/* Mobile: a thumb-sized navigator fixed bottom-right, above the status bar. */
+@media (max-width: 840px) {
+  .floor-step {
+    position: fixed;
+    right: 10px;
+    bottom: 64px;
+    width: 54px;
+    z-index: 40;
+    border-radius: 14px;
+    box-shadow: var(--shadow-lg);
+  }
+  .sidebar {
+    animation: slide-in-left 0.22s ease;
+  }
+  .inspector {
+    animation: slide-in-right 0.22s ease;
+  }
+}
+
+@keyframes slide-in-left {
+  from {
+    transform: translateX(-100%);
+  }
+}
+@keyframes slide-in-right {
+  from {
+    transform: translateX(100%);
+  }
+}
+
+/* Door control panel: colour-coded commands (green open, amber unlock, indigo lock, red block). */
+.door-controls {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+  margin-top: 4px;
+}
+.door-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  padding: 10px 8px;
+  border-radius: 9px;
+  font-size: 12.5px;
+  font-weight: 700;
+  border: 1.5px solid transparent;
+  transition: filter 0.12s;
+}
+.door-btn:hover {
+  filter: brightness(0.96);
+}
+.door-btn.active {
+  border-color: currentColor;
+}
+.door-btn.open {
+  background: #e2f3e9;
+  color: #1d7a4f;
+}
+.door-btn.unlock {
+  background: var(--warning-soft);
+  color: #8a5a10;
+}
+.door-btn.lock {
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+}
+.door-btn.block {
+  background: var(--alarm-soft);
+  color: #b03530;
+}
+.dark .door-btn.open {
+  background: rgba(46, 158, 107, 0.16);
+  color: #6fcf9f;
+}
+.dark .door-btn.unlock {
+  background: rgba(227, 157, 59, 0.15);
+  color: #e8b86a;
+}
+.dark .door-btn.lock {
+  background: rgba(98, 89, 232, 0.18);
+  color: #a7a0f2;
+}
+.dark .door-btn.block {
+  background: rgba(224, 82, 78, 0.15);
+  color: #ec8a87;
+}
+
+/* ---------- navigate panel (route directions & journey playback) ---------- */
+.navigate-panel .inspector-scroll {
+  padding-top: 12px;
+}
+.nav-endpoints {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+.nav-endpoint-fields {
+  flex: 1;
+  min-width: 0;
+}
+.nav-endpoint-fields .field {
+  margin: 6px 0;
+}
+.nav-endpoint-actions {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding-top: 26px;
+}
+.nav-endpoint-actions .text-button {
+  font-size: 11px;
+  padding: 2px 0;
+}
+.nav-summary {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 8px;
+  margin: 12px 0;
+}
+.nav-summary > div {
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: 9px;
+  padding: 8px 10px;
+  text-align: center;
+}
+.nav-summary strong {
+  display: block;
+  font-size: 15px;
+  letter-spacing: -0.01em;
+  color: var(--accent-ink);
+}
+.nav-summary span {
+  font-size: 10.5px;
+  font-weight: 600;
+  color: var(--ink-faint);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+.nav-steps {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  border-top: 1px solid var(--line);
+}
+.nav-steps li + li {
+  border-top: 1px dashed var(--line);
+}
+.nav-step {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 9px 6px;
+  border-radius: 9px;
+  text-align: left;
+  color: var(--ink-soft);
+}
+.nav-step:hover {
+  background: var(--panel-soft);
+  color: var(--ink);
+}
+.nav-step.active {
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+}
+.nav-step svg {
+  flex: none;
+  color: var(--ink-faint);
+}
+.nav-step.active svg {
+  color: var(--accent-ink);
+}
+.nav-step-num {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  background: var(--panel-soft);
+  border: 1px solid var(--line-strong);
+  font-size: 10.5px;
+  font-weight: 700;
+  color: var(--ink-soft);
+  flex: none;
+}
+.nav-step.active .nav-step-num {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: #fff;
+}
+.nav-step-text {
+  flex: 1;
+  min-width: 0;
+  font-size: 12.5px;
+  font-weight: 600;
+  line-height: 1.3;
+}
+.nav-step-text small {
+  display: block;
+  font-weight: 400;
+  font-size: 11px;
+  color: var(--ink-faint);
+}
+.nav-controls {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 18px;
+  border-top: 1px solid var(--line);
+}
+.nav-controls .nav-play {
+  flex: 1;
+}
+.nav-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  text-align: center;
+  padding: 26px 14px;
+  margin-top: 12px;
+  border: 1.5px dashed var(--line-strong);
+  border-radius: var(--radius-lg);
+  color: var(--accent-ink);
+}
+.nav-empty strong {
+  font-size: 13px;
+  color: var(--ink);
+}
+.nav-empty p {
+  font-size: 12px;
+  color: var(--ink-faint);
+  line-height: 1.5;
+}
+@media (max-width: 840px) {
+  .navigate-panel {
+    position: fixed;
+    top: 52px;
+    bottom: 0;
+    right: 0;
+    width: min(92vw, 360px);
+    z-index: 60;
+    box-shadow: var(--shadow-lg);
+    animation: slide-in-right 0.22s ease;
+  }
+}
+.icon-button.active-nav {
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+}
+
+/* Navigate panel place pickers: searchable comboboxes for projects with hundreds of places. */
+.place-picker {
+  position: relative;
+}
+.place-input {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.place-input > svg {
+  position: absolute;
+  left: 9px;
+  color: var(--ink-faint);
+  pointer-events: none;
+}
+.place-input input {
+  width: 100%;
+  background: var(--panel-soft);
+  border: 1px solid var(--line-strong);
+  border-radius: 8px;
+  padding: 8px 30px 8px 28px;
+  outline: none;
+}
+.place-input input:focus {
+  border-color: var(--accent);
+  background: var(--panel);
+}
+.place-clear {
+  position: absolute;
+  right: 3px;
+  width: 24px;
+  height: 24px;
+}
+.place-options {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  z-index: 45;
+  background: var(--panel);
+  border: 1px solid var(--line-strong);
+  border-radius: 10px;
+  box-shadow: var(--shadow-lg);
+  max-height: 296px;
+  overflow: auto;
+  margin-top: 4px;
+}
+.place-option {
+  display: flex;
+  gap: 9px;
+  align-items: center;
+  width: 100%;
+  padding: 8px 10px;
+  text-align: left;
+  font-size: 13px;
+  font-weight: 500;
+}
+.place-option span {
+  min-width: 0;
+}
+.place-option small {
+  display: block;
+  color: var(--ink-faint);
+  font-size: 11px;
+  font-weight: 400;
+}
+.place-option.cursor {
+  background: var(--accent-soft);
+}
+.place-option.chosen {
+  color: var(--accent-ink);
+}
+.place-none {
+  padding: 9px 11px;
+  font-size: 12px;
+  color: var(--ink-faint);
+}
+
+/* Floor chip: searchable level dropdown (the Silo has a hundred floors). */
+.floor-select {
+  position: relative;
+}
+.floor-select-value {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  font-weight: 600;
+  font-size: 13.5px;
+  color: var(--accent-ink);
+  max-width: 46vw;
+}
+.floor-select-value > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.floor-select-value b {
+  font-size: 10px;
+  background: var(--accent-soft);
+  border-radius: 5px;
+  padding: 2px 5px;
+  flex: none;
+}
+.floor-select-options {
+  position: absolute;
+  top: calc(100% + 12px);
+  left: -42px;
+  width: 300px;
+  max-height: 348px;
+}
+.floor-select-options .place-input {
+  position: sticky;
+  top: 0;
+  background: var(--panel);
+  padding: 8px;
+  z-index: 1;
+}
+.floor-select-options .place-input > svg {
+  left: 17px;
+}
+.floor-select-options .place-option .floor-number {
+  flex: none;
+}
+
+/* ——— Structure view: the ontology browsed as a list, with no map involved. */
+.structure-panel {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  height: 100%;
+}
+.structure-heading {
+  display: flex;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px 10px;
+}
+.structure-heading small {
+  color: var(--ink-soft);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.structure-tabs {
+  display: flex;
+  padding: 0 12px;
+  border-bottom: 1px solid var(--line);
+}
+.structure-tabs button {
+  flex: 1;
+  padding: 10px 4px;
+  font-size: 12px;
+  color: var(--ink-soft);
+  border-bottom: 2px solid transparent;
+}
+.structure-tabs button[aria-selected="true"] {
+  color: var(--accent);
+  border-color: var(--accent);
+  background: var(--accent-selection);
+}
+.structure-filters {
+  display: grid;
+  gap: 8px;
+  padding: 12px 16px 0;
+}
+.structure-filters input,
+.structure-filters select,
+.structure-group-filter select {
+  width: 100%;
+  min-width: 0;
+  padding: 7px 9px;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: var(--panel);
+  color: var(--ink);
+}
+.structure-tab-content,
+.structure-zone-list {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  flex: 1;
+}
+.structure-floor {
+  margin: 0 10px 6px;
+}
+.structure-floor > summary,
+.structure-record > summary {
+  cursor: pointer;
+  padding: 9px 6px;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.structure-floor > summary {
+  font-weight: 600;
+}
+.structure-floor summary small,
+.structure-record summary small {
+  display: block;
+  margin: 3px 0 0 16px;
+  font-weight: 400;
+  color: var(--ink-soft);
+}
+.structure-record {
+  margin: 0 10px;
+  border-bottom: 1px solid var(--line);
+}
+.structure-record.selected > summary,
+.structure-record .text-button.active {
+  background: var(--accent-selection);
+  color: var(--accent);
+}
+.structure-record-body {
+  padding: 4px 10px 12px;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+.structure-record-body p {
+  margin: 6px 0;
+  color: var(--ink-soft);
+}
+.structure-record-body code {
+  display: block;
+  margin-top: 5px;
+  font-size: 10px;
+  color: var(--ink-soft);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.structure-record-body h4 {
+  margin: 12px 0 6px;
+}
+.structure-load-more {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.structure-connection {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  align-items: center;
+  gap: 6px;
+}
+.structure-load-more {
+  padding: 10px;
+  font-size: 11px;
+  color: var(--ink-soft);
+}
+.structure-group-filter {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin: 10px 16px;
+  font-size: 12px;
+}
+.structure-group-filter select {
+  flex: 1;
+}
+.structure-edge {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 25px;
+  gap: 0 5px;
+  padding: 3px 0;
+  border-top: 1px solid var(--line);
+}
+.structure-edge-target {
+  min-width: 0;
+  display: flex;
+  align-items: center;
+  min-height: 25px;
+  font-weight: 500;
+}
+.structure-edge-target > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.structure-edge-meta,
+.structure-facts {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0 8px;
+  min-width: 0;
+  color: var(--ink-soft);
+  font-size: 10px;
+  line-height: 1.4;
+}
+.structure-edge-meta {
+  grid-column: 1;
+}
+.structure-fact {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  max-width: 100%;
+}
+.structure-edge-meta .structure-locate {
+  width: 22px;
+  height: 22px;
+}
+.structure-edge-locate {
+  grid-column: 2;
+  grid-row: 1 / 3;
+  align-self: center;
+}
+.structure-scroll > .structure-note {
+  margin: 10px 16px;
+}
+.structure-floor-find {
+  margin: 4px 16px 8px;
+}
+/* Dense explorer rows: identity, relationship count and location stay on one line. */
+.structure-heading {
+  padding: 9px 12px 6px;
+  font-size: 13px;
+}
+.structure-tabs {
+  padding: 0 6px;
+}
+.structure-tabs button {
+  padding: 7px 3px;
+}
+.structure-filters {
+  grid-template-columns: minmax(0, 1fr) minmax(100px, 0.8fr);
+  gap: 6px;
+  padding: 8px 10px 0;
+}
+.structure-filters input,
+.structure-filters select {
+  padding: 5px 7px;
+  font-size: 11px;
+}
+.structure-panel .structure-summary {
+  padding: 7px 12px;
+  gap: 10px;
+  font-size: 11px;
+}
+.structure-floor {
+  margin: 0 5px 3px;
+}
+.structure-record {
+  margin: 0 5px;
+}
+.structure-floor > summary,
+.structure-record > summary {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 5px;
+  min-height: 29px;
+}
+.structure-floor > summary::before,
+.structure-record > summary::before {
+  content: "›";
+  width: 8px;
+  flex: none;
+  color: var(--ink-soft);
+}
+.structure-floor[open] > summary::before,
+.structure-record[open] > summary::before {
+  transform: rotate(90deg);
+}
+.structure-floor > summary::-webkit-details-marker,
+.structure-record > summary::-webkit-details-marker {
+  display: none;
+}
+.structure-row-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex: 1;
+  min-width: 0;
+}
+.structure-row-title > span {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.structure-row-title > small {
+  display: inline;
+  flex: none;
+  margin: 0;
+  font-size: 10px;
+  white-space: nowrap;
+}
+.structure-locate {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  width: 25px;
+  height: 25px;
+  border-radius: 5px;
+  color: var(--ink-soft);
+}
+.structure-locate:hover {
+  background: var(--accent-selection);
+  color: var(--accent);
+}
+.structure-object-link,
+.structure-member,
+.structure-member-title {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+}
+.structure-object-link {
+  display: inline-flex;
+  max-width: 100%;
+}
+.structure-object-link > span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.structure-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+  min-height: 25px;
+  width: 100%;
+}
+.structure-item > small {
+  flex: none;
+  color: var(--ink-soft);
+}
+.structure-member-title {
+  flex: 1;
+  font-size: 11px;
+}
+.structure-member-title > span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.structure-member-title > svg,
+.structure-member-title > em {
+  flex: none;
+}
+.structure-detail .structure-member {
+  min-height: 25px;
+}
+.structure-member-title em {
+  margin-left: auto;
+}
+.structure-detail .structure-member > .structure-locate {
+  width: 25px;
+  padding: 0;
+}
+.structure-record-body {
+  padding: 0 6px 5px 16px;
+  font-size: 11px;
+  line-height: 1.4;
+}
+.structure-record-body p {
+  margin: 2px 0;
+}
+.structure-record-body > .structure-record {
+  margin: 0;
+}
+.structure-record-body h4 {
+  margin: 6px 0 2px;
+  font-size: 11px;
+}
+.structure-zone-toolbar {
+  display: flex;
+  align-items: center;
+  padding-right: 8px;
+}
+.structure-zone-toolbar .structure-zone-head {
+  flex: 1;
+  min-width: 0;
+  flex-wrap: nowrap;
+  padding: 6px 10px;
+  font-size: 12px;
+}
+.structure-zone-head strong {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.structure-zone-toolbar .structure-counts {
+  font-size: 10px;
+}
+.structure-zone.open > .structure-zone-toolbar {
+  background: var(--hover);
+}
+.structure-panel .structure-group h3 {
+  margin: 9px 12px 4px;
+  font-size: 10px;
+}
+.structure-panel .structure-detail {
+  padding: 0 10px 6px 20px;
+  line-height: 1.4;
+}
+.structure-panel .structure-detail h4 {
+  margin: 6px 0 2px;
+  letter-spacing: 0.03em;
+}
+.structure-detail li button {
+  padding: 3px 5px;
+  font-size: 11.5px;
+}
+.structure-panel .structure-group-filter {
+  margin: 6px 12px;
+  font-size: 11px;
+}
+.structure-panel .structure-note {
+  font-size: 10.5px;
+  margin-top: 4px;
+}
+.structure-panel .text-button {
+  font-size: 11px;
+}
+.navigation-graph {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  background: var(--panel);
+}
+.navigation-graph-toolbar,
+.navigation-graph-search,
+.navigation-graph-legend {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 10px 16px;
+  border-bottom: 1px solid var(--line);
+  color: var(--ink);
+  font-size: 12px;
+}
+.navigation-graph select,
+.navigation-graph input[type="search"] {
+  max-width: 280px;
+  min-width: 0;
+  padding: 7px 9px;
+  color: var(--ink);
+  background: var(--panel);
+  border: 1px solid var(--line);
+  border-radius: 6px;
+}
+.navigation-graph-toolbar strong {
+  margin-right: auto;
+}
+.navigation-graph-toolbar label {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.navigation-graph-stage {
+  position: relative;
+  flex: 1;
+  min-height: 200px;
+}
+.navigation-graph canvas {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  touch-action: none;
+  cursor: grab;
+}
+.navigation-graph canvas:active {
+  cursor: grabbing;
+}
+.navigation-graph-empty {
+  text-align: center;
+  color: var(--ink-soft);
+  padding: 60px 20px;
+}
+.navigation-graph-legend {
+  border-top: 1px solid var(--line);
+  border-bottom: 0;
+  color: var(--ink-soft);
+}
+.navigation-graph-legend span {
+  display: inline-flex;
+  gap: 6px;
+  align-items: center;
+}
+.navigation-graph-legend i {
+  display: inline-block;
+  width: 16px;
+  height: 3px;
+}
+.navigation-graph-help {
+  padding: 0 16px 12px;
+  margin: 0;
+  color: var(--ink-faint);
+  font-size: 11px;
+}
+.structure-summary {
+  display: flex;
+  gap: 14px;
+  padding: 10px 16px;
+  border-bottom: 1px solid var(--line);
+  color: var(--ink-soft);
+  font-size: 12px;
+  flex-wrap: wrap;
+}
+.structure-summary span {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+.structure-scroll {
+  padding: 4px 0 18px;
+}
+.structure-group h3 {
+  margin: 14px 16px 6px;
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--ink-soft);
+}
+.structure-zone-head {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  width: 100%;
+  padding: 7px 16px;
+  text-align: left;
+  border-radius: 8px;
+  flex-wrap: wrap;
+}
+.structure-zone-head:hover {
+  background: var(--hover);
+}
+.structure-zone.open > .structure-zone-head {
+  background: var(--hover);
+}
+.structure-counts {
+  margin-left: auto;
+  color: var(--ink-soft);
+  font-size: 11.5px;
+  white-space: nowrap;
+}
+.structure-detail {
+  padding: 2px 16px 10px 30px;
+}
+.structure-detail h4 {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin: 10px 0 4px;
+  font-size: 11px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--ink-soft);
+  font-weight: 600;
+}
+.structure-detail ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.structure-detail li button {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  padding: 4px 8px;
+  border-radius: 6px;
+  text-align: left;
+  font-size: 12.5px;
+}
+.structure-detail li button:hover {
+  background: var(--hover);
+}
+/* Room names are long and sidebars are narrow. Truncate rather than wrap: a row that grows to three
+   lines loses the scannable left edge that makes a list readable at all. */
+.structure-detail li button > span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.structure-detail li button > svg {
+  flex: none;
+}
+.structure-detail li button.active {
+  background: var(--accent-selection);
+  color: var(--accent);
+}
+.structure-detail li em {
+  margin-left: auto;
+  font-style: normal;
+  color: var(--ink-soft);
+  font-size: 11px;
+  white-space: nowrap;
+}
+.structure-from {
+  color: var(--ink-soft);
+}
+.structure-note {
+  margin: 8px 0 0;
+  color: var(--ink-soft);
+  font-size: 11.5px;
+}
+.structure-empty {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 28px 22px;
+  color: var(--ink-soft);
+  font-size: 12.5px;
+}
+.structure-empty strong {
+  color: var(--ink);
+  font-size: 13.5px;
+}
+.structure-empty p {
+  margin: 0;
+  line-height: 1.5;
+}
+
+/* Sidebar tab pair: levels, or the structure the ontology describes. */
+.viewer-tabs {
+  display: flex;
+  gap: 4px;
+  padding: 8px 12px 0;
+}
+.viewer-tabs button {
+  flex: 1;
+  padding: 6px 10px;
+  border-radius: 8px;
+  font-size: 12.5px;
+  font-weight: 600;
+  color: var(--ink-soft);
+}
+.viewer-tabs button:hover {
+  background: var(--hover);
+}
+.viewer-tabs button.active {
+  background: var(--accent-selection);
+  color: var(--accent);
+}
+
+.structure-actions {
+  display: flex;
+  gap: 10px;
+  padding: 8px 16px;
+  border-bottom: 1px solid var(--line);
+}
+.structure-actions .text-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 12px;
+}
+.structure-actions .text-button:disabled {
+  opacity: 0.4;
+}
+.structure-edit {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+  margin: 6px 0 2px;
+  padding-bottom: 8px;
+  border-bottom: 1px dashed var(--line);
+}
+.structure-edit input,
+.structure-edit select {
+  flex: 1 1 120px;
+  min-width: 0;
+  padding: 4px 7px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: var(--panel);
+  font-size: 12px;
+}
+.structure-edit .text-button {
+  font-size: 11.5px;
+  white-space: nowrap;
+}
+
+/* A project file dropped anywhere on the home screen opens it — the whole page is the target, so
+   the whole page has to say so while a file is over it. */
+.home.dropping::after {
+  content: "";
+  position: fixed;
+  inset: 10px;
+  border: 2px dashed var(--accent);
+  border-radius: var(--radius-lg);
+  background: color-mix(in srgb, var(--accent) 7%, transparent);
+  pointer-events: none;
+  z-index: 40;
+}
+
+/* Two numbers that belong together — a longitude and its latitude — read as one reading, not two. */
+.field-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+
+/* The layer census in the CAD import tab: what each layer was read as, and a way to say otherwise. */
+.layer-picker {
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  margin-top: 12px;
+  overflow: hidden;
+}
+.layer-picker-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: 10px;
+  padding: 10px 12px;
+  background: var(--panel-soft);
+  border: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+}
+.layer-picker-head span {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.layer-picker-head small {
+  color: var(--ink-faint);
+}
+.layer-picker-head small.warn {
+  color: var(--warning);
+}
+.layer-picker .helper {
+  padding: 0 12px;
+}
+.layer-rows {
+  max-height: 260px;
+  overflow-y: auto;
+  padding: 0 12px;
+}
+.layer-row {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: 10px;
+  align-items: center;
+  padding: 5px 0;
+  border-bottom: 1px solid var(--line);
+}
+.layer-row.assigned .layer-name {
+  color: var(--accent-ink);
+  font-weight: 600;
+}
+.layer-name {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.layer-name small {
+  color: var(--ink-faint);
+  font-size: 11.5px;
+}
+.layer-row select {
+  max-width: 150px;
+}
+.layer-profiles {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 10px 12px;
+  border-top: 1px solid var(--line);
+}
+.layer-profiles input {
+  flex: 1 1 160px;
+  min-width: 0;
+}
+
+/* Site anchor: a bearing you drag and a position you nudge, because nobody adjusts a building by
+   typing degrees of longitude. */
+.nudge-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-bottom: 10px;
+}
+.nudge-row .button {
+  padding: 4px 6px;
+  min-width: 0;
+}
+.nudge-value {
+  flex: 1 1 auto;
+  min-width: 56px;
+  text-align: center;
+}
+.nudge-pad {
+  display: grid;
+  grid-template-areas: ". up ." "left step right" ". down .";
+  gap: 4px;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 8px;
+}
+.nudge-pad .up {
+  grid-area: up;
+}
+.nudge-pad .left {
+  grid-area: left;
+}
+.nudge-pad .right {
+  grid-area: right;
+}
+.nudge-pad .down {
+  grid-area: down;
+}
+.nudge-pad .step {
+  grid-area: step;
+  min-width: 72px;
+}
+.anchor-exact summary {
+  cursor: pointer;
+  color: var(--ink-faint);
+  font-size: 12.5px;
+  margin-bottom: 8px;
+}
+
+/* The way in to the site anchor. It lives in the properties panel, which is closed by default and
+   shows the site only when nothing is selected — so without a door like this you have to know. */
+.anchor-entry {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 9px 12px;
+  margin-bottom: 6px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: var(--panel-soft);
+  color: var(--ink-soft);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.anchor-entry:hover {
+  border-color: var(--accent);
+  color: var(--ink);
+}
+.anchor-entry span {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+}
+.anchor-entry small {
+  color: var(--ink-faint);
+  font-size: 11px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Turning an object, and aiming a camera. Both stand off in the world rather than on screen, so they
+   follow the thing they belong to through a pan or a zoom. */
+.rotate-handle,
+.coverage-handle {
+  /* The overlay layer is pointer-events: none so the map stays draggable through it; every handle
+     on it has to opt back in, as the move handle does. */
+  pointer-events: auto;
+  z-index: 8;
+  position: absolute;
+  width: 15px;
+  height: 15px;
+  margin: -8px 0 0 -8px;
+  padding: 0;
+  border-radius: 50%;
+  border: 2px solid var(--panel);
+  background: var(--accent);
+  box-shadow: var(--shadow-sm);
+  cursor: grab;
+}
+.rotate-handle:active,
+.coverage-handle:active {
+  cursor: grabbing;
+}
+.coverage-handle {
+  border-radius: 3px;
+  background: var(--warning);
+}
+
+/* The reference viewer's lift controls. Host chrome, like the floor sidebar: the library draws what
+   a reading says, and this is the host's way of producing one. */
+.lift-panel {
+  position: absolute;
+  top: 14px;
+  right: 14px;
+  z-index: 20;
+  width: 208px;
+  max-height: calc(100% - 28px);
+  overflow-y: auto;
+  padding: 12px;
+  border-radius: var(--radius-lg);
+  border: 1px solid var(--line);
+  background: var(--panel);
+  box-shadow: var(--shadow-md);
+}
+.lift-panel h3 {
+  margin: 0 0 10px;
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--ink-faint);
+}
+.lift-panel section + section {
+  margin-top: 14px;
+  padding-top: 12px;
+  border-top: 1px solid var(--line);
+}
+.lift-panel header {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 8px;
+  margin-bottom: 7px;
+}
+.lift-panel header strong {
+  font-size: 13px;
+}
+.lift-panel header span {
+  font-size: 11px;
+  color: var(--ink-faint);
+  text-align: right;
+}
+.lift-landings {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+}
+.lift-landings button,
+.lift-doors {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  padding: 5px 8px;
+  border-radius: 7px;
+  border: 1px solid transparent;
+  background: transparent;
+  color: var(--ink-soft);
+  font: inherit;
+  font-size: 12px;
+  text-align: left;
+  cursor: pointer;
+}
+.lift-landings button:hover,
+.lift-doors:hover {
+  background: var(--surface-hover, rgba(120, 120, 150, 0.09));
+}
+.lift-landings button.active {
+  background: var(--accent-soft, rgba(98, 89, 232, 0.12));
+  color: var(--accent-ink);
+  font-weight: 600;
+}
+.lift-doors {
+  margin-top: 8px;
+  justify-content: center;
+  border-color: var(--line);
+}
+.lift-doors.active {
+  border-color: var(--accent);
+  color: var(--accent-ink);
+}
+
+/* Offered above the route tool's instruction bar when a plan has no graph of its own. */
+.adopt-graph {
+  position: absolute;
+  bottom: 152px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 21;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  white-space: nowrap;
+}
+/* The person, kept apart from the camera: where the last walk ended, drawn on the plan with the way
+   they were facing. --turn is the facing relative to the map's rotation, set by reposition(). */
+.avatar-marker {
+  pointer-events: auto;
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  background: var(--accent, #4f46e5);
+  color: #fff;
+  border: 2px solid #fff;
+  box-shadow: var(--shadow-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 12;
+  cursor: pointer;
+}
+.avatar-marker i {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 0;
+  height: 0;
+  border-left: 18px solid transparent;
+  border-right: 18px solid transparent;
+  border-bottom: 34px solid rgba(79, 70, 229, 0.28);
+  transform-origin: 50% 100%;
+  transform: translate(-50%, -100%) rotate(var(--turn, 0deg));
+  pointer-events: none;
+}
+.avatar-marker:hover {
+  transform: translate(-50%, -50%) scale(1.15);
+}
+.map-navigator .pegman {
+  cursor: grab;
+  color: var(--accent, #4f46e5);
+  touch-action: none;
+}
+.map-navigator .pegman.lifted {
+  cursor: grabbing;
+  color: var(--ink-soft);
+}
+.pegman-ghost {
+  position: absolute;
+  z-index: 30;
+  pointer-events: none;
+  transform: translate(-50%, -100%);
+  color: var(--accent, #4f46e5);
+  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));
+}
+/* The place picker's browse mode: levels first, then the places on one. */
+.place-level,
+.place-back {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  padding: 8px 10px;
+  text-align: left;
+  font-size: 13px;
+  font-weight: 500;
+}
+.place-level small {
+  margin-left: auto;
+  color: var(--ink-faint);
+  font-weight: 400;
+}
+.place-level:hover,
+.place-back:hover {
+  background: var(--panel-soft);
+}
+.place-back {
+  color: var(--ink-soft);
+  border-bottom: 1px solid var(--line);
+  position: sticky;
+  top: 0;
+  background: var(--panel);
+  z-index: 1;
+}
+.place-group {
+  padding: 7px 10px 3px;
+  font-size: 10.5px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--ink-faint);
+}
+.place-option.here {
+  color: var(--accent-ink);
+  border-bottom: 1px solid var(--line);
+}
+
+.walk-elevator {
+  position: absolute;
+  right: 14px;
+  top: 142px;
+  width: 270px;
+  max-height: calc(100% - 240px);
+  overflow: auto;
+  z-index: 12;
+  border: 1px solid var(--line);
+  border-radius: 14px;
+  background: var(--panel);
+  color: var(--ink);
+  box-shadow: 0 8px 28px #10162724;
+  font-size: 12px;
+}
+.walk-elevator button,
+.walk-elevator select {
+  font: inherit;
+}
+.elevator-toggle {
+  width: 100%;
+  padding: 12px;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.elevator-toggle span {
+  float: right;
+}
+.elevator-body {
+  display: grid;
+  gap: 9px;
+  padding: 0 12px 12px;
+}
+.elevator-body p {
+  margin: 0;
+}
+.elevator-body button {
+  border: 1px solid var(--line-strong);
+  border-radius: 7px;
+  background: var(--panel-soft);
+  color: inherit;
+  padding: 9px;
+  cursor: pointer;
+}
+.elevator-body button:disabled {
+  opacity: 0.45;
+  cursor: default;
+}
+.elevator-body button[aria-pressed="true"] {
+  background: var(--accent-soft);
+  color: var(--accent-ink);
+}
+.elevator-floors {
+  display: grid;
+  gap: 5px;
+}
+.elevator-door-buttons {
+  display: flex;
+  gap: 6px;
+}
+.elevator-door-buttons button {
+  flex: 1;
+}
+
+.elevator-body small {
+  color: var(--ink-soft);
+}
+.elevator-body select {
+  background: var(--panel-soft);
+  color: var(--ink);
+  border: 1px solid var(--line-strong);
+  padding: 8px;
+  border-radius: 7px;
+}
+.elevator-body button:focus-visible,
+.elevator-toggle:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -3px;
+}
+
+/* AI import activity; accepted geometry is displayed on the main map. */
+.ai-import-inputs {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+}
+.ai-import-inputs small {
+  color: var(--ink-faint);
+  font-size: 12px;
+}
+.ai-import-inputs textarea,
+.ai-import-composer textarea {
+  width: 100%;
+  resize: vertical;
+  min-height: 70px;
+}
+.ai-import-toolbar,
+.ai-import-pane-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.ai-import-toolbar {
+  margin: 12px 0;
+  font-size: 13px;
+}
+.ai-import-conversation {
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  min-width: 0;
+  overflow: hidden;
+}
+.ai-import-pane-heading {
+  padding: 10px 12px;
+  font-size: 13px;
+  border-bottom: 1px solid var(--line);
+  min-height: 48px;
+}
+.ai-import-chat {
+  height: 330px;
+  overflow: auto;
+  padding: 12px;
+}
+.ai-import-empty {
+  padding: 28px 16px;
+  color: var(--ink-faint);
+  font-size: 13px;
+  line-height: 1.6;
+}
+.ai-import-message {
+  padding: 10px 12px;
+  margin-bottom: 10px;
+  border-radius: 8px;
+  background: var(--panel);
+  border: 1px solid var(--line);
+}
+.ai-import-message small {
+  color: var(--ink-faint);
+  font-size: 11px;
+}
+.ai-import-message p {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font-size: 13px;
+  line-height: 1.5;
+  margin-top: 4px;
+}
+.ai-import-message.tool p {
+  font-family: monospace;
+  font-size: 11px;
+}
+.ai-import-panel .helper {
+  margin: 12px 0;
+}
+@media (max-width: 720px) {
+  .ai-import-inputs {
+    grid-template-columns: 1fr;
+  }
+  .ai-import-chat {
+    height: 220px;
+  }
+  .import-tabs {
+    overflow-x: auto;
+  }
+}
+
+.plan-import-slot {
+  display: flex;
+  flex: none;
+  min-height: 0;
+}
+.plan-import-slot[hidden] {
+  display: none;
+}
+.plan-import-panel .inspector-top h2 {
+  font-size: 13px;
+  text-transform: none;
+  letter-spacing: 0;
+}
+.plan-import-panel > .import-tabs {
+  flex: none;
+  margin: 0;
+  padding: 6px 12px;
+  border-bottom: 1px solid var(--line);
+}
+.plan-import-panel > .import-tabs button {
+  padding: 6px 8px;
+  font-size: 12px;
+}
+.plan-import-panel .ai-import-inputs {
+  grid-template-columns: 1fr;
+}
+.ai-import-shell,
+.ai-import-organized {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+.ai-import-sticky {
+  flex: none;
+  padding: 12px;
+  background: var(--panel);
+  max-height: 45%;
+  overflow: auto;
+}
+.ai-import-source {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  margin-bottom: 8px;
+}
+.ai-import-sticky .ai-import-toolbar {
+  gap: 8px;
+}
+.ai-import-sticky .ai-import-toolbar > span {
+  font-size: 11px;
+  line-height: 1.5;
+}
+.ai-import-sticky .button {
+  flex: none;
+  padding: 7px 9px;
+  font-size: 11px;
+}
+.ai-import-sticky .form-error {
+  max-height: 6rem;
+  overflow: auto;
+}
+.ai-import-pause {
+  font-size: 11px;
+  line-height: 1.4;
+  color: var(--ink-soft);
+  margin-top: 8px;
+}
+.ai-import-tablist {
+  display: flex;
+  flex: none;
+  border-bottom: 1px solid var(--line);
+  padding: 0 8px;
+  background: var(--panel);
+}
+.ai-import-tablist button {
+  flex: 1;
+  padding: 10px 2px;
+  color: var(--ink-soft);
+  border-bottom: 2px solid transparent;
+  font-size: 12px;
+}
+.ai-import-tablist button[aria-selected="true"] {
+  color: var(--accent);
+  border-bottom-color: var(--accent);
+  font-weight: 650;
+}
+.ai-import-tablist i {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--accent);
+  margin-left: 4px;
+}
+.ai-import-tab-scroll {
+  overflow-y: auto;
+  flex: 1;
+  min-height: 0;
+  padding: 12px;
+}
+.ai-import-tab-scroll[hidden] {
+  display: none;
+}
+.ai-import-tab-scroll .ai-import-conversation {
+  border: 0;
+}
+.ai-import-tab-scroll .ai-import-message {
+  padding: 10px;
+}
+.icon-button[data-import-running] {
+  position: relative;
+}
+.icon-button[data-import-running]::after {
+  content: "";
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--accent);
+}
+
+.ai-import-activity {
+  font-size: 12px;
+  color: var(--ink-faint);
+  margin: 8px 0;
+}
+.ai-import-usage {
+  padding: 12px;
+  margin-bottom: 12px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  font-size: 12px;
+}
+.ai-import-usage dl {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px 16px;
+  margin: 10px 0;
+}
+.ai-import-usage dl > div {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+}
+.ai-import-usage dd {
+  margin: 0;
+  font-variant-numeric: tabular-nums;
+}
+.ai-import-usage small {
+  color: var(--ink-faint);
+}
+.ai-import-followup {
+  padding: 10px;
+  margin-bottom: 12px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+}
+.ai-import-followup textarea {
+  width: 100%;
+}
+.ai-import-followup .button {
+  margin-top: 8px;
+}
+
+.ai-import-scale {
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  padding: 10px 12px;
+  margin: 12px 0;
+  min-width: 0;
+}
+.ai-import-scale legend {
+  font-size: 12px;
+  font-weight: 600;
+  padding: 0 4px;
+}
+.ai-import-scale small {
+  display: block;
+  color: var(--ink-faint);
+  font-size: 11px;
+  line-height: 1.5;
+  margin-top: 8px;
+}
+.ai-import-scale .field-grid {
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+}
+
+.ai-analysis-preview {
+  padding: 0.85rem;
+  border: 1px solid var(--line);
+  border-radius: 12px;
+  margin-block: 0.75rem;
+}
+.ai-analysis-preview > summary {
+  cursor: pointer;
+  font-weight: 650;
+}
+.ai-analysis-layers,
+.ai-analysis-toolbar {
+  display: flex;
+  gap: 0.65rem;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-block: 0.65rem;
+  font-size: 0.8rem;
+}
+.ai-analysis-layers label,
+.ai-analysis-toolbar label {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.ai-analysis-layers input {
+  accent-color: #2563eb;
+}
+.ai-analysis-toolbar input {
+  width: 6rem;
+}
+.ai-analysis-toolbar .button {
+  padding: 0.25rem 0.55rem;
+  min-height: 1.8rem;
+}
+.ai-analysis-canvas {
+  max-height: 24rem;
+  min-height: 10rem;
+  overflow: auto;
+  background: #fff;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+}
+.ai-analysis-canvas img {
+  display: block;
+  max-width: none;
+  height: auto;
+  padding: 8px;
+}
+.ai-analysis-preview .helper,
+.ai-analysis-preview li {
+  font-size: 0.75rem;
+  line-height: 1.4;
+}
+.ai-import-budget {
+  margin-block: 0.75rem;
+}
+.ai-import-budget summary {
+  cursor: pointer;
+  font-size: 0.85rem;
+}
+
+.ai-import-activity-panel {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+.ai-import-activity-panel[hidden] {
+  display: none;
+}
+.ai-import-composer {
+  flex: none;
+  padding: 10px 12px;
+  border-top: 1px solid var(--line);
+  background: var(--panel);
+}
+.ai-import-composer .field {
+  margin: 0 0 8px;
+}
+.ai-import-composer textarea {
+  min-height: 58px;
+  max-height: 140px;
+  resize: vertical;
+  font-size: 12px;
+}
+.ai-import-composer > div {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.ai-import-composer small {
+  flex: 1;
+  font-size: 10px;
+  color: var(--ink-faint);
+  line-height: 1.4;
+}
+.ai-import-composer .button {
+  flex: none;
+  padding: 7px 9px;
+  font-size: 11px;
+}
+
+.modal.fullscreen {
+  width: 100vw;
+  max-width: 100vw;
+  height: 100dvh;
+  max-height: 100dvh;
+  margin: 0;
+  border-radius: 0;
+  padding: 18px;
+  overflow: hidden;
+}
+.modal.fullscreen[open] {
+  display: flex;
+  flex-direction: column;
+}
+.modal.fullscreen > header {
+  flex: none;
+}
+.ai-analysis-preview[hidden] {
+  display: none;
+}
+.ai-analysis-fullscreen {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+.ai-analysis-fullscreen .ai-analysis-canvas {
+  flex: 1;
+  min-height: 0;
+  max-height: none;
+}
+.ai-analysis-fullscreen .ai-analysis-canvas img {
+  margin-inline: auto;
+}
+.ai-analysis-fullscreen .helper {
+  font-size: 12px;
+  line-height: 1.4;
+  margin: 6px 0;
+}
+.ai-analysis-fullscreen > details {
+  max-height: 15vh;
+  overflow: auto;
+}
+
+.ai-analysis-overlay-controls {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+  font-size: 12px;
+  margin-block: 8px;
+}
+.ai-analysis-overlay-controls label {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.ai-analysis-overlay-controls input[type="range"] {
+  width: 90px;
+}
+.ai-analysis-overlay-controls input {
+  accent-color: #2563eb;
+}
+.ai-analysis-overlay-controls output {
+  min-width: 3ch;
+}
+
+.ai-import-panel textarea {
+  font: inherit;
+  font-size: 12px;
+  line-height: 1.5;
+  padding: 9px 10px;
+  color: var(--ink);
+  background: var(--panel-soft);
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  outline: none;
+}
+.ai-import-panel textarea:focus {
+  border-color: var(--accent);
+}
+.ai-import-panel textarea::placeholder {
+  color: var(--ink-faint);
+}
+
+.ai-analysis-toolbar a {
+  color: var(--accent);
+  text-underline-offset: 2px;
+}
+.ai-analysis-fullscreen .helper {
+  color: var(--ink-soft);
+}