*{box-sizing:border-box}
html,body{margin:0;height:100%;font:14px var(--dsw-font-family);background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary)}
body{display:flex;flex-direction:column}
header{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;flex:none;padding:8px 14px;border-bottom:1px solid var(--dsw-alias-border-l3)}
header strong{flex:none}
label{display:flex;gap:8px;align-items:center;flex:0 1 340px;min-width:0}
.map-label{flex:none}
.map-select{position:relative;display:block;flex:1;min-width:0}
.map-select::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
select,button{font:inherit;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;background:var(--dsw-alias-bg-base);color:inherit}
select{display:block;appearance:none;width:100%;min-width:0;height:34px;padding:6px 38px 6px 10px;text-overflow:ellipsis}
#refresh{display:grid;place-items:center;width:34px;height:34px;padding:6px;flex:none;cursor:pointer}
select:focus-visible,button:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
#status{font-size:12px;color:var(--dsw-alias-label-secondary);overflow-wrap:anywhere;min-width:0}
#status[data-state="error"]{color:var(--dsw-alias-state-error-primary)}
#refresh:disabled,select:disabled{cursor:wait}
#status:empty{position:absolute}
#map-frame{flex:1;border:0;width:100%;min-height:200px}
@media(max-width:600px){header strong{flex-basis:100%}label{flex:1}.map-label{display:none}#status:not(:empty){flex-basis:100%}}