body{margin:0;padding:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}html,body,#map{height:100%}.controls-panel{position:absolute;top:20px;left:20px;z-index:1000;width:min(345px,calc(100vw - 40px));padding:12px;border-radius:10px;background:#ffffffed;box-shadow:0 10px 26px #0000002e;display:flex;flex-direction:column;gap:10px}.loading-spinner{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:4px solid rgba(0,0,0,.08);border-top-color:#0009;animation:spin 1s linear infinite;z-index:3000;pointer-events:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.sample-status{margin-top:4px;padding:6px 8px;border-radius:6px;background:#f5f7fa;color:#233044;font-size:12px;line-height:1.35;box-sizing:border-box;min-height:calc(1.35em + 12px);display:grid;place-items:center;text-align:left}.sample-status .sample-status-inner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.sample-status.error{background:#fff1f1;color:#8f1f1f}.sample-details-placeholder{color:#6b7280;font-size:12px;line-height:1.35}.sample-details{margin-top:6px;height:96px;overflow:auto;border-radius:6px;background:#fafbfd;color:#233044;font-size:12px;line-height:1.35;padding:6px 8px;box-sizing:border-box;opacity:.95;min-height:calc(2.7em + 12px)}.sample-details .sample-details-inner{min-width:0}.control-group{display:flex;flex-direction:column;gap:6px;color:#1a1a1a;font-size:.9rem;font-weight:600}.control-group select{height:2rem;padding:0 8px;border-radius:5px;border:1px solid #b4bcc7;background:#fff;color:#1a1a1a}.slider-row{display:flex;align-items:center;gap:10px}.slider-row input[type=range]{flex:1}#overlay-opacity-value{min-width:42px;text-align:right;font-size:.85rem;color:#333}.info-callout{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:6px;background:#e8f4fd;color:#2563a8;font-size:.8rem;font-weight:500;line-height:1.4}.info-callout svg{color:#2563a8}.github-link{position:absolute;top:20px;right:20px;z-index:2000;width:52px;height:52px;border-radius:999px;background:#ffffffed;box-shadow:0 10px 26px #0000002e;display:flex;align-items:center;justify-content:center;color:#111;text-decoration:none}.github-link:hover{background:#fff}.github-link svg{width:28px;height:28px;fill:currentColor}.maplibregl-popup{z-index:2000}.maplibregl-popup-content{border:none!important;box-shadow:0 1px 2px #0000001a!important;padding-bottom:10px!important}.maplibregl-popup-anchor-bottom .maplibregl-popup-content{margin-bottom:-1px}@media(max-width:640px){.controls-panel{position:static;width:100%;max-width:100%;border-radius:8px;padding:16px;box-shadow:0 -6px 30px #0000000f;background:#fffffffa;box-sizing:border-box;z-index:1200}#map{height:calc(100vh - 260px)!important}.github-link{position:fixed;top:12px;right:12px;z-index:3200}}