:root{color:#192a34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:#f7f9fa;--surface-raised:#fff;--ink:#172a35;--muted:#687982;--border:#e1e8eb;--blue-700:#087a9c;--blue-500:#13a2c2;background:#f7f9fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #13a2c273}::selection{background:#13a2c233}.application-shell{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface-raised);align-items:center;gap:32px;min-height:68px;padding:0 32px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--blue-700);color:#fff;letter-spacing:-.06em;border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:34px;font-size:17px;font-weight:750;display:grid}.brand-name{letter-spacing:.09em;font-size:14px;font-weight:750}.workspace-label{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.workspace-dot,.state-indicator{border-radius:50%;flex:none;width:8px;height:8px}.workspace-dot{background:var(--blue-500)}.account-button{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;border-radius:8px;margin-left:auto;padding:9px 13px;font-size:12px}.map-workspace{flex-direction:column;flex:1;width:min(100% - 64px,1680px);margin:0 auto;padding:30px 0 18px;display:flex}.workspace-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:19px;display:flex}.eyebrow{color:var(--blue-700);letter-spacing:.13em;margin:0 0 5px;font-size:10px;font-weight:750}.workspace-heading h1{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(22px,3vw,28px);font-weight:650}.connection-state{border:1px solid var(--border);background:var(--surface-raised);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;display:inline-flex}.state-indicator{background:#a9b4c2}.map-frame{isolation:isolate;background:radial-gradient(at 50% 48%,#fffffff7,#f5f9fae6 65%),#f2f6f7;border:1px solid #dbe3e8;border-radius:14px;flex:1;place-items:center;min-height:440px;display:grid;position:relative;overflow:hidden}.map-grid{z-index:-1;opacity:.4;background-image:linear-gradient(#7794a113 1px,#0000 1px),linear-gradient(90deg,#7794a113 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 76%);mask-image:radial-gradient(#000,#0000 76%)}.empty-state{text-align:center;width:min(100% - 40px,420px);margin-top:-8px}.empty-icon{width:64px;height:64px;color:var(--blue-700);background:#f5fafc;border:1px solid #d6e5ed;border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.empty-icon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:36px}.empty-state h2{color:var(--ink);letter-spacing:-.02em;margin:0 0 8px;font-size:19px;font-weight:650}.empty-state p{max-width:390px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.65}.setup-note{color:#536872;background:#edf3f5;border-radius:6px;margin-top:18px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.map-attribution{color:#7b8b91;font-size:10px;position:absolute;bottom:10px;right:12px}.workspace-footer{color:var(--muted);justify-content:space-between;gap:20px;padding-top:13px;font-size:11px;display:flex}@media (width<=640px){.topbar{gap:12px;min-height:60px;padding:0 16px}.workspace-label{display:none}.map-workspace{width:calc(100% - 32px);padding-top:23px}.workspace-heading{flex-direction:column;align-items:flex-start;gap:12px}.map-frame{min-height:420px}.workspace-footer{font-size:10px}}