@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#142d3a;background:#f7fafc;font-size:16px;--ink:#142d3a;--line:#dce5ea;--blue:#176baa}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;padding:9px 12px;font-weight:600;font-size:.875rem;white-space:nowrap}button:hover{background:#eaf4fb;border-color:#a8c7da}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #25a0e8;outline-offset:2px}[hidden]{display:none!important}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.875rem}.brand-mark{font-size:2rem;letter-spacing:-2px;font-weight:700;color:#173e56}.title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:10px}.version{font-size:.75rem;letter-spacing:1px;border:1px solid #c2dbea;padding:4px 6px;color:#357294;background:#eef8fd;border-radius:4px}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#23516a;color:#fff}main{display:flex;height:calc(100dvh - 76px);min-height:620px}aside{width:310px;flex-shrink:0;overflow:auto;background:#fff;border-right:1px solid var(--line);padding:24px 20px}section.search-section{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:22px}label{font-size:.875rem;display:block;font-weight:500}input,textarea{width:100%;border:1px solid #cddbe3;border-radius:5px;padding:10px;color:var(--ink);background:white;font-size:.875rem;margin-top:6px}#search-form{display:flex;margin-top:8px}#search-form input{margin:0;border-radius:5px 0 0 5px;min-width:0}#search-form button{border-radius:0 5px 5px 0;background:#eaf4fa}#search-results button{width:100%;white-space:normal;text-align:left;font-weight:400;margin-top:6px}#search-results{font-size:.875rem;line-height:1.4}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading h2{font-size:1rem;margin:0}#preset-count{font-size:.75rem;color:#647e8b}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.chips button{font-size:.8125rem;padding:7px 9px;border-radius:4px;font-weight:500}.chips button.active{background:#163e55;color:#fff;border-color:#163e55}.preset{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;border:0;border-bottom:1px solid #e8eef2;border-radius:0;text-align:left;white-space:normal}.preset:hover{background:#f1f7fb}.preset-icon{background:#eaf3f9;border:1px solid #d4e4ef;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:5px;flex-shrink:0}.preset-icon svg{width:33px;height:33px}.preset-copy{flex:1}.preset-copy strong{font-size:.875rem;display:block;line-height:1.35}.preset-copy small{font-size:.75rem;color:#647a86;display:block;font-weight:400;margin-top:4px}.plus{font-size:1.2rem;color:#49809f;padding-right:3px}.custom-section{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}summary{font-size:.875rem;font-weight:600;cursor:pointer}#custom-form{padding-top:12px}#custom-form label{margin-bottom:12px}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-row>label{flex:1;min-width:0}.full{width:100%}.footnote,.small{font-size:.75rem;line-height:1.5;color:#647984}.footnote{margin:20px 0 0}.workspace{position:relative;flex:1;min-width:0;background:#dce5ea;overflow:hidden}#map{position:absolute;inset:0}.map-top{position:absolute;top:22px;left:22px;right:22px;display:flex;align-items:start;justify-content:space-between;gap:10px;pointer-events:none}.map-top>*{pointer-events:auto}.toolbar{display:flex;background:#fff;padding:5px;border-radius:8px;box-shadow:0 3px 12px #122b391a;gap:3px}.toolbar button{border-color:transparent;padding:9px 10px;font-weight:500}.toolbar button.active{background:#e3f1fa;color:#14659c}.divider{border-left:1px solid var(--line);margin:6px}.intro{position:absolute;top:104px;left:24px;max-width:310px;background:#fffffff5;padding:22px;border:1px solid white;border-radius:8px;box-shadow:0 4px 24px #122b3915}.eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:1.2px;color:#587989;display:block}h1{font-size:1.5rem;letter-spacing:-.5px;margin:12px 0;line-height:1.2}.intro p{font-size:.875rem;line-height:1.6;color:#577080;margin-bottom:20px}.intro button{border:0;background:#e5f2fa}#map-message{position:absolute;top:83px;left:24px;padding:8px 12px;background:#fffef2;max-width:calc(100% - 48px);border-radius:5px;font-size:.8125rem;box-shadow:0 2px 8px #0001;display:none}#map-error{position:absolute;top:150px;left:50%;transform:translateX(-50%);background:#fff;padding:24px;border-radius:8px;z-index:5;max-width:360px;width:90%}#inspector{position:absolute;top:90px;right:22px;width:270px;background:#fff;padding:18px;border-radius:8px;box-shadow:0 5px 30px #18384930;max-height:calc(100% - 220px);overflow:auto}#inspector .section-heading{margin-bottom:8px}#close-inspector{font-size:1.2rem;padding:0 5px;border:0}#object-name{font-weight:600}.measure{padding:13px 0;border-bottom:1px solid var(--line);margin-bottom:14px;font-size:1.125rem;font-weight:600}.measure small{font-size:.75rem;font-weight:400;color:#607782;display:block;margin-top:5px}#rotation-number{width:64px;margin:0;padding:5px}#rotation{accent-color:#176baa;padding:0}.rotation-buttons{display:flex;gap:8px;margin:8px 0 15px}.rotation-buttons button{flex:1}.danger{color:#ac3439}.bottom-bar{position:absolute;bottom:46px;left:22px;right:22px;background:#fff;box-shadow:0 4px 22px #1b374324;border-radius:8px;display:flex;align-items:center;gap:26px;padding:17px 22px}.bottom-bar strong{display:block;font-size:1rem;font-weight:500;margin-top:6px}#fit-layout{margin-left:auto}.map-caption{position:absolute;bottom:26px;left:24px;font-size:.6875rem;background:#ffffffd9;padding:2px 5px;color:#455c68}.mapboxgl-ctrl-bottom-left{bottom:0}.mapboxgl-ctrl-top-right{top:85px!important}.mapboxgl-ctrl-group{border-radius:5px!important}.mapboxgl-ctrl button{padding:0}.mapboxgl-canvas{outline:none}.mapboxgl-ctrl-scale{background:#ffffffdc;font-size:12px!important}.mapboxgl-ctrl-attrib{font-size:10px!important}
@media(min-width:1500px){aside{width:345px;padding:28px}.bottom-bar{gap:50px}}@media(max-width:1000px){header{padding:0 16px}.brand>span:last-child{display:none}aside{width:255px;padding:20px 14px}.map-top{left:12px;right:12px;top:12px}.toolbar button{padding:8px 6px;font-size:.75rem}.bottom-bar{left:12px;right:12px;padding:13px;gap:14px}.bottom-bar strong{font-size:.875rem}.bottom-bar .eyebrow{font-size:.625rem}#inspector{right:12px;width:240px}#satellite{font-size:.75rem;padding:12px 8px}.intro{left:14px;top:105px;width:255px}}@media(max-width:700px){header{height:60px;padding:0 12px}.title{font-size:1rem}.brand-mark{font-size:1.6rem}header .primary{font-size:.75rem;padding:9px}.version{display:none}main{height:auto;min-height:0;display:flex;flex-direction:column}.workspace{order:0;min-height:650px;height:70dvh;flex:none}aside{order:1;width:100%;overflow:visible;padding:20px;border:0}.search-section{margin-bottom:18px!important}.map-top{flex-wrap:wrap}#satellite{position:absolute;right:0;top:49px}#map-message{top:100px}.intro{top:115px;width:260px}.bottom-bar{gap:12px;flex-wrap:wrap;bottom:48px}.bottom-bar>div{flex:1;min-width:80px}.bottom-bar button{padding:7px;width:100%}#inspector{top:108px;max-height:calc(100% - 275px);width:255px}.map-caption{font-size:.625rem;left:12px;right:12px}#presets{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.mapboxgl-ctrl-top-right{top:104px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Compact map workspace */
main{height:100dvh;min-height:550px}.map-actions{display:flex;gap:8px;align-items:center}.map-top{flex-wrap:wrap}.bottom-bar{right:auto;max-width:calc(100% - 44px);gap:20px;padding:10px 14px}.bottom-bar strong{font-size:.875rem;margin-top:3px}.bottom-bar .eyebrow{font-size:.6875rem;letter-spacing:.7px}.bottom-bar button{font-size:.8125rem;padding:7px 9px}.map-actions .primary{background:#142d3a;color:#fff}.map-actions .primary:hover{background:#23516a}@media(max-width:1150px){.map-actions{margin-left:auto}.map-top{row-gap:8px}#inspector{top:120px}.intro{top:120px}#map-message{top:106px}}@media(max-width:700px){main{height:auto;min-height:0}.workspace{min-height:650px}.map-actions{position:static;width:100%;justify-content:flex-end}#satellite{position:static;padding:9px;font-size:.8125rem}.bottom-bar{max-width:calc(100% - 24px);gap:12px;padding:10px;right:auto;flex-wrap:wrap}.bottom-bar>div{flex:initial;min-width:0}.bottom-bar button{width:auto;margin-left:0}.bottom-bar .eyebrow{font-size:.6875rem}.map-actions button{font-size:.8125rem}}
.intro{width:440px;max-width:calc(100% - 48px);padding:18px;z-index:4;background:#fff}.intro h1{font-size:1.25rem;margin:0 0 14px}.intro .section-heading{margin-bottom:8px}.demo-player{aspect-ratio:16/9;background:#142d3a;border-radius:5px;overflow:hidden}.demo-player iframe{display:block;border:0;width:100%;height:100%}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.demo-actions a{color:#176baa;font-size:.8125rem}#close-demo{border:0;background:transparent;font-size:1.25rem;padding:0 6px}#help-demo{white-space:nowrap}@media(max-width:700px){.intro{left:12px;width:calc(100% - 24px);max-width:none;top:120px}.demo-actions{flex-wrap:wrap}.map-actions{gap:5px}}