:root{--ink:#172f33;--muted:#748185;--line:#e1e8e5;--paper:#fbfcf9;--mint:#9de5c4;--deep:#163c42;--accent:#216652;--orange:#d08d53}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:13px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e4a963;outline-offset:3px}button{border:0;color:inherit;background:none;transition:background .16s,transform .16s}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}header{height:78px;background:var(--paper);display:flex;align-items:center;padding:0 30px;border-bottom:1px solid var(--line);position:relative;z-index:10;gap:32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:25px;letter-spacing:-1px;font-weight:650;line-height:1.2}.brand-icon{width:43px;height:43px;background:var(--deep);color:var(--mint);border-radius:12px;font-size:36px;line-height:39px;text-align:center}.brand-logo{display:block;width:43px;height:43px;object-fit:contain}.brand-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:600}.header-end{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:11px;color:#617274}.private-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:#6bb49b;display:inline-block}.header-end .icon-button{margin-left:15px}nav{display:flex;align-self:stretch;align-items:stretch;gap:25px;margin-left:45px}.nav{padding:0 3px;position:relative;font-size:12px;color:#788382;font-weight:600}.nav.active{color:var(--ink)}.nav.active:after{content:"";position:absolute;left:0;right:0;height:3px;bottom:0;background:#265f51}.nav span{font-size:9px;background:#e6eeea;border-radius:4px;padding:2px 5px;margin-left:4px}.icon-button{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;font-size:15px;flex-shrink:0}main{position:absolute;inset:78px 0 0;background:#102b34}#canvas-wrap,#map{width:100%;height:100%;position:absolute;inset:0;outline:none}#map{display:block;touch-action:none}.map-top{position:absolute;top:25px;left:26px;right:25px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.location{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:1.4px;color:#dfebe7}.pin{font-size:23px;color:#9cdebb}.location-dot{color:#668388}.location #focus-label{letter-spacing:.2px;color:#a5bdbb}.views{display:flex;gap:3px;background:#f9fcf6;padding:4px;border-radius:8px;pointer-events:auto;box-shadow:0 5px 25px #041c2820}.views button{padding:8px 15px;border-radius:5px;font-size:11px;font-weight:600}.views .selected{background:#204d46;color:#fff}.views button span{margin-right:5px}#sidebar{position:absolute;left:26px;top:82px;bottom:143px;width:310px;pointer-events:none}.panel{background:var(--paper);border:1px solid #e7eddf80;box-shadow:0 18px 60px #051a2830;border-radius:12px;padding:24px;max-height:100%;overflow-y:auto;scrollbar-width:thin;pointer-events:auto}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#73817c}h1{font-size:38px;font-weight:550;line-height:1.08;letter-spacing:-1.7px;margin:14px 0 12px}h2{font-size:29px;font-weight:550;letter-spacing:-1px;margin:13px 0}.intro{font-size:11px;line-height:1.8;color:#74817d;margin:0 0 18px}.area-picker{display:flex;gap:5px;margin:15px 0 25px;background:#eef2ec;border-radius:6px;padding:4px}.area-picker button{font-size:9px;padding:8px 7px;flex:1;white-space:nowrap;display:flex;justify-content:space-between;gap:6px}.area-picker .active{background:#fff;border-radius:4px;box-shadow:0 1px 5px #243b3010}.section-title{font-size:8px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;display:flex;justify-content:space-between}.layer{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #e9eeea;gap:10px}.layer-swatch{width:23px;height:23px;background:var(--c);border-radius:5px;display:grid;place-items:center;color:white;font-size:12px;flex-shrink:0}.layer-name{font-size:11px;font-weight:550;display:block}.layer-sub{font-size:9px;color:#8a9790;display:block;margin-top:2px}.layer-copy{flex:1}.layer-info{font-size:10px;color:#8c9891}.switch{appearance:none;width:27px;height:16px;border-radius:10px;background:#d4ddd5;cursor:pointer;position:relative;flex-shrink:0;transition:.2s}.switch:checked{background:#33695a}.switch:before{content:"";width:12px;height:12px;border-radius:50%;position:absolute;background:#fff;top:2px;left:2px;transition:.2s}.switch:checked:before{left:13px}.source-shortcut{display:flex;text-align:left;gap:9px;align-items:center;padding:18px 0;width:100%}.source-symbol{width:22px;height:26px;border:1px solid #89ac91;border-radius:6px;color:#588b69;display:grid;place-items:center}.source-shortcut strong{font-size:9px;font-weight:600;display:block}.source-shortcut small{display:block;font-size:8px;color:#84928a;margin-top:4px}.source-shortcut>span:last-child{margin-left:auto}.primary{width:100%;background:#1d5145;color:#f3fff9;border:1px solid #1d5145;display:flex;align-items:center;justify-content:space-between;border-radius:6px;padding:13px 12px;font-size:11px;font-weight:550}.primary:hover{background:#286351}.panel-foot{font-size:6.7px;letter-spacing:1.2px;color:#9aa59b;text-align:center;margin-top:12px}.map-tools{position:absolute;right:25px;top:100px;display:flex;flex-direction:column;background:#fbfcf9;border-radius:8px;padding:4px;box-shadow:0 3px 20px #10201b30}.map-tools button{width:34px;height:34px;font-size:21px;position:relative;display:grid;place-items:center}.map-tools button small{font-size:7px;position:absolute;bottom:2px}.north-arrow{font-size:22px;display:block;margin-top:-6px}.tool-separator{height:1px;background:#e6eae3;margin:4px}.map-tools button.active{background:#c7e4d7;border-radius:4px}.map-bottom{position:absolute;bottom:39px;left:26px;right:25px;display:flex;align-items:flex-end;gap:15px;pointer-events:none}.depth-panel{width:310px;background:#fbfcf9;border:1px solid #e8eddf90;border-radius:9px;padding:15px 18px;pointer-events:auto}.depth-heading{display:flex;justify-content:space-between;align-items:center}.depth-heading strong{display:block;font-size:11px;font-weight:550;margin-top:5px}#depth-readout{font-size:10px;color:#5a7d6a}.depth-row{display:flex;align-items:center;gap:12px;font-size:9px;color:#829286;margin:12px 0 10px}input[type=range]{appearance:none;height:3px;background:#dae5da;border-radius:5px;accent-color:#2f7056;width:100%;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#2e6c52;border:2px solid white;box-shadow:0 0 0 1px #2e6c52}.depth-row input{flex:1}.depth-row span{white-space:nowrap}.depth-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#87958a}.check-label{display:flex;align-items:center;gap:4px}.check-label input{accent-color:#346e56;width:12px;height:12px;margin:0}#real-scale{font-size:8px;border:1px solid #dde6dc;border-radius:3px;padding:3px 5px}.status-card{margin-left:auto;color:#d1e2db;text-align:right;padding:8px 2px;pointer-events:auto}.status-card strong{font-size:10px;font-weight:400;margin-left:4px}.status-card>small{display:block;font:9px "Consolas",monospace;margin-top:8px;color:#839e9f}.scale-bar{display:flex;gap:9px;align-items:center;justify-content:flex-end;margin-top:15px}.scale-bar span{width:65px;height:5px;border:1px solid #92aaa6;border-top:0}.scale-bar small{font-size:8px;color:#a0b6b0}.map-credit{position:absolute;bottom:0;left:0;right:0;height:25px;display:flex;justify-content:space-between;padding:8px 26px;background:#0c222c66;color:#779297;font-size:8px}.hidden{display:none!important}.map-label{position:absolute;font-size:9px;letter-spacing:.3px;color:#d2e6db;text-shadow:0 1px 4px #071e29;pointer-events:none;white-space:nowrap;transform:translate(-50%,-50%)}.map-label.place{background:#fcfff4e8;border-radius:4px;padding:5px 8px;color:#2f5147;font-size:9px;text-shadow:none;box-shadow:0 4px 12px #071d2b20}.map-label.survey{border:1px solid #a1efbe70;background:#153e36cc;color:#b7edbf;font-size:8px;letter-spacing:1.4px;padding:6px 9px;border-radius:4px}#map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}#object-card{position:absolute;right:78px;top:100px;width:270px;background:#fbfcf9;border-radius:9px;padding:20px;box-shadow:0 12px 30px #0b242344;font-size:11px;max-height:60%;overflow:auto}#object-card h3{font-size:19px;font-weight:550;margin:8px 0 14px}#object-card .close-card{position:absolute;right:8px;top:8px;font-size:20px}dl{margin:12px 0}dt{font-size:9px;color:#7f8d83;margin-top:11px}dd{font-size:11px;margin:3px 0 0;line-height:1.5;overflow-wrap:anywhere}.fineprint{font-size:9px;line-height:1.65;color:#88938a;margin:13px 0 0}.scenario-badge{font-size:7px;letter-spacing:.8px;border:1px solid #d9c5a0;background:#f8f0df;color:#947447;padding:8px;border-radius:4px;margin:0 0 16px}label:not(.check-label){font-size:10px;font-weight:550;display:block;margin:13px 0 7px}label output{float:right;font-weight:400;color:#62836d}input:not([type=range]):not([type=checkbox]),select{width:100%;background:#fff;border:1px solid #dce5db;border-radius:5px;padding:10px;font-size:11px;color:#2f4e3d}.two-inputs{display:flex;gap:10px}.two-inputs>div{width:50%}.two-inputs label{font-size:9px}.draw-tools{display:flex;gap:6px;margin-top:16px;align-items:center}.outline{border:1px solid #b9cdc0;border-radius:5px;padding:10px;font-size:10px;color:#3a6950}.draw-tools .outline{flex:1}.draw-hint{font-size:8px;line-height:1.6;color:#8b998e;margin:8px 0}.corridor-metrics{display:flex;justify-content:space-between;gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-top:17px}.corridor-metrics small{font-size:6.5px;letter-spacing:.8px;color:#8a988e;display:block}.corridor-metrics strong{font-size:17px;font-weight:550;display:block;margin-top:5px}.text-button{font-size:9px;color:#5f7e67;padding:12px 0}.saved-item{margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:6px}.saved-item>button:first-child{flex:1;text-align:left;font-size:10px}.saved-item small{display:block;color:#8b978f;font-size:8px;margin-top:4px}.saved-item>button:last-child{font-size:18px}.source-card{padding:15px 0;border-top:1px solid var(--line)}.source-card h3{font-size:12px;margin:6px 0}.source-card p{font-size:10px;line-height:1.7;color:#7b8981}.source-card a{font-size:10px;color:#326b51}.tag{display:inline-block;font-size:7px;letter-spacing:1px;border-radius:3px;padding:4px 6px;background:#e4ede4;color:#62816a}.tag.amber{background:#f5ebd9;color:#a4814c}.tag.grey{background:#eaeeea;color:#8c978f}.full{width:100%}#toast{position:absolute;bottom:65px;left:50%;transform:translateX(-50%) translateY(20px);padding:13px 20px;background:#f9fcf5;color:#285742;border-radius:7px;box-shadow:0 6px 30px #0c232a50;font-size:11px;opacity:0;pointer-events:none;transition:.3s;max-width:480px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#draw-banner{position:absolute;left:360px;right:85px;bottom:55px;background:#cfebd5;padding:12px 15px;border-radius:7px;font-size:9px;font-weight:700;display:flex;gap:16px;align-items:center;box-shadow:0 4px 20px #132e3130}#draw-banner span{font-weight:400;flex:1;font-size:10px}#draw-banner button{font-size:10px;font-weight:600}dialog{width:min(650px,90vw);max-height:83vh;border:0;border-radius:14px;background:var(--paper);color:var(--ink);padding:35px;box-shadow:0 30px 90px #041d2960}dialog::backdrop{background:#081f2bbb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:10px;font-size:25px;color:#7d9184}dialog h2{margin-top:5px}dialog p,dialog li{line-height:1.8;font-size:12px;color:#708179}dialog ul{padding-left:18px}dialog table{border-collapse:collapse;width:100%;font-size:11px;margin:18px 0}dialog th,dialog td{text-align:left;border-bottom:1px solid #dfe8df;padding:10px 6px}dialog th{font-size:9px;color:#809083;font-weight:500}.dialog-stat{background:#e9f0e8;padding:15px;border-radius:7px;font-size:12px;line-height:1.7}#loading{position:absolute;inset:0;z-index:20;background:#102b34;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;color:#d0e6db;transition:opacity .5s}#loading strong{font-size:23px;font-weight:400}#loading span{font-size:11px;color:#8caaa6}.loader-mark{font-size:70px;color:#a6e2bd;animation:loader 2s ease-in-out infinite}@keyframes loader{50%{transform:translateY(-8px);opacity:.4}}@media(min-height:900px){.panel{padding:28px}.layer{padding:13px 0}h1{font-size:41px}#sidebar{width:328px}.depth-panel{width:328px}}@media(max-width:1000px){header{padding:0 18px;gap:15px}nav{margin-left:15px;gap:15px}.header-end>span{display:none}#sidebar{width:280px;left:16px}.panel{padding:19px}.map-top{left:16px}.map-bottom{left:16px}.depth-panel{width:280px}.location #focus-label,.location-dot{display:none}h1{font-size:33px}#draw-banner{left:315px}.map-credit{padding-left:16px}}@media(max-height:760px){h1{font-size:30px;margin:10px 0}.intro{font-size:10px;margin-bottom:10px}.area-picker{margin:12px 0 15px}.layer{padding:7px 0}.panel{padding:18px 20px}.source-shortcut{padding:12px 0}.panel-foot{display:none}.depth-panel{padding:12px 18px}#sidebar{bottom:138px}#map-labels .map-label{font-size:8px}}@media(max-width:700px){header{height:64px;padding:0 13px;gap:10px}.brand{font-size:18px;gap:7px}.brand-icon{width:31px;height:31px;font-size:27px;line-height:28px;border-radius:8px}.brand-sub{font-size:6px;letter-spacing:1px}.header-end{display:none}nav{margin-left:auto;gap:10px}.nav{font-size:10px}main{top:64px}.map-top{top:15px;left:12px;right:12px}.location{font-size:8px;gap:5px}.pin{font-size:17px}.views button{padding:7px 9px;font-size:10px}#sidebar{top:auto;bottom:35px;left:12px;width:260px;max-height:40vh}.panel{padding:15px;max-height:40vh}h1{font-size:23px;margin:7px 0}h1 br{display:none}.panel .eyebrow{font-size:7px}.intro{font-size:9px;margin-bottom:9px}.area-picker{margin:8px 0}.section-title{margin-bottom:5px}.layer{padding:6px 0}.layer-sub{font-size:8px}.source-shortcut{display:none}.primary{margin-top:10px;padding:10px}.map-tools{right:12px;top:70px}.map-bottom{right:12px;bottom:45px;left:auto}.depth-panel{display:none}.status-card strong,.status-card .live-dot,.status-card>small{display:none}#object-card{right:58px;top:70px;width:240px;max-height:40%}.map-credit{font-size:6px;padding:8px 12px}.map-credit span{display:none}#toast{width:80%;bottom:45vh}#draw-banner{left:12px;right:58px;top:70px;bottom:auto;font-size:8px;flex-wrap:wrap;gap:5px}#draw-banner span{font-size:8px}.map-label.place{font-size:7px}#sources-panel h2,#corridor-panel h2{font-size:23px}}