:root{--border:#e4e4e7;--text:#18181b;--muted:#71717a;--accent:#b45309}html,body{height:100%;margin:0}body{color:var(--text);background:#fff;flex-direction:column;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.header{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:12px 20px;display:flex}.header h1{margin:0;font-size:18px;font-weight:600}.header-subtitle{color:var(--muted);font-size:14px}.layout{flex:1;min-height:0;display:flex;position:relative}.map{flex:1}.details{box-sizing:border-box;border-left:1px solid var(--border);background:#fff;width:340px;padding:20px 24px;position:relative;overflow-y:auto}.details-empty,.details-status{color:var(--muted)}.details-error{color:#b91c1c}.details-title{margin:0 32px 16px 0;font-size:20px;font-weight:600}.details-list{grid-template-columns:max-content 1fr;gap:8px 12px;margin:0 0 20px;display:grid}.details-list dt{color:var(--muted)}.details-list dd{margin:0}.details-link{color:var(--accent);font-size:14px}.details-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.details-close:hover{background:#f4f4f5}@media (width<=720px){.header-subtitle{display:none}.details{border:1px solid var(--border);border-radius:10px;width:auto;max-height:55%;display:none;position:absolute;bottom:52px;left:12px;right:12px;box-shadow:0 8px 24px #00000026}.details.is-open{display:block}}