@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101d27;--panel:#152530;--line:#2b3b45;--muted:#9baeb7;--accent:#c9f47b}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',sans-serif;background:var(--bg);color:#edf3f3;display:flex;height:100dvh;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sidebar{width:350px;flex-shrink:0;padding:28px 26px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);overflow-y:auto}header{display:flex;gap:12px;align-items:center}.brandmark{color:var(--accent);font-size:43px;line-height:1}h1{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:5px;margin:0;line-height:1}h1 span{color:var(--accent)}header p{font-size:9px;letter-spacing:3px;margin:7px 0 0;color:var(--muted)}.tag{margin-left:auto;border:1px solid #52613f;border-radius:5px;padding:5px 8px;color:var(--accent);font-size:11px;font-weight:700}.intro{margin:42px 0 24px}.eyebrow{font-size:9px;color:var(--accent);letter-spacing:1.6px}h2{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:16px 0 14px}.intro p{line-height:1.7;color:var(--muted);font-size:13px;margin:0}.dropzone{background:#1a2c33;border:1px dashed #5d7751;border-radius:10px;color:#ecf3ed;padding:20px 12px;display:flex;align-items:center;flex-direction:column;gap:8px;width:100%;transition:.2s}.dropzone:hover{background:#243b3b;border-color:var(--accent)}.upload-icon{font-size:29px;color:var(--accent);margin-bottom:2px}.dropzone strong{font-size:13px;font-weight:500}.dropzone>span:not(.upload-icon){font-size:12px;color:var(--accent)}.dropzone small{font-size:10px;color:var(--muted);margin-top:6px}.demo{background:none;border:0;color:#bdc9ce;padding:16px 0;text-align:left;font-size:12px}.demo span{float:right;color:var(--accent)}h3{font-size:10px;letter-spacing:1.5px;font-weight:500;margin:0;color:#bbcad0}.section-heading{border-top:1px solid var(--line);padding-top:25px;margin-top:7px;display:flex;align-items:center;justify-content:space-between}.section-heading h3 span{margin-left:6px;color:var(--accent)}.section-heading button{font-size:11px;border:0;background:none;color:var(--accent);padding:3px}.layers{min-height:145px;flex:1;padding:17px 0}.empty{text-align:center;padding:12px 0;color:var(--muted)}.empty>span{font-size:31px;color:#65808a;display:block;margin-bottom:10px}.empty strong{font-size:12px;color:#b9c8ce;font-weight:400}.empty p{font-size:11px;line-height:1.7;margin:8px 0}.layer{background:var(--panel);border:1px solid var(--line);border-radius:7px;margin:0 0 9px;padding:12px;display:grid;grid-template-columns:20px minmax(0,1fr) 22px;gap:8px;align-items:start}.layer input{accent-color:var(--accent);margin:3px 0}.layer-name{font-size:12px;overflow-wrap:anywhere}.layer-meta{font-size:10px;color:var(--muted);margin-top:6px}.layer button{background:none;border:0;padding:0;color:#b3c6ca}.layer .zoom-layer{color:var(--accent);font-size:10px;margin-top:9px;display:block}.remove-layer{font-size:19px}.settings{border-top:1px solid var(--line);padding-top:21px}.settings label{display:flex;justify-content:space-between;align-items:center;margin-top:17px;font-size:12px;color:#c4d1d6}.settings select{background:#1c303c;border:1px solid #384b57;border-radius:5px;color:#e2ebee;font-size:11px;padding:7px;max-width:160px}.toggle-row input{appearance:none;width:30px;height:17px;border-radius:12px;background:#40515a;position:relative;cursor:pointer}.toggle-row input:before{content:'';width:11px;height:11px;border-radius:50%;background:#c7d4d9;position:absolute;top:3px;left:3px}.toggle-row input:checked{background:#789c47}.toggle-row input:checked:before{left:16px;background:var(--accent)}.settings>p{font-size:10px;color:var(--muted);line-height:1.5;margin:12px 0 20px}footer{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:9px;font-size:10px;color:#c1ced4;line-height:1.5}footer small{display:block;font-size:9px;color:#7f959f;margin-top:4px}.privacy-dot,.live-dot{width:6px;height:6px;display:inline-block;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:5px}.map-panel{position:relative;min-width:0;flex:1;background:#060e16}#map{position:absolute;inset:0}.map-title{pointer-events:none;position:absolute;top:30px;left:30px;right:85px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.6px;text-shadow:0 1px 5px black}.map-title .live-dot{margin:0}.map-title-line{height:1px;width:45px;background:#809199}.map-title>span:last-child{color:#bed1da}.map-actions{position:absolute;right:22px;top:22px;display:flex;flex-direction:column;gap:8px}.map-actions button{background:#142731e8;border:1px solid #4a616d;border-radius:7px;width:39px;height:39px;color:#e8f1f4;font-size:15px;box-shadow:0 3px 12px #0003}.map-actions button:hover{color:var(--accent);border-color:var(--accent)}#status{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:11px 18px;border-radius:7px;background:#172c37ed;border:1px solid #3e5662;color:#e6eff3;font-size:12px;box-shadow:0 5px 25px #0003;text-align:center}#status.error{border-color:#ef9e84;color:#ffc4af}#status[hidden]{display:none}.map-hint{pointer-events:none;position:absolute;bottom:38px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.1px;color:#c5d1d7;text-shadow:0 1px 4px black}.map-hint>span{font-size:20px;color:var(--accent)}.map-hint i{width:3px;height:3px;background:#84969f;border-radius:50%}.help-panel{position:absolute;right:72px;top:22px;width:270px;padding:19px;background:#122731f5;border:1px solid #4a616d;border-radius:10px;font-size:12px}.help-panel p{color:#c4d3d9;line-height:1.9}.help-panel small{color:#92abb5;font-size:10px;line-height:1.6}#drop-overlay{position:absolute;inset:12px;border:2px dashed var(--accent);background:#14282ce8;z-index:20;border-radius:16px;align-items:center;justify-content:center;font-size:22px;color:var(--accent)}#drop-overlay:not([hidden]){display:flex}.cesium-viewer-bottom{bottom:3px!important}.cesium-infoBox{top:160px!important}.cesium-viewer-animationContainer,.cesium-viewer-timelineContainer{display:none!important}@media(max-height:850px) and (min-width:761px){.sidebar{padding-top:20px}.intro{margin-top:25px;margin-bottom:18px}h2{font-size:31px;margin:12px 0}.dropzone{padding:13px}.section-heading{padding-top:18px}.layers{min-height:110px}.settings{padding-top:16px}}@media(max-width:760px){body{flex-direction:column;overflow:auto;height:auto;min-height:100dvh}.sidebar{width:100%;padding:18px;overflow:visible;order:2}.map-panel{flex:none;height:58dvh;min-height:360px;order:1}.intro{margin:24px 0 18px}.intro h2 br{display:none}.intro h2{font-size:28px}.layers{min-height:100px}.map-title{left:16px;top:24px;font-size:8px;right:70px}.map-title-line{display:none}.map-hint{font-size:7px;gap:7px}.map-hint i:last-of-type,.map-hint{bottom:40px}.map-actions{right:14px;top:14px}.map-actions button{width:33px;height:33px}.help-panel{right:56px;width:235px}.cesium-infoBox{max-width:90%!important}}
.cancel-import{background:#382a27;border:1px solid #94614e;color:#ffd0bd;padding:9px 12px;border-radius:6px;margin-bottom:12px;font-size:12px}.cancel-import[hidden]{display:none}
.orientation-controls{position:absolute;right:22px;bottom:78px;width:172px;padding:10px;background:#122731ed;border:1px solid #4a616d;border-radius:10px;box-shadow:0 4px 18px #0004;display:flex;flex-direction:column;gap:8px}.orientation-controls button{background:#1d3542;border:1px solid #47606d;border-radius:6px;color:#e8f1f4;padding:8px;min-height:36px}.orientation-controls button:hover{border-color:var(--accent);color:var(--accent)}.orientation-controls button[aria-pressed=true]{background:#385037;color:var(--accent);border-color:var(--accent)}.orientation-row{display:flex;gap:6px}.orientation-row button{flex:1;font-size:20px}.tilt-row button{font-size:10px;padding:7px 3px}.orientation-controls output{font-size:9px;letter-spacing:1px;text-align:center;color:#b8cdd5}.orientation-controls button:disabled{opacity:.35;cursor:default}@media(max-width:760px){.orientation-controls{right:14px;bottom:62px;width:150px;padding:8px;gap:5px}.orientation-controls button{min-height:30px;padding:5px}.map-hint{max-width:calc(100% - 25px);font-size:7px;white-space:normal;text-align:center;width:max-content}}
.app-brand{display:flex;flex-direction:column;align-items:stretch;gap:16px}.company-logo{display:block;width:100%;height:auto;border-radius:7px;background:#fff}.app-brand-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-brand-title h1{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin:0}.app-brand .tag{margin-left:0}.app-brand + .intro{margin-top:28px}@media(max-width:760px){.company-logo{max-width:298px}.app-brand{gap:14px}.app-brand-title{max-width:298px}.app-brand + .intro{margin-top:24px}}
.layer-warning{font-size:10px;line-height:1.5;color:#e9c58d;margin-bottom:7px;overflow-wrap:anywhere}
#status{display:flex;align-items:center;gap:14px;padding-right:9px}#status-message{flex:1;min-width:0;overflow-wrap:anywhere}#status-close{flex:0 0 28px;align-self:flex-start;width:28px;height:28px;margin-top:-4px;margin-bottom:-4px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer}#status-close:hover{background:#ffffff18}
.layer-search{margin-top:16px}.search-label{font-size:11px;color:#c6d4da;display:block;margin-bottom:7px}.layer-search input[type=search],.filter-rule input,.layer-search select{width:100%;min-width:0;border:1px solid #3b5360;border-radius:5px;background:#1a303b;color:#edf3f3;padding:9px;font-size:11px}.layer-search details{margin-top:12px;border:1px solid var(--line);border-radius:6px;padding:10px}.layer-search summary{cursor:pointer;font-size:11px;color:#c8d8df}.filter-combine{display:flex;gap:9px;align-items:center;font-size:11px;margin:12px 0}.filter-combine select{flex:1}.filter-rule{display:grid;grid-template-columns:1fr 1fr 24px;gap:6px;border-top:1px solid var(--line);padding:10px 0}.filter-rule select:first-child{grid-column:1/3}.filter-rule input{grid-column:1/3;grid-row:3}.filter-rule select:nth-child(2){grid-column:1/3;grid-row:2}.filter-rule>button{grid-column:3;grid-row:1/4;background:none;border:0;color:#cddde3;font-size:21px}.layer-search #add-rule{border:0;background:none;color:var(--accent);font-size:11px;padding:7px 0}.search-options{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px}.search-options label{font-size:10px;color:#b8cbd4;display:flex;align-items:center;gap:4px}.search-options input,.tree-layer input{accent-color:var(--accent);cursor:pointer}.search-options button{border:0;background:none;color:var(--accent);font-size:10px;padding:5px}#search-count{font-size:10px;color:var(--muted);line-height:1.6;margin:7px 0 0}.tree-layer{border:1px solid var(--line);background:#152832;border-radius:8px;padding:10px;margin-bottom:12px;min-width:0}.tree-layer-heading{display:flex;align-items:start;gap:7px;font-size:12px}.tree-layer-heading strong{flex:1;overflow-wrap:anywhere;font-weight:500;line-height:1.5}.tree-layer-heading>button{background:none;border:0;color:#c2d2da;font-size:20px;padding:0 2px}.tree-layer-heading input{margin:3px 0}.tree-tools{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:10px;color:var(--muted);margin:8px 0 12px}.tree-tools button,.tree-more{background:none;border:0;color:var(--accent);font-size:10px;padding:3px}.tree-node{min-width:0}.tree-row{display:flex;align-items:center;gap:5px;min-height:30px;border-radius:4px}.tree-row:hover{background:#24404b}.tree-disclosure{width:17px;flex-shrink:0;background:none;border:0;padding:3px 0;color:#a8c0cc;font-size:12px}.tree-disclosure:disabled{cursor:default;opacity:.4}.tree-row>input{margin:0;width:13px;height:13px;flex-shrink:0}.tree-kind{font-size:12px;color:var(--accent);flex-shrink:0}.tree-name{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere;background:none;border:0;color:#dce7ed;font-size:11px;padding:6px 2px;line-height:1.45}.tree-children{border-left:1px solid #38515d;margin-left:8px;padding-left:8px}.tree-empty{color:var(--muted);font-size:11px;line-height:1.6}.item-detail{background:#1b303c;border:1px solid #4a6370;border-radius:8px;padding:12px;margin-bottom:18px}.item-detail[hidden]{display:none}.item-detail-head{display:flex;gap:8px;align-items:start;justify-content:space-between;font-size:12px;overflow-wrap:anywhere}.item-detail-head button{background:none;border:0;color:#c4d7df;font-size:22px;padding:0}.item-detail dl{max-height:250px;overflow:auto;font-size:11px;margin-bottom:0}.item-detail dt{color:var(--accent);margin-top:10px}.item-detail dd{margin:4px 0 0;color:#c8d8e0;line-height:1.5;overflow-wrap:anywhere}.sidebar{width:380px}.layers{flex:none;min-height:100px}@media(max-width:760px){.sidebar{width:100%}}
.has-layers .intro{display:none}.has-layers .company-logo{width:200px}.has-layers .app-brand{gap:10px}.has-layers .app-brand-title h1{font-size:21px}.has-layers .dropzone{padding:10px;margin-top:20px;gap:5px}.has-layers .upload-icon{display:none}.has-layers .dropzone small{margin-top:0}.has-layers .demo{padding:10px 0}.has-layers .section-heading{padding-top:15px}
.access-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;font-size:10px;color:var(--accent)}.access-bar button,.library-heading button{background:none;border:0;color:#c9dde5;font-size:10px;padding:5px;cursor:pointer}.access-bar button[hidden],#admin-library[hidden],#setup-instructions[hidden]{display:none}.access-note{font-size:10px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere;margin:7px 0 0}.admin-library{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.library-heading{display:flex;justify-content:space-between;align-items:center}.library-heading span{color:var(--accent);margin-left:5px}.trash-toggle{display:flex;align-items:center;gap:5px;margin:10px 0;font-size:10px;color:var(--muted)}.trash-toggle input{accent-color:var(--accent)}#saved-files{max-height:310px;overflow:auto}.saved-file{background:#192e3a;border:1px solid #38515f;border-radius:7px;padding:10px;margin-bottom:9px}.saved-file strong{display:block;font-size:11px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.saved-file small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.saved-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.saved-actions button,.share-link button{background:#243e4b;color:var(--accent);border:1px solid #4a626e;border-radius:4px;font-size:10px;padding:6px;cursor:pointer}.share-link{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid #38515f}.share-link input{width:100%;min-width:0;background:#10232c;border:1px solid #476170;color:#d8e7ec;font-size:10px;padding:7px;border-radius:4px}.library-empty{font-size:11px;color:var(--muted);line-height:1.6}.shared-view #upload,.shared-view #files,.shared-view #demo,.shared-view .intro,.shared-view #admin-library,.shared-view #admin-login,.shared-view #admin-logout{display:none!important}.admin-view .intro{display:none}.shared-view .access-note{padding:11px 0;border-bottom:1px solid var(--line)}#login-dialog{width:min(430px,calc(100vw - 32px));padding:24px;border:1px solid #4b6574;border-radius:12px;background:#152a36;color:#edf3f3;box-shadow:0 15px 80px #0008}#login-dialog::backdrop{background:#0009}#login-form .login-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}#login-title{font-size:24px;letter-spacing:-.5px;margin:0}#login-close{background:none;border:0;color:#d2e2e9;font-size:25px;cursor:pointer}#login-form p{font-size:12px;color:var(--muted);line-height:1.7}#login-form label{display:block;font-size:12px;margin:18px 0 7px}#admin-password{width:100%;border:1px solid #5a7380;border-radius:6px;padding:12px;background:#0f202a;color:#fff}#login-submit{width:100%;padding:11px;background:var(--accent);color:#152517;border:0;border-radius:6px;font-weight:600;cursor:pointer}#login-error{color:#ffc3ae!important;min-height:16px}#setup-instructions{background:#0d202b;padding:12px;border-radius:6px}#setup-instructions code{font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.shared-view .tree-layer-heading>button{display:none}
.placemark-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.placemark-leaders line{stroke:rgba(215,244,176,.78);stroke-width:1.2;stroke-linecap:round;pointer-events:none}

.placemark-badges{position:absolute;inset:0;pointer-events:none;z-index:2}
.placemark-count{position:absolute;pointer-events:auto;border:1px solid #b8d89b;border-radius:12px;background:#172c26;color:#eef8e6;padding:5px 9px;font:600 12px sans-serif;cursor:pointer}
.placemark-group-panel{position:absolute;left:18px;top:80px;width:min(300px,calc(100% - 36px));max-height:55%;overflow:auto;z-index:3;background:#142527;color:#f1f6f3;border:1px solid #6b8a80;border-radius:10px;padding:10px;box-shadow:0 4px 20px #0008}
.placemark-group-panel[hidden]{display:none}
.placemark-group-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.placemark-group-panel button{cursor:pointer;color:inherit;background:transparent;border:1px solid transparent;border-radius:5px;padding:7px}
.placemark-group-panel header button{font-size:22px;line-height:1}
.placemark-group-item{display:block;width:100%;text-align:left;overflow-wrap:anywhere}
.placemark-group-item:hover,.placemark-group-item[aria-pressed=true]{background:#345248;border-color:#a3c88b}
.placemark-count:focus-visible,.placemark-group-panel button:focus-visible{outline:2px solid #c5e89e;outline-offset:2px}

.placemark-location-labels{position:absolute;z-index:4;width:max-content;max-width:min(320px,calc(100% - 8px));max-height:220px;overflow:auto;padding:5px;background:#142527f2;border:1px solid #a3c88b;border-radius:7px;box-shadow:0 3px 12px #0008}
.placemark-location-labels[hidden]{display:none}
.placemark-location-labels button{display:block;width:100%;padding:6px 9px;border:0;border-radius:4px;color:#f1f6f3;background:transparent;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.placemark-location-labels button:hover,.placemark-location-labels button:focus-visible{background:#345248;outline:1px solid #a3c88b}

.map-compass{position:absolute;right:76px;top:22px;width:58px;height:70px;border:1px solid #4a616d;border-radius:50%;background:#142731e8;color:#eef5f7;cursor:pointer;z-index:2;box-shadow:0 3px 12px #0003}
#compass-needle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center}
#compass-needle b{font-size:12px;line-height:14px}
#compass-needle svg{width:25px;height:36px}
.map-compass:hover,.map-compass:focus-visible{border-color:#c5e89e;outline:1px solid #c5e89e}
.help-panel{z-index:3}
@media(max-width:760px){.map-compass{right:59px;top:14px;width:49px;height:61px}}

.image-transparency{width:100%;margin:10px 0 0;accent-color:var(--accent);cursor:pointer}