*{box-sizing:border-box}body{margin:0;background:#91acbd;color:#eef5fa;font:16px Arial,sans-serif}#canvas{position:fixed;inset:0}canvas{display:block}.panel{position:fixed;right:20px;top:20px;width:320px;max-height:calc(100dvh - 40px);overflow:auto;background:#11212eea;border:1px solid #526978;border-radius:16px;padding:22px;z-index:3;box-shadow:0 12px 40px #0003}h1{font-size:24px;margin:18px 0 10px}p{line-height:1.55}a{color:#8ee9cd}button,select{font:inherit;background:#223a49;color:#fff;border:1px solid #62818e;border-radius:8px;padding:11px;cursor:pointer}button{margin-bottom:8px;width:100%}.tabs{display:flex;gap:8px}.tabs button[aria-pressed=true]{background:#6be0bc;color:#07291e;border-color:#6be0bc}.note{font-size:14px;color:#c0d0db}label{display:block;margin:12px 0}select{width:100%}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#11212e;padding:20px;border-radius:10px;z-index:4}.street-label{position:fixed;background:#152b39dd;border:1px solid #718695;border-radius:6px;padding:4px 8px;font-size:14px;pointer-events:none;white-space:nowrap}#street-labels{pointer-events:none;position:fixed;inset:0;z-index:2}[hidden]{display:none!important}@media(max-width:700px){.panel{top:auto;bottom:10px;right:10px;width:calc(100% - 20px);max-height:35dvh;padding:14px}h1{font-size:20px;margin:8px 0}.tabs{position:sticky;top:-14px;background:#11212e;padding-top:8px}}