:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242424;background:#f7fbff;font-synthesis:none;--brand:#015dde;--muted:#47535d;--line:#dce5f1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1174ff;outline-offset:3px}a{color:var(--brand)}.topbar{height:76px;display:flex;align-items:center;gap:24px;padding:0 34px;border-bottom:1px solid var(--line);background:#fff}.brand{font-size:26px;letter-spacing:-1.2px;font-weight:750;text-decoration:none;display:flex;align-items:center;gap:8px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:white;display:grid;place-items:center;font-size:30px;line-height:1;font-weight:500;margin-right:3px}.brand-light{font-weight:350;color:#47535d}.top-label{margin-left:40px;font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted)}.integration-link{margin-left:auto;font-size:12px;text-decoration:none;border-bottom:1px solid #b8cdea;padding:6px 0}main{display:grid;grid-template-columns:398px minmax(0,1fr);height:calc(100dvh - 76px);min-height:650px}.panel{background:#fff;padding:32px 28px 20px;overflow-y:auto;border-right:1px solid var(--line);z-index:2}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.35px;font-weight:750;color:#0047ab}.dot{display:inline-block;height:7px;width:7px;flex-shrink:0;background:#1174ff;border-radius:50%}h1{font-size:32px;line-height:1.16;letter-spacing:-1.2px;font-weight:600;margin:18px 0 14px}.intro{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 26px}label{display:block;font-size:11px;font-weight:650;margin-bottom:8px}input{width:100%;min-width:0;border:1px solid #d3dfef;border-radius:8px;padding:13px 12px;background:#f7fbff;color:#242424;font-size:13px;outline:none}input:focus{border-color:#1174ff;box-shadow:0 0 0 3px #1174ff17}.search-row{display:flex;gap:8px}.search-row button{width:46px;flex-shrink:0;border:none;border-radius:8px;background:var(--brand);color:#fff;font-size:25px}.examples{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.examples button{padding:6px 8px;border:1px solid #dce5f1;border-radius:5px;background:white;color:#47535d;font-size:10px}.examples button:hover{background:#eaf1fb}.message{font-size:11px;line-height:1.6;color:var(--muted);min-height:18px;margin-top:10px}.message.error{color:#a53c2e}#results{padding:0;margin:12px 0;list-style:none;max-height:215px;overflow:auto}#results:empty{display:none}#results button{width:100%;text-align:left;padding:11px;border:1px solid var(--line);background:#f7fbff;border-radius:7px;margin-bottom:6px;color:#0047ab}#results strong{font-size:12px;display:block;margin-bottom:4px}#results small{font-size:10px;line-height:1.5;display:block;color:var(--muted)}.divider{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.2px;color:#566673;margin:25px 0 20px}.divider:after{content:"";height:1px;background:var(--line);flex:1}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coordinate-grid input{font-variant-numeric:tabular-nums}.secondary{width:100%;margin-top:11px;padding:12px;border:1px solid #c6d9f4;border-radius:8px;background:#eaf1fb;color:#0047ab;text-align:left;font-size:12px;font-weight:600}.secondary span{float:right;font-size:17px}.hint{font-size:10px;color:#566673;margin:9px 0 22px}.selection{border-left:3px solid #1174ff;padding:4px 0 4px 13px;margin:22px 0}.selection h2{font-size:14px;margin:8px 0}.selection p{font-size:11px;line-height:1.6;color:var(--muted);margin:5px 0 10px}.selection code{font-size:11px;color:var(--brand)}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.proof summary{font-size:11px;cursor:pointer;list-style:none;font-weight:600}.proof summary span{float:right}.proof p,.proof a{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.proof pre{white-space:pre-wrap;word-break:break-word;font-size:10px;background:#f0f5fc;padding:10px;max-height:220px;overflow:auto;color:#47535d}.panel-footer{padding-top:16px}.service-status{display:inline-block;font-size:9px;border:1px solid #dce5f1;border-radius:20px;padding:5px 8px;margin:0 3px 4px 0;color:#47535d}.service-status.ok{background:#eaf1fb;color:#0047ab}.service-status.error{background:#fff0e7;color:#943f25}.panel-footer p{font-size:9px;line-height:1.7;color:#566673;max-width:300px}.map-area{position:relative;background:#eaf1fb;min-width:0}#map{position:absolute;inset:0}.map-top{position:absolute;z-index:1;top:24px;left:24px;right:24px;display:flex;gap:12px;pointer-events:none}.map-chip{background:#fffffff2;border:1px solid #fff;box-shadow:0 4px 22px #0047ab16;border-radius:7px;padding:11px 13px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.15px}.language-label{margin-left:auto;pointer-events:auto}.language-label select{appearance:auto;padding:10px;border:1px solid #fff;border-radius:7px;color:var(--brand);background:#fffffff2;font-size:11px}.map-bottom{position:absolute;z-index:1;bottom:32px;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.map-bottom span{font-size:9px;letter-spacing:1px;color:#47535d;background:#ffffffeb;padding:8px 10px;border-radius:5px}.map-error{position:absolute;top:85px;left:24px;right:24px;background:#fff4e6;color:#7c4420;padding:14px;border-radius:7px;font-size:12px;z-index:2}.maplibregl-ctrl-top-right{top:77px;right:14px}.maplibregl-ctrl-attrib{font-size:10px}.maplibregl-popup-content{font-family:inherit;padding:14px;border-radius:8px;color:#0047ab}.maplibregl-popup-content strong{font-size:13px}.maplibregl-popup-content p{margin:6px 0 0;font-size:10px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1550px){main{grid-template-columns:430px minmax(0,1fr)}.panel{padding:38px 35px}}@media(max-width:800px){.topbar{height:62px;padding:0 20px}.top-label{display:none}.brand{font-size:24px}main{height:auto;min-height:0;display:flex;flex-direction:column}.map-area{order:-1;height:48dvh;min-height:320px}.panel{overflow:visible;border-right:0;padding:25px 24px}.map-top{top:15px;left:15px;right:15px}.map-bottom{left:15px;right:15px;bottom:29px}.map-bottom span{font-size:8px}.maplibregl-ctrl-top-right{top:65px;right:6px}h1{font-size:30px}.intro{max-width:440px}.panel-footer{padding-bottom:12px}}
.user-location{margin:-6px 0 22px}.locate-button{margin-top:0;display:flex;align-items:center;justify-content:center;gap:9px;background:#015dde;color:#fff;border-color:#015dde;min-height:44px}.locate-button span{float:none;font-size:12px}.locate-button span[aria-hidden]{font-size:20px}.location-status{margin:8px 0 0;font-size:10px;line-height:1.6;color:#47535d}.location-status.error{color:#943f25}

.brand-logo{display:block;width:137px;height:39px}.brand-light{margin-left:5px;font-size:23px;letter-spacing:-.8px}.topbar{border-top:3px solid #1174ff}.ip-attribution{display:inline-block;font-size:9px;margin-top:6px;color:#47535d}.ip-button{background:#f7fbff}.style-label{pointer-events:auto;margin:0 0 0 auto;display:flex;align-items:center;gap:9px;padding:4px 7px 4px 12px;background:#fff;border:1px solid #dce5f1;border-radius:7px;box-shadow:0 4px 22px #0047ab16;color:#0047ab}.style-label span{white-space:nowrap;font-size:10px}.style-label select{padding:7px 4px;border:0;background:#fff;color:#0047ab;font-size:12px;min-width:80px}.language-label{margin-left:0;margin-bottom:0}.map-top{align-items:flex-start}.map-chip{flex-shrink:0}@media(max-width:1100px){.map-chip{display:none}}@media(max-width:800px){.map-chip{display:flex}.brand-logo{width:113px;height:auto}}@media(max-width:560px){.map-chip{display:none}.style-label{margin-left:0}.language-label{margin-left:auto}.topbar{gap:12px}.integration-link{font-size:11px}.brand-light{font-size:20px}}

.style-picker{pointer-events:auto;margin-left:auto;position:relative;color:#0047ab}.style-picker summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;min-height:44px;padding:6px 10px;background:#fff;border:1px solid #dce5f1;border-radius:8px;box-shadow:0 4px 22px #0047ab16}.style-picker summary::-webkit-details-marker{display:none}.style-picker summary>span:not(.style-chevron){display:grid;gap:2px}.style-picker summary small{font-size:9px;font-weight:500}.style-picker summary strong{font-size:12px}.style-picker summary img{object-fit:cover;border-radius:4px;border:1px solid #dce5f1}.style-chevron{margin-left:8px}.style-gallery{position:absolute;top:calc(100% + 8px);right:0;width:365px;max-width:calc(100vw - 30px);background:#fff;border:1px solid #dce5f1;border-radius:12px;box-shadow:0 12px 40px #02285f30;padding:14px;z-index:5;max-height:calc(100dvh - 175px);overflow:auto;overscroll-behavior:contain}.style-gallery-heading{display:grid;gap:4px;margin:0 2px 12px}.style-gallery-heading strong{font-size:14px}.style-gallery-heading span{font-size:10px;color:#47535d}.style-options{display:grid;gap:7px}.style-card{min-width:0}.style-option{width:100%;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce5f1;border-radius:8px;padding:6px;text-align:left;color:#242424}.style-option:hover{border-color:#1174ff;background:#f7fbff}.style-option[aria-pressed=true]{border:2px solid #1174ff;padding:5px;background:#eaf1fb}.style-image-box{width:108px;height:66px;flex-shrink:0;border-radius:5px;overflow:hidden;background:#eaf1fb;display:grid;place-items:center;font-size:9px;text-align:center;color:#47535d}.style-preview{display:block;width:108px;height:66px;object-fit:cover}.style-preview[hidden]{display:none}.style-label-text{display:grid;gap:5px}.style-label-text strong{font-size:12px}.style-label-text small{font-size:10px;line-height:1.45;color:#47535d}.style-option:disabled{cursor:default;opacity:.8}.style-card>a{display:block;font-size:9px;margin:4px 7px 7px;text-align:right}.style-gallery-credit{font-size:9px;line-height:1.7;color:#47535d;margin:12px 2px 0}.style-preview-renderer{position:fixed;left:-10000px;top:0;width:216px;height:132px;pointer-events:none}.map-top{z-index:3}.style-picker[open] summary{border-color:#1174ff}#local-file-notice{padding:20px;background:#fff3cd;color:#242424;font:16px/1.5 sans-serif}@media(max-width:800px){.style-gallery{max-height:65dvh}}@media(max-width:560px){.style-picker{margin-left:0}.style-gallery{left:0;right:auto;width:340px}}

.style-gallery{width:680px}.style-options{grid-template-columns:repeat(2,minmax(0,1fr))}.style-card[hidden]{display:none}#style-filter{margin-bottom:12px;padding:10px 12px}.style-option{min-height:80px}.style-label-text{min-width:0}.style-label-text strong{overflow-wrap:anywhere}@media(max-width:600px){.style-gallery{width:340px}.style-options{grid-template-columns:1fr}}