@layer components{.field-head{align-items:center;gap:2px;min-height:24px;display:flex}.picks{flex-wrap:wrap;gap:8px;display:flex}.pick{border:1px solid var(--color-divider);background:var(--color-raised);min-height:36px;color:var(--color-ink);font:inherit;font-variant-numeric:tabular-nums;box-shadow:var(--elevation-1);transition:border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.875rem;font-weight:500;display:inline-flex}.pick svg{width:14px;height:14px;color:var(--color-accent)}.pick-hint{color:var(--color-muted);font-size:.75rem;font-weight:400}.pick:hover:not(:disabled){border-color:var(--color-control);transform:translateY(-1px)}.pick:active:not(:disabled){transform:scale(.97)}.pick[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.pick:disabled{color:var(--color-muted);cursor:not-allowed;box-shadow:none}.picks[data-size=sm] .pick{min-height:32px;padding:4px 10px;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.pick{transition:none}.pick:hover:not(:disabled),.pick:active:not(:disabled){transform:none}}}
