body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif}.map-container{position:relative;width:100%;height:100vh}.debug-tools{display:flex;gap:8px;position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:1000;background-color:rgba(0,0,0,.8);padding:8px 12px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.debug-tools button{background:#ff9800;color:white;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px}.debug-tools button:hover{background:#e68900}.auth-popup{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:2000}.auth-popup-content{background:white;padding:24px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);text-align:center;font-size:16px;font-weight:700}.map-wrapper{position:absolute;top:0;left:100px;right:0;bottom:0;transition:left .3s ease-in-out}.map-element{height:100%}.measurement-result{bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:white;font-size:14px}.legend-panel,.measurement-result{position:absolute;padding:8px 12px;border-radius:6px}.legend-panel{bottom:45px;left:50px;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.2)}.sidebar{width:100px;background-color:#222;height:100vh;position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;transition:width .3s ease-in-out;overflow:hidden}.sidebar.expanded{width:200px}.sidebar.collapsed{width:50px;min-width:50px;max-width:50px;overflow-x:hidden}.sidebar-toggle-btn{width:100%;background:#111;color:#fff;border:none;padding:8px 0;cursor:pointer;font-size:18px;outline:none;transition:background .2s}.sidebar-controls{padding-top:10px;gap:10px}.sidebar-control,.sidebar-controls{display:flex;flex-direction:column;align-items:center;width:100%}.sidebar-control{background:none;border:none;color:white;padding:10px;cursor:pointer;justify-content:center;transition:background .2s ease-in-out}.sidebar-control span[role=img]{font-size:24px}.control-label,.search-control-label{font-size:12px;margin-top:4px;opacity:1;transition:opacity .3s ease-in-out;white-space:nowrap}.search-control-label{color:#000000}.sidebar.expanded .sidebar-control{flex-direction:row;justify-content:center;padding-left:8px}.sidebar.expanded .sidebar-control span.control-label{margin-left:10px}.sidebar-content{flex:1 1;overflow-y:auto;max-height:calc(100vh - 80px);padding:10px}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2);border-radius:4px}.sidebar.expanded~.map-wrapper{left:320px}.popup-content{display:flex;flex-direction:column;gap:10px;position:relative;padding-bottom:50px}.done-btn{z-index:3001;align-self:flex-end;background:#4a90e2;color:white;border:none;font-size:14px;cursor:pointer;font-weight:700;margin-top:0;position:absolute;bottom:10px;right:10px;background-color:#007bff;padding:10px 20px;border-radius:5px}.done-btn:hover{background:#3a7bca;background-color:#0056b3}.map-auth-required{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.auth-message{text-align:center;padding:2rem;background-color:white;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:400px}.auth-button{background-color:#007bff;color:white;padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-top:1rem;transition:background-color .3s}.auth-button:hover{background-color:#0056b3}.layer-popup{position:fixed;top:50%;left:55%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);width:350px;z-index:1000}.right-sidebar{right:0;width:320px;background:#fff;border-left:1px solid #ddd;box-shadow:-2px 0 5px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;padding:5px;resize:horizontal;min-width:100px;max-width:320px}.resize-handle,.right-sidebar{position:absolute;top:0;height:100%}.resize-handle{left:-5px;width:10px;cursor:ew-resize;background:rgba(0,0,0,.1)}.map-style-control-button,.search-control-button{position:absolute;background:none;padding:0;border:none;z-index:1500;transition:right .3s ease-in-out}.map-style-control-button{top:28%;right:1.5px}.search-control-button{top:35%;right:1.5px}.map-style-control-button button{background:#fff;margin-top:35%;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.2);border:none;cursor:pointer}.map-wrapper .maplibregl-ctrl-top-right{position:absolute;top:0;right:5px;z-index:1500;transition:right .3s ease-in-out}@media (min-width:600px){.map-wrapper.sidebar-open .maplibregl-ctrl-top-right{right:322px}.map-wrapper.sidebar-open .measurement-tool-button{right:332px}.map-style-control-button.sidebar-open,.search-control-button.sidebar-open{right:322px}}.measurement-tool-button{position:absolute;top:47%;right:10px;z-index:1000;transition:right .3s ease-in-out}@media (max-width:600px){.sidebar,.sidebar.collapsed,.sidebar.expanded{position:fixed;top:0;left:0;right:0;height:60px;width:100%;min-width:unset;max-width:unset;flex-direction:row;justify-content:space-around;align-items:center;padding:0 10px;background-color:#222;z-index:999}.sidebar-controls{flex-direction:row;gap:5px;padding:0;width:100%;justify-content:space-around}.sidebar-control{flex-direction:column;padding:6px;width:auto}.sidebar.expanded{width:100%;height:60px}.sidebar.expanded .sidebar-control{flex-direction:column;justify-content:center;padding-left:0}.sidebar.expanded .control-label{margin-left:0;margin-top:4px}.map-wrapper,.sidebar.collapsed~.map-wrapper,.sidebar.expanded~.map-wrapper{top:60px!important;left:0!important}.sidebar-control span[role=img]{font-size:18px}.control-label{font-size:10px;margin-top:2px}.measurement-tool-button{position:absolute;top:47%!important}.map-wrapper .maplibregl-ctrl-top-right{position:absolute;top:0}.map-style-control-button button{margin-top:35%!important}.search-control-button{top:37%}.right-sidebar{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important;max-width:100vw!important;width:100vw!important;height:30vh!important;max-height:70vh;overflow-y:auto;background:#fff;box-shadow:0 -2px 8px rgba(0,0,0,.2);z-index:1001;padding:10px!important;resize:none;box-sizing:border-box;transition:transform .3s ease-in-out;transform:translateY(0);border:4px solid hwb(180 67% 25%);border-bottom:transparent;border-radius:20px 20px 0 0;box-shadow:0 -4px 16px rgba(0,0,0,.15)}.resize-handle{width:100%;height:16px;cursor:ns-resize;position:absolute;top:0;left:0;z-index:1002;background:transparent;touch-action:none}}.sidebar .control-label{display:inline;transition:opacity .2s}.sidebar.collapsed .control-label{opacity:0;width:0;display:none}.sidebar.collapsed~.map-wrapper{left:50px}