/* Area selection uses existing map surfaces; the drawing surface stays transparent. */
#area-select-open.area-select-open{position:absolute;right:0;bottom:calc(100% + 10px);width:max-content;max-width:calc(100vw - 28px);height:39px;min-height:39px;margin:0;padding:0 12px;gap:8px;font:450 12px/1.4 Inter,sans-serif;color:var(--surface-ink);background:var(--surface);border:1px solid #ffffffb3;border-radius:10px;box-shadow:var(--surface-shadow);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
#area-select-open.area-select-open:hover{background:var(--surface-hover)}
#area-select-open.area-select-open[aria-expanded=true]{background:var(--surface-hover)}
#area-select-open.area-select-open svg{width:16px;height:16px}
:root[data-theme=dark] #area-select-open.area-select-open{border-color:var(--surface-line)}
.area-draw-surface{position:absolute;inset:0;z-index:20;background:transparent;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;outline:none!important}
.area-draw-toolbar{position:absolute;left:50%;top:92px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);z-index:60;background:var(--surface);color:var(--surface-ink);border:1px solid #ffffffb3;border-radius:12px;box-shadow:var(--surface-shadow);padding:9px 10px;font-family:Inter,sans-serif}
.area-draw-controls{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.area-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:7px 10px;border:1px solid var(--surface-line);border-radius:6px;font:450 12px/1.4 Inter,sans-serif;color:var(--surface-ink);background:var(--surface);cursor:pointer;white-space:nowrap}
.area-button>span{display:inline-flex}.area-button svg{width:15px;height:15px}.area-button:hover:not(:disabled){background:var(--surface-hover)}.area-button[aria-pressed=true]{background:var(--surface-hover);border-color:var(--surface-muted)}.area-button:disabled{opacity:.45;cursor:default}.area-button[hidden]{display:none}
#area-draw-instruction{font:400 11px/1.5 Inter,sans-serif;color:var(--surface-muted);margin:8px 0 1px;text-align:center}
.ask-area-context{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;margin:0 0 9px;padding:7px 9px;border:1px solid var(--surface-line);border-radius:7px;color:var(--surface-ink);background:var(--surface-hover);font:400 12px/1.5 Inter,sans-serif}
.area-context-label{min-width:0;overflow-wrap:anywhere}
#ask-form .area-context-clear{flex:none;width:28px;height:28px;min-height:28px;border:0;padding:0;background:transparent;color:var(--surface-muted)}
#ask-form .area-context-clear:hover{background:var(--surface);color:var(--surface-ink)}
.area-button:focus-visible{outline:2px solid var(--focus-ring,var(--surface-ink));outline-offset:2px}
@media(max-width:700px){#area-select-open.area-select-open{height:37px;min-height:37px;font-size:11px;padding:0 10px;bottom:calc(100% + 9px)}.area-draw-toolbar{top:124px;width:calc(100% - 28px);box-sizing:border-box;padding:8px}.area-draw-controls{gap:5px}.area-draw-toolbar .area-button{font-size:11px;min-height:40px;padding:8px}.area-draw-toolbar .area-button svg{width:14px;height:14px}#area-draw-instruction{font-size:11px;margin-top:7px}.ask-area-context{font-size:12px}}

#ask-form.ask-has-area{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}#ask-form.ask-has-area .ask-area-context{grid-column:1 / -1;margin-bottom:4px}#ask-form.ask-has-area #ask-input{grid-column:1;width:100%}#ask-form.ask-has-area .ask-compose-bottom{grid-column:2}
/* The action sits outside the zoom group; do not clip its hit target. */
.map-controls:has(#area-select-open){overflow:visible}
/* Drawing tools live in the navigation, with a visible exit while active. */
.atlas-area-tools{display:inline-flex;align-items:center;gap:3px;flex:none;pointer-events:auto}
.atlas-area-tools .area-button{display:inline-grid;place-items:center;width:32px;height:34px;min-height:34px;padding:0;border:0;border-radius:7px;box-shadow:none;background:transparent;color:var(--surface-ink)}
.atlas-area-tools .area-button[hidden]{display:none}.atlas-area-tools .area-button>span:empty{display:none}.atlas-area-tools .area-button .lucide{width:17px;height:17px}
.atlas-area-tools .area-button:hover,.atlas-area-tools .area-button[aria-pressed=true]{background:var(--surface-hover)}
.atlas-area-tools #area-cancel{border:1px solid var(--surface-line);margin-left:3px}.atlas-area-tools #area-done:disabled{color:var(--surface-muted);opacity:.45}
.area-drawing .atlas-actions>button:not(#more-open){display:none}
@media(max-width:500px){.atlas-actions{gap:6px}#layers-button>span,#records-button>span{display:none}#layers-button,#records-button,#explore-open,#ask-open,#more-open{width:32px;padding:0}.atlas-area-tools{gap:2px}.atlas-area-tools .area-button{width:31px}}