.model-selector{position:relative;display:inline-flex;align-items:center;min-width:0}.model-selector .model-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);height:32px;max-width:12rem;padding:0 var(--spacing-sm) 0 6px;background:var(--color-surface-overlay);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-white);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.model-selector .model-chip:hover:not(:disabled){border-color:rgba(var(--color-cyan-rgb),.3);background:rgba(var(--color-cyan-rgb),.07)}.model-selector .model-chip[aria-expanded=true]{border-color:rgba(var(--color-cyan-rgb),.4);background:rgba(var(--color-cyan-rgb),.1)}.model-selector .model-chip:focus-visible{outline:2px solid var(--color-cyan);outline-offset:1px}.model-selector .model-chip:disabled{cursor:not-allowed;opacity:.6}.model-selector .model-chip-label{overflow:hidden;text-overflow:ellipsis}.model-selector .model-chip-glyph{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:6px;background:#e4e4e414;border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-bold);line-height:1}.model-selector .model-chip-glyph.is-auto{background:rgba(var(--color-cyan-rgb),.14);border-color:rgba(var(--color-cyan-rgb),.3);color:var(--color-cyan)}.model-selector .model-chip-glyph svg{width:12px;height:12px}.model-selector .model-chip.warn .model-chip-glyph{background:#ffc1cc24;border-color:#ffc1cc59;color:var(--color-pink)}.model-selector .model-chip-chevron{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted);transition:transform .2s ease}.model-selector .model-chip[aria-expanded=true] .model-chip-chevron{transform:rotate(180deg)}.model-selector .model-pop{position:absolute;bottom:calc(100% + var(--spacing-sm));left:0;z-index:var(--z-dropdown);width:320px;max-width:min(320px,calc(100vw - var(--spacing-xl)));max-height:380px;display:flex;flex-direction:column;background:var(--color-slate);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 34px #00000073;overflow:hidden;animation:model-pop-in .14s ease}@keyframes model-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.model-selector .model-pop{animation:none}}.model-selector .model-pop-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);flex-shrink:0}.model-selector .model-pop-search-icon{width:15px;height:15px;flex-shrink:0}.model-selector .model-pop-search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--color-white);font-family:inherit;font-size:var(--font-size-sm);outline:none}.model-selector .model-pop-search-input::placeholder{color:var(--color-text-muted)}.model-selector .model-pop-list{margin:0;padding:var(--spacing-xs);list-style:none;overflow-y:auto}.model-selector .model-pop-group{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.model-selector .model-pop-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer}.model-selector .model-pop-option.is-active{background:var(--color-surface-overlay-hover)}.model-selector .model-pop-option[aria-selected=true]{background:rgba(var(--color-cyan-rgb),.1)}.model-selector .model-pop-glyph{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:6px;background:#e4e4e414;border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-bold);line-height:1}.model-selector .model-pop-glyph.is-auto{background:rgba(var(--color-cyan-rgb),.14);border-color:rgba(var(--color-cyan-rgb),.3);color:var(--color-cyan)}.model-selector .model-pop-glyph svg{width:13px;height:13px}.model-selector .model-pop-text{flex:1;min-width:0;display:flex;flex-direction:column}.model-selector .model-pop-name{color:var(--color-white);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-selector .model-pop-slug{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-selector .model-pop-check{width:16px;height:16px;flex-shrink:0;color:var(--color-cyan);opacity:0}.model-selector .model-pop-option[aria-selected=true] .model-pop-check{opacity:1}.model-selector .model-pop-empty{padding:var(--spacing-md) var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.model-selector .model-selector-error{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-pink);font-size:var(--font-size-xs)}.model-selector .model-retry-btn{padding:0 var(--spacing-xs);background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm);color:inherit;font-size:var(--font-size-xs);cursor:pointer}.model-selector .model-selector-status,.model-selector .model-pop-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
