.select-field{min-width:0;display:inline-flex;position:relative}.select-trigger{min-height:var(--control-height);color:var(--ink);text-align:left;cursor:pointer;transition:background-color var(--duration-feedback) var(--ease-feedback);background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,auto) 10px;grid-template-areas:"label chevron""value chevron";align-items:center;column-gap:10px;margin-inline:-8px;padding:3px 8px 4px;display:inline-grid}.select-trigger:hover,.select-field[data-open=true] .select-trigger{background:color-mix(in oklab, var(--ink) 5%, transparent)}.select-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.select-label{color:var(--text-muted);font:500 11px / 1.2 var(--font-mono);letter-spacing:.14em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;grid-area:label;overflow:hidden}.select-value{min-width:0;color:var(--ink);font:500 14px / 1.3 var(--font-body);text-overflow:ellipsis;white-space:nowrap;grid-area:value;overflow:hidden}.select-chevron{width:10px;height:6px;color:var(--text-muted);transition:transform var(--duration-feedback) var(--ease-feedback);grid-area:chevron}.select-field[data-open=true] .select-chevron{transform:rotate(180deg)}.select-field[data-variant=plain] .select-trigger:hover,.select-field[data-variant=plain][data-open=true] .select-trigger{background:0 0}.select-field[data-variant=plain] .select-panel{left:0}.select-field[data-variant=plain][data-align=end] .select-panel{left:auto;right:0}.select-panel{z-index:70;overscroll-behavior:contain;border:1px solid var(--ink);background:var(--paper);min-width:max(100%,216px);max-height:min(320px,60dvh);box-shadow:0 24px 48px -28px color-mix(in oklab, var(--ink) 42%, transparent);transform-origin:0 0;animation:select-open .14s var(--ease-feedback);border-radius:12px;gap:2px;margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 4px);left:-8px;overflow-y:auto}.select-field[data-align=end] .select-panel{transform-origin:100% 0;left:auto;right:-8px}.select-option{min-height:44px;color:var(--text-primary);font:500 14px / 1.3 var(--font-body);cursor:pointer;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex;position:relative}.select-option[aria-selected=true]:before{content:"";inset-block:10px;background:var(--violet);border-radius:0 2px 2px 0;width:3px;position:absolute;left:0}.select-option[aria-selected=true]{color:var(--ink);font-weight:600}.select-option[data-active=true]{background:var(--ink);color:var(--paper)}.select-option[data-active=true]:before{background:var(--paper)}.select-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.select-tick{width:12px;height:10px;color:var(--violet-ink);opacity:0;flex:none}.select-option[aria-selected=true] .select-tick{opacity:1}.select-option[data-active=true] .select-tick{color:var(--paper)}@keyframes select-open{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.select-panel{animation:none}.select-chevron{transition:none}}