*{box-sizing:border-box}html,body,#root{color:#1f2933;background:#f7f8fa;height:100%;margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.map-viewer-root{flex-direction:column;height:100%;display:flex}.map-viewer-header{background:#fff;border-bottom:1px solid #e1e4e8;flex-shrink:0;align-items:center;gap:12px;padding:16px 24px;display:flex}.sidebar-toggle{cursor:pointer;background:0 0;border:1px solid #e1e4e8;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:40px;height:32px;padding:6px;display:flex}.map-viewer-sidebar{z-index:30;width:min(86vw,320px);max-width:100%;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #0f172a33}.map-viewer-root.sidebar-open .map-viewer-sidebar{transform:translate(0)}.map-viewer-root.sidebar-open .sidebar-backdrop{display:block}.sidebar-toggle:hover{background:#f0f2f5}.sidebar-toggle:focus-visible{outline-offset:2px;outline:2px solid #1a4480}.sidebar-toggle-bar{background:#1f2933;border-radius:2px;width:100%;height:2px;display:block}.sidebar-backdrop{cursor:pointer;z-index:20;background:#0f172a73;border:0;padding:0;display:none;position:absolute;inset:0}.map-viewer-header h1{margin:0;font-size:18px;font-weight:600}.map-viewer-header .subtitle{color:#5f6b7a;margin:4px 0 0;font-size:13px}.map-viewer-body{flex:1;min-height:0;display:flex;position:relative}.map-viewer-sidebar{background:#fff;border-right:1px solid #e1e4e8;flex-shrink:0;width:280px;padding:20px;overflow-y:auto}.map-viewer-sidebar h2{text-transform:uppercase;letter-spacing:.06em;color:#5f6b7a;margin:0 0 8px;font-size:12px;font-weight:600}.map-viewer-sidebar h2:not(:first-of-type){margin-top:24px}.map-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.map-list-item{text-align:left;cursor:pointer;background:#f7f8fa;border:1px solid #e1e4e8;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.map-list-item:hover{background:#eef1f4}.map-list-item.active{color:#fff;background:#1a4480;border-color:#1a4480}.map-list-item.active .map-description{color:#d3dceb}.map-name{font-size:14px;font-weight:600}.map-description{color:#5f6b7a;font-size:12px;line-height:1.3}.toggle{cursor:pointer;align-items:center;gap:8px;margin:6px 0;font-size:13px;display:flex}.parser-stats{margin-top:24px}.parser-stats dl{grid-template-columns:1fr auto;gap:4px 12px;margin:0;font-size:13px;display:grid}.parser-stats dt{color:#5f6b7a}.parser-stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.map-viewer-canvas{flex:1;position:relative;overflow:hidden}.status{color:#5f6b7a;background:#f7f8fa;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.status.error{color:#b71c1c;text-align:center;flex-direction:column;padding:24px}.status.error pre{white-space:pre-wrap;color:#5f6b7a;max-width:600px;margin-top:12px;font-size:12px}@media (max-width:768px){.map-viewer-header{padding:10px 14px}.map-viewer-header h1{font-size:16px}.map-viewer-header .subtitle{font-size:12px}.map-list-item{padding:12px 14px}.toggle{padding:6px 0;font-size:14px}}@media (max-width:420px){.map-viewer-header h1{font-size:15px}.map-viewer-header .subtitle{display:none}}.disclaimer{margin-top:24px}.disclaimer p{color:#5f6b7a;font-size:13px}.legend{margin-top:24px;font-size:13px}.legend ul{padding-left:12px}.legend li{margin-bottom:6px}.legend div{border-radius:2px;width:12px;height:12px;margin-left:5px;margin-right:6px;display:inline-block}button{cursor:pointer;color:#fff;z-index:20;background-color:#2d6cdf;border:none;border-radius:6px;padding:8px 12px;font-family:monospace;font-size:13px}