.xp-areas{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.xp-area-picker{display:inline-block;position:relative}.xp-area-trigger{align-items:center;gap:var(--space-2);max-width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--pt-ink);border-radius:var(--r-pill);background:var(--pt-surface);color:var(--pt-ink);font:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;display:inline-flex}.xp-area-trigger:hover{border-color:var(--pt-forest)}.xp-area-trigger[aria-expanded=true]{background:var(--pt-forest-100)}.xp-area-trigger-key{color:var(--pt-ink-3)}.xp-area-trigger-value{text-overflow:ellipsis;font-weight:600;overflow:hidden}.xp-area-trigger:focus-visible,.xp-area-option:focus-visible,.xp-region:focus-visible,.xp-search:focus-visible,.fpill:focus-visible{outline:2px solid var(--pt-brand);outline-offset:2px}.xp-area-dialog{z-index:20;top:calc(100% + var(--space-2));gap:var(--space-2);width:min(320px, calc(100vw - 2 * var(--gutter)));padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--r-16);background:var(--pt-surface);box-shadow:var(--shadow-lifted);border:0;flex-direction:column;display:flex;position:absolute;left:0}.xp-area-title{margin:0 var(--space-2);font-family:var(--font-heading,"Prata", Georgia, serif);font-size:var(--fs-lg);color:var(--pt-ink);line-height:1.3}.xp-area-list{overscroll-behavior:contain;max-height:min(320px,50vh);padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--pt-forest-200) transparent;flex-direction:column;display:flex;overflow-y:auto}@supports selector(::-webkit-scrollbar){.xp-area-list{scrollbar-width:auto;scrollbar-color:auto}.xp-area-list::-webkit-scrollbar{width:12px}.xp-area-list::-webkit-scrollbar-track{background:0 0}.xp-area-list::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:var(--pt-forest-200);background-clip:content-box;border:4px solid #0000}}.xp-area-state{margin:var(--space-3) var(--space-2) var(--space-1);font-size:var(--fs-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--pt-clay-700);font-weight:600}.xp-area-option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:0 var(--space-2);border-radius:var(--r-10);color:var(--pt-ink);font:inherit;font-size:var(--fs-base);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.xp-area-option--all{font-weight:600}.xp-area-option:hover{background:var(--pt-sand-100)}.xp-area-option[aria-pressed=true]{background:var(--pt-forest-100);font-weight:600}.xp-area-count{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--pt-ink-3)}.xp-area-link{min-height:44px;font-size:var(--fs-sm);color:var(--link);padding:0 var(--space-2);align-items:center;font-weight:600;display:inline-flex}