.spite-select{display:inline-flex;flex-direction:column;vertical-align:middle;width:100%;min-width:0;position:relative}.spite-select[data-compact=true]{width:auto}.spite-select>.spite-select__native,.spite-select>.spite-select__trigger{width:100%;min-width:0;min-height:var(--control-height);margin:0;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-control);background-color:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:400;line-height:1.5;text-align:start;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.spite-select>.spite-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.spite-select>.spite-select__native{color-scheme:dark;cursor:pointer}.spite-select[data-custom=true]>.spite-select__native{display:none}.spite-select[data-compact=true]>.spite-select__native,.spite-select[data-compact=true]>.spite-select__trigger{min-height:var(--control-height-sm);min-width:80px;padding-block:6px;font-size:.85rem}.spite-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spite-select__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform var(--transition-fast),color var(--transition-fast)}.spite-select__trigger[aria-expanded=true]{border-color:var(--accent-primary)}.spite-select__trigger[aria-expanded=true] .spite-select__chevron{color:var(--accent-primary);transform:rotate(180deg)}.spite-select__trigger[aria-invalid=grammar],.spite-select__trigger[aria-invalid=spelling],.spite-select__trigger[aria-invalid=true]{border-color:var(--status-red)}.spite-select>.spite-select__native:disabled,.spite-select__trigger[aria-disabled=true]{color:var(--text-muted);cursor:not-allowed}.spite-select__trigger[aria-disabled=true] .spite-select__chevron{opacity:.5}.spite-select__trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.spite-select__popup{position:fixed;z-index:var(--z-tooltip);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:5px;border:1px solid var(--border-hover);border-radius:var(--radius-panel);background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;line-height:1.5;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;transform-origin:top}.spite-select__popup[data-side=top]{transform-origin:bottom}.spite-select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:var(--control-height-sm);padding:7px 10px;border-radius:var(--radius-control-sm);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.spite-select__option>span{min-width:0;overflow-wrap:anywhere}.spite-select__option>svg{flex-shrink:0;color:var(--accent-primary)}.spite-select__option[data-active=true]{background:rgba(var(--cyan-rgb),.1);color:var(--accent-light)}.spite-select__option[aria-disabled=true]{color:var(--text-muted);cursor:not-allowed}.spite-select__group{padding:8px 10px 4px;color:var(--text-secondary);font-size:.8rem;font-weight:600}.spite-select__error{margin-top:var(--space-xs);color:var(--status-red);font-size:.85rem;line-height:1.5}@media (hover:hover){.spite-select__trigger:not([aria-disabled=true]):hover{border-color:var(--accent-primary)}}@media (pointer:coarse){.spite-select>.spite-select__native{min-height:44px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.spite-select__chevron,.spite-select__native,.spite-select__option,.spite-select__trigger{transition:none}}@media (forced-colors:active){.spite-select__native,.spite-select__popup,.spite-select__trigger{background:Canvas;color:CanvasText;border-color:ButtonText}.spite-select__option[data-active=true]{background:Highlight;color:HighlightText}.spite-select__option[aria-disabled=true]{color:GrayText}}