:root{--bg: #ffffff;--panel: #f5f7f9;--panel-2: #eaeef1;--line: #d7dee3;--text: #1c2b36;--muted: #647585;--accent: #0074d9;--accent-dim: #005fb3;--warn: #b26a00;--err: #c02929;--ok: #1f8a4c;--pad: 10px;--radius: 6px;font-family:Segoe UI,Roboto,system-ui,-apple-system,sans-serif;font-size:13px;color-scheme:light}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text)}#viewport{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}#sidebar{position:absolute;top:0;left:0;bottom:0;width:320px;max-width:88vw;display:flex;flex-direction:column;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(8px);border-right:1px solid var(--line);transition:transform .18s ease;z-index:10}#sidebar[data-open=false]{transform:translate(-100%)}#sidebar-head{display:flex;align-items:center;gap:8px;padding:var(--pad);border-bottom:1px solid var(--line)}#sidebar-head h1{font-size:13px;font-weight:600;margin:0;flex:1;letter-spacing:.02em}#sidebar-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--pad);display:flex;flex-direction:column;gap:12px}#sidebar-foot{border-top:1px solid var(--line);padding:6px var(--pad);font-size:11px;color:var(--muted);display:flex;gap:8px;justify-content:space-between;align-items:center;min-height:26px}#status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#status-mem{flex:none;font-variant-numeric:tabular-nums}#sidebar-reopen{position:absolute;top:8px;left:8px;z-index:10}button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:5px 9px;font:inherit;font-size:12px;cursor:pointer;line-height:1.4}button:hover:not(:disabled){border-color:var(--accent-dim);background:#dde6ee}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent-dim);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-dim)}button.icon{padding:3px 7px}input[type=text],input[type=number],select{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:4px 6px;font:inherit;font-size:12px;width:100%;min-width:0}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}label{user-select:none}.section{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--panel-2) 60%,transparent)}.section>.section-head{display:flex;align-items:center;gap:6px;padding:7px 9px;cursor:pointer;font-weight:600;font-size:12px}.section>.section-head .chev{color:var(--muted);width:10px}.section>.section-head .grow{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section>.section-body{padding:0 9px 9px;display:flex;flex-direction:column;gap:8px}.section[data-collapsed=true]>.section-body{display:none}.row{display:flex;align-items:center;gap:6px}.row.wrap{flex-wrap:wrap}.row>.grow{flex:1;min-width:0}.field{display:flex;flex-direction:column;gap:3px}.field>span{font-size:11px;color:var(--muted)}.hint{font-size:11px;color:var(--muted);line-height:1.45}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:11px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.badge{font-size:10px;padding:1px 5px;border-radius:9px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.badge.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.badge.err{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}.progress{height:3px;background:var(--line);border-radius:2px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);width:0;transition:width .15s linear}#app[data-dragging=true]:after{content:"Drop GeoTIFF / mesh zip / OBJ set here";position:absolute;inset:12px;z-index:40;border:2px dashed var(--accent);border-radius:10px;background:color-mix(in srgb,var(--bg) 70%,transparent);display:grid;place-items:center;font-size:15px;color:var(--accent);pointer-events:none}#hud{position:absolute;right:10px;bottom:10px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.hud-chip{background:color-mix(in srgb,var(--panel) 82%,transparent);border:1px solid var(--line);border-radius:var(--radius);padding:3px 7px;font-size:11px;font-variant-numeric:tabular-nums;white-space:pre}#measure-toolbox{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.measure-rail{display:flex;flex-direction:column;gap:4px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);padding:4px}.measure-rail button{width:30px;height:30px;padding:0;font-size:15px;display:grid;place-items:center}.measure-rail button[data-active=true]{background:var(--accent);border-color:var(--accent-dim);color:#fff}.measure-panel{background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;width:200px;display:flex;flex-direction:column;gap:7px}.measure-panel[hidden]{display:none}.measure-panel .row{justify-content:flex-end}#toasts{position:absolute;top:10px;right:10px;z-index:50;display:flex;flex-direction:column;gap:6px;max-width:min(420px,60vw)}.toast{background:var(--panel);border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius);padding:7px 10px;font-size:12px;box-shadow:0 6px 18px #00000073;line-height:1.45;overflow-wrap:anywhere}.toast.info{border-left-color:var(--accent)}.toast.ok{border-left-color:var(--ok)}.toast.warn{border-left-color:var(--warn)}.toast.err{border-left-color:var(--err)}.modal-backdrop{position:absolute;inset:0;z-index:60;background:#0000008c;display:grid;place-items:center;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(560px,100%);max-height:min(70vh,640px);display:flex;flex-direction:column;box-shadow:0 20px 50px #0000008c}.modal>header{padding:10px 12px;border-bottom:1px solid var(--line);font-weight:600;display:flex;gap:8px;align-items:center}.modal>header .grow{flex:1}.modal>.modal-body{padding:10px 12px;overflow:auto;flex:1}.modal>footer{padding:10px 12px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.tree{display:flex;flex-direction:column;gap:1px}.tree-item{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:12px}.tree-item:hover{background:var(--panel-2)}.tree-item[data-selected=true]{background:var(--accent-dim)}.tree-item[aria-disabled=true]{opacity:.4;cursor:default}.tree-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item .size{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.tree-item .glyph{width:14px;text-align:center;color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:4px;font-size:11px;margin-bottom:8px;color:var(--muted)}.breadcrumbs button{padding:1px 5px;font-size:11px}#boot-error{position:absolute;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:var(--bg);text-align:center;line-height:1.6}@media(max-width:520px){#sidebar{width:100%;max-width:100%}}