.model-picker { display: inline-flex; flex: 0 0 auto; }
.model-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 38px; padding: 0 12px; border: 0; border-radius: 10px; background: transparent; color: #55545f; font-size: 13px; font-weight: 500; transition: background .15s, color .15s; }
.model-trigger:hover, .model-trigger[aria-expanded="true"] { background: #f3f2f6; color: #26242e; }
.model-chevron { width: 14px; height: 14px; color: #8c8994; transition: transform .15s; }
.model-trigger[aria-expanded="true"] .model-chevron { transform: rotate(180deg); }
.model-menu { position: fixed; z-index: 40; width: 248px; margin: 0; padding: 7px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid #e3e1e7; border-radius: 16px; background: #fff; box-shadow: 0 12px 38px rgba(28,22,45,.12), 0 2px 7px rgba(28,22,45,.05); animation: model-menu-enter .14s ease-out; }
.model-menu[hidden] { display: none; }
.model-option { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 43px; padding: 10px 12px; border: 0; border-radius: 9px; background: transparent; color: #29262f; text-align: left; font-size: 14px; font-weight: 400; }
.model-option:hover, .model-option:focus { background: #f5f4f7; outline: none; }
.model-trigger:focus-visible, .model-option:focus-visible { outline: 2px solid #b4a9e5; outline-offset: 2px; }
.model-check { width: 18px; height: 18px; flex-shrink: 0; color: var(--blue); visibility: hidden; }
.model-option[aria-selected="true"] .model-check { visibility: visible; }
@keyframes model-menu-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .model-menu { animation: none; } .model-trigger, .model-chevron { transition: none; } }