.picker{display:flex;align-items:center;gap:8px;min-width:0;margin:0;border:0;cursor:pointer;text-align:left;font:400 17px/1.5 var(--sans);letter-spacing:-.006em;color:var(--ink);-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out),box-shadow var(--dur-ui) var(--ease-out),transform .35s var(--ease-lift)}.picker:disabled{color:var(--muted);cursor:not-allowed}.picker:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.picker--field{width:100%;height:42px;padding:0 14px;border:1px solid #d5d9de;border-radius:12px;background:#fff}.picker--field:disabled{background:var(--page)}.picker--field.is-open,.picker--field:not(:disabled):focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(7,108,253,.16)}.picker--field.is-invalid{border-color:var(--bad);background:#FFF7F8}.picker--pill{flex:none;height:36px;padding:0 12px 0 8px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(15,17,21,.1),0 1px 2px rgba(15,17,21,.06);font-size:16px;font-weight:500}.picker--pill.is-open,.picker--pill:not(:disabled):focus-visible{outline:none;box-shadow:0 0 0 1px var(--accent),0 0 0 4px rgba(7,108,253,.16)}.picker__value{flex:1 1;display:inline-flex;align-items:center;gap:.45em;min-width:0}.picker__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__chevron{flex:none;width:7px;height:7px;margin-left:4px;border-left:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:translateY(-2px) rotate(-45deg);transition:transform var(--dur-ui) var(--ease-out),border-color var(--dur-ui) var(--ease-out)}.picker.is-open .picker__chevron{transform:translateY(2px) rotate(135deg);border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.picker--field:not(:disabled):hover{border-color:#AEB4BB}.picker--field.is-invalid:not(:disabled):hover{border-color:var(--bad)}.picker--field.is-open:hover,.picker--field:not(:disabled):focus-visible:hover{border-color:var(--accent)}.picker--pill:not(:disabled):hover{box-shadow:0 0 0 1px #AEB4BB,0 6px 14px -6px rgba(15,17,21,.22);transform:translateY(-1px)}.picker--pill.is-open:hover{box-shadow:0 0 0 1px var(--accent),0 0 0 4px rgba(7,108,253,.16);transform:none}.picker:not(:disabled):hover .picker__chevron{border-color:var(--ink)}.picker.is-open:hover .picker__chevron{border-color:var(--accent)}}.picker__list{position:fixed;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;grid-gap:2px;gap:2px;margin:0;padding:4px;list-style:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(15,17,21,.06),var(--lift-2);font-family:var(--sans);color:var(--ink);outline:none;transform-origin:top center;animation:picker-in var(--dur-ui) var(--ease-out);scrollbar-width:thin;scrollbar-color:#D5D9DE transparent}.picker__list.is-up{animation-name:picker-in-up;transform-origin:bottom center}@keyframes picker-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}@keyframes picker-in-up{0%{opacity:0;transform:translateY(6px) scale(.98)}}.picker__opt{display:flex;align-items:center;gap:.55em;min-width:0;min-height:44px;padding:0 14px 0 12px;border-radius:12px;cursor:pointer;font-size:17px;line-height:1.5;letter-spacing:-.006em;transition:background-color .15s var(--ease-out)}.picker__opt.is-active{background:var(--page)}.picker__opt.is-selected{font-weight:500}.picker__opt.is-disabled{color:#A3A8AF;cursor:not-allowed}.picker__opt-label{flex:0 1 auto;min-width:2.5em}.picker__opt-detail,.picker__opt-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__opt-detail{flex:0 10 auto;min-width:0;margin-left:auto;padding-left:12px;font-size:16px;font-weight:400;color:var(--ink)}.picker__tick{flex:none;width:10px;height:5px;margin:0 2px 3px 8px;border-left:1.75px solid var(--accent);border-bottom:1.75px solid var(--accent);transform:rotate(-45deg);visibility:hidden}.picker__opt-detail+.picker__tick{margin-left:8px}.picker__opt-label+.picker__tick{margin-left:auto}.picker__opt.is-selected .picker__tick{visibility:visible}@media (pointer:coarse){.picker__opt{min-height:44px}}@media (prefers-reduced-motion:reduce){.picker__list{animation:none}.picker,.picker__chevron{transition:none}}