*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:14px/1.5 var(--sp-font-sans);color:var(--sp-color-ink);background:var(--sp-color-page)}[hidden]{display:none!important}button,input,select{font:inherit}button,select,input[type=range]{cursor:pointer}button,input,select{border:1px solid var(--sp-color-border);border-radius:var(--sp-radius-m);background:var(--sp-color-surface);color:var(--sp-color-ink)}button,select{min-height:var(--sp-control-md)}button{padding:8px 12px;transition:background var(--sp-motion-fast),transform var(--sp-motion-fast)}button:hover{background:var(--sp-color-surface-soft)}button:active{transform:scale(.97)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--sp-color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}#map{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#map.dragging{cursor:grabbing}
.search-shell{position:absolute;top:16px;left:16px;width:min(380px,calc(100% - 310px));display:flex;background:white;border-radius:var(--sp-radius-l);box-shadow:var(--sp-shadow-m);z-index:4}#search{width:100%;min-width:0;height:48px;padding:0 48px 0 14px;border-radius:var(--sp-radius-l)}#clear{position:absolute;right:2px;top:2px;width:44px;border:0;font-size:22px}#results{position:absolute;top:54px;left:0;right:0;max-height:52vh;overflow:auto;background:white;border:1px solid var(--sp-color-border);border-radius:var(--sp-radius-l);box-shadow:var(--sp-shadow-m)}.result{display:block;width:100%;text-align:left;padding:10px 14px;border:0;border-radius:0}.result strong,.result small{display:block}.result small{font-size:12px;color:var(--sp-color-muted);margin-top:2px}.result.active,.result[aria-selected=true]{background:var(--sp-color-selected);color:var(--sp-color-primary-hover)}.zoom-tools{position:absolute;right:16px;bottom:52px;display:grid;gap:6px}.zoom-tools button{width:44px;font-size:22px;box-shadow:var(--sp-shadow-s)}
.map-tools{position:absolute;bottom:16px;left:16px;max-width:260px;max-height:60vh;overflow:auto;display:grid;gap:8px}.layers,#legend{padding:10px 14px;border:1px solid var(--sp-color-border);border-radius:var(--sp-radius-l);background:white;box-shadow:var(--sp-shadow-s)}summary{cursor:pointer;font-weight:600;min-height:28px}.layers label{display:flex;align-items:center;gap:8px;min-height:36px}.layers input[type=checkbox]{width:18px;height:18px;accent-color:var(--sp-color-primary)}.opacity-row{flex-wrap:wrap}.opacity-row input{width:100%;accent-color:var(--sp-color-primary)}.swatch{display:inline-flex;gap:5px;align-items:center;margin:4px 8px 0 0}.swatch i{width:14px;height:14px;border-radius:3px}.swatch span{font-size:12px}#projection-badge{position:absolute;top:16px;right:16px;display:flex;gap:8px;align-items:center;padding:4px 8px 4px 12px;background:white;border-radius:var(--sp-radius-l);box-shadow:var(--sp-shadow-s)}#projection-badge span{font-size:12px;color:var(--sp-color-muted)}#projection-select{max-width:180px;padding:0 8px}
#panel{position:absolute;top:80px;right:72px;bottom:40px;width:min(360px,45%);padding:16px;overflow:auto;overscroll-behavior:contain;background:white;border:1px solid var(--sp-color-border);border-radius:var(--sp-radius-l);box-shadow:var(--sp-shadow-m);z-index:3}#panel h1{font-size:18px;margin:0 32px 12px 0}#panel h2{font-size:16px;margin:0 0 8px}#close-panel{position:absolute;top:6px;right:6px;border:0;width:44px;font-size:22px}.object-section+.object-section{border-top:1px solid var(--sp-color-border);margin-top:16px;padding-top:16px}.info-row{padding:6px 0;border-bottom:1px solid var(--sp-color-border)}dl{margin:0 0 12px}dt{font-size:12px;color:var(--sp-color-muted)}dd{margin:2px 0;overflow-wrap:anywhere}.crs-note,.warning{font-size:12px;margin:8px 0;color:var(--sp-color-muted);overflow-wrap:anywhere}.warning{padding:8px;background:#fff5e7;color:var(--sp-color-warning);border-radius:var(--sp-radius-m)}.crs-picker{display:grid;gap:6px}.crs-picker select{width:100%;max-width:100%;white-space:normal}#downloads,#sk63-downloads{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.download{font-size:12px;color:var(--sp-color-primary);font-weight:600;background:var(--sp-color-surface-soft)}.download:not(:disabled):hover{background:var(--sp-color-selected)}
#loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--sp-color-page);z-index:8}.loading-card{text-align:center;display:grid;justify-items:center;gap:12px;padding:24px;max-width:calc(100% - 32px);border-radius:var(--sp-radius-l);background:white;box-shadow:var(--sp-shadow-s)}.spinner{width:28px;height:28px;border:3px solid var(--sp-color-border);border-top-color:var(--sp-color-primary);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 14px;border-radius:var(--sp-radius-m);background:var(--sp-color-ink);color:white;box-shadow:var(--sp-shadow-m);z-index:7}.map-attribution{position:absolute;right:16px;bottom:8px;max-width:320px;padding:4px 8px;background:white;border-radius:var(--sp-radius-s);font-size:12px;z-index:2}.map-attribution summary{min-height:24px;font-weight:400}.map-attribution a{color:var(--sp-color-primary)}
@media(max-width:700px){.search-shell{top:8px;left:8px;right:8px;width:auto}#projection-badge{top:64px;right:8px;padding:0 6px;gap:4px}#projection-badge span{display:none}#projection-select{width:160px;border:0}.map-tools{left:8px;bottom:8px;max-width:235px;max-height:55vh}.layers summary{min-height:32px}.layers label{min-height:40px}#legend{max-width:220px}.zoom-tools{right:8px;bottom:68px}.map-attribution{right:8px;bottom:8px;max-width:calc(100% - 260px)}#panel{inset:auto 0 0;width:100%;max-height:55%;border-radius:var(--sp-radius-l) var(--sp-radius-l) 0 0;z-index:5;padding-bottom:24px}#panel dd{font-size:14px}#results{max-height:42vh}.crs-picker select{font-size:14px}.map-attribution[open]{max-width:calc(100% - 16px);z-index:6}}
@media(prefers-reduced-motion:reduce){button{transition:none}.spinner{animation:none}}
#crs-choice,#sk63-crs-choice{display:grid;gap:6px}#crs-choice select,#sk63-crs-choice select{max-width:100%;width:100%;padding:8px}.crs-warning{font-size:12px;margin:8px 0;padding:8px;color:var(--sp-color-warning);background:#fff5e7;border-radius:var(--sp-radius-m);overflow-wrap:anywhere}