*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;font-family:system-ui,sans-serif;background:#0f1115;color:#e8eaed}#app{display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid #2a2f3a;background:#151922;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:1rem;min-width:0}.brand{display:flex;align-items:baseline;gap:.5rem;flex-shrink:0}.brand-name{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:#c5d4e8}.brand-product{font-size:.95rem;font-weight:600;color:#e8eaed}.brand-badge{font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8ab4d9;border:1px solid #3d5a73;border-radius:999px;padding:.1rem .45rem;margin-left:.15rem}.status{font-size:.875rem;color:#9aa0a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-actions{display:flex;gap:.5rem;flex-wrap:wrap}.toolbar-actions button{padding:.4rem .75rem;border:1px solid #3c4454;border-radius:.375rem;background:#1e2430;color:#e8eaed;cursor:pointer;font-size:.875rem}.toolbar-actions button:hover{background:#2a3140}.toolbar-actions button.active{background:#2d4a66;border-color:#5c9fd4}.coord-warning{padding:.6rem 1rem;font-size:.875rem;line-height:1.4;color:#f9e2af;background:#3d3520;border-bottom:1px solid #6b5a2e}.coord-warning[hidden]{display:none}.load-warning{padding:.6rem 1rem;font-size:.875rem;line-height:1.4;color:#c2e7ff;background:#1e2a3d;border-bottom:1px solid #3c5a7a}.load-warning[hidden]{display:none}main{position:relative;flex:1;min-height:0}#viewer-canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#viewer-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#viewer-ui[data-loading=true]:after{content:attr(data-stage) "… " attr(data-progress) "%";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:.75rem 1.25rem;background:#000000bf;border-radius:.5rem;font-size:.95rem}.drop-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;color:#9aa0a6}.drop-hint-title{font-size:1.1rem;font-weight:600;color:#c5d4e8;margin:0 0 .35rem}.drop-hint.hidden{display:none}.drop-hint-sub{font-size:.875rem;margin-top:.5rem;pointer-events:auto}.drop-hint-sub a{color:#8ab4d9;text-decoration:none}.drop-hint-sub a:hover{text-decoration:underline}main.drag-over .drop-hint{color:#c2e7ff}main.drag-over:before{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:2px dashed #5c9fd4;border-radius:.75rem;pointer-events:none}.fps-label{position:absolute;left:.75rem;bottom:.75rem;padding:.25rem .5rem;background:#0000008c;border-radius:.25rem;font-size:.75rem;font-variant-numeric:tabular-nums;pointer-events:none;z-index:2}.gis-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.gis-hud-top{position:absolute;top:.75rem;left:.75rem;display:flex;align-items:center;gap:.5rem}.crs-chip{padding:.2rem .5rem;background:#0f1115e0;border:1px solid #3c4454;border-radius:.25rem;font-size:.75rem;font-weight:600;color:#9ecfff;letter-spacing:.02em}.north-arrow{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#0f1115e0;border:1px solid #3c4454;border-radius:50%;transform-origin:center center}.north-arrow-label{font-size:.6875rem;font-weight:700;color:#e57373;transform:translateY(-1px)}.coord-readout{position:absolute;left:50%;bottom:.75rem;transform:translate(-50%);max-width:calc(100% - 1.5rem);padding:.3rem .6rem;background:#0009;border-radius:.25rem;font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-bar-wrap{position:absolute;left:.75rem;bottom:2.35rem;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.scale-bar{height:4px;min-width:24px;background:#e8eaed;border:1px solid rgba(0,0,0,.45);border-radius:1px}.scale-label{font-size:.6875rem;color:#e8eaed;text-shadow:0 1px 2px rgba(0,0,0,.8)}.measure-panel{position:absolute;top:.75rem;right:.75rem;width:min(20rem,calc(100% - 1.5rem));max-height:calc(100% - 1.5rem);overflow:auto;padding:.75rem;background:#0f1115eb;border:1px solid #3c4454;border-radius:.5rem;font-size:.8125rem;pointer-events:auto;box-shadow:0 4px 24px #00000073}.measure-panel[hidden]{display:none}.measure-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.measure-panel-header button{padding:.2rem .5rem;border:1px solid #3c4454;border-radius:.25rem;background:#1e2430;color:#e8eaed;cursor:pointer;font-size:.75rem}.measure-panel-header button:hover{background:#2a3140}.measure-hint{margin:0 0 .65rem;color:#9aa0a6;font-size:.75rem;line-height:1.35}.measure-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.measure-table th,.measure-table td{padding:.35rem .4rem;text-align:left;border-bottom:1px solid #2a2f3a}.measure-table th{color:#9aa0a6;font-weight:600}.measure-table td:last-child,.measure-table th:last-child{text-align:right}.measure-table tfoot th,.measure-table tfoot td{border-bottom:none;border-top:1px solid #3c4454;color:#c2e7ff;font-weight:600}.measure-table tbody tr:last-child td{border-bottom:none}.bookmark-panel{position:absolute;left:.75rem;bottom:2.75rem;width:min(14rem,calc(100% - 1.5rem));max-height:12rem;overflow:auto;padding:.65rem .75rem;background:#0f1115eb;border:1px solid #3c4454;border-radius:.5rem;font-size:.8125rem;pointer-events:auto;box-shadow:0 4px 24px #00000073}.bookmark-panel[hidden]{display:none}.bookmark-panel-header{margin-bottom:.45rem}.bookmark-list{list-style:none;margin:0;padding:0}.bookmark-list[hidden]{display:none}.bookmark-list button{width:100%;text-align:left;padding:.35rem .45rem;margin-bottom:.25rem;border:1px solid #3c4454;border-radius:.25rem;background:#1e2430;color:#e8eaed;cursor:pointer;font-size:.8125rem}.bookmark-list button:hover{background:#2d4a66;border-color:#5c9fd4}.bookmark-empty{margin:0;color:#9aa0a6;font-size:.75rem;line-height:1.35}.bookmark-empty[hidden]{display:none}.progress-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#2a2f3a}.progress-fill{height:100%;width:0%;background:#5c9fd4;transition:width .15s ease}@media(max-width:640px){.toolbar{padding:.5rem .75rem}.toolbar-left{flex-direction:column;align-items:flex-start;gap:.25rem}.status{max-width:100%}.toolbar-actions button{padding:.5rem .65rem}}