.area-picker{background:var(--card);border:2px solid var(--ink);border-radius:10px;box-shadow:4px 4px 0 rgb(var(--ink-rgb)/.12);margin:4px 0 16px;overflow:hidden}.area-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:2px solid var(--ink);background:repeating-linear-gradient(-45deg,rgb(var(--caution-rgb)/.22) 0 10px,transparent 10px 20px)}.area-picker-label{font-family:var(--font-plex-mono),monospace;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.area-picker-fields{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:14px 16px 16px}.area-field{display:flex;flex-direction:column;gap:5px;margin:0}.area-field span{font-family:var(--font-plex-mono),monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--charcoal)}.area-field select{width:100%;padding:10px 12px;font-size:14px;font-weight:600;border:2px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink)}.area-field select:disabled{border-color:var(--line-strong);color:var(--charcoal);opacity:.7}.area-chip{font:inherit;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:6px 12px;border-radius:6px;border:1.5px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.area-chip:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgb(var(--ink-rgb)/.18)}.area-chip.active{background:var(--ink);color:var(--paper)}.area-chip.all{white-space:nowrap}@media (max-width:560px){.area-picker-fields{grid-template-columns:1fr;gap:10px}}