.model-picker { position:relative; }
.model-picker-source { position:absolute; width:1px !important; height:1px !important; opacity:0; pointer-events:none; }
.model-picker-trigger { display:flex; align-items:center; gap:10px; min-height:44px; height:auto; padding:8px 12px; text-align:left; cursor:pointer; }
.model-picker-trigger:disabled { opacity:.6; cursor:not-allowed; }
.model-picker-value { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--mono); font-size:12.5px; }
.model-picker .model-logo, .model-picker-menu .model-logo { width:26px; height:26px; flex:none; background:transparent; border:0; border-radius:6px; }
.model-picker .model-logo img, .model-picker-menu .model-logo img { width:24px; height:24px; }
.model-picker-menu { position:fixed; inset:auto; margin:0; padding:6px; box-sizing:border-box; overflow-y:auto; border:1px solid var(--line-2); border-radius:12px; background:var(--surface-2); color:var(--ink); box-shadow:var(--glass-shadow-lg); }
.model-picker-option { display:flex; align-items:center; gap:10px; width:100%; padding:10px; border:0; border-radius:8px; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.model-picker-option .model-picker-value { white-space:normal; overflow-wrap:anywhere; }
.model-picker-option[aria-selected="true"], .model-picker-option:hover:not(:disabled) { background:var(--accent-soft); }
.model-picker-option:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.model-picker-option:disabled { opacity:.45; cursor:not-allowed; }
.model-picker-reason { flex:none; font-size:11px; color:var(--ink-3); }