.mnemo-chat-model{display:flex;align-items:center;gap:8px;margin:0 0 6px 2px;font-size:12px;opacity:.85;flex-wrap:wrap}
.mnemo-chat-model-label{font-weight:600;letter-spacing:.02em}
.mnemo-chat-model select{font:inherit;font-size:12px;padding:2px 6px;border-radius:6px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;max-width:min(70vw,420px)}
.mnemo-chat-model select option{color:#111;background:#fff}
.mnemo-chat-model-msg{font-size:11px;opacity:.8}
.mnemo-cost{font-size:11px;line-height:1.3;opacity:.6;margin:2px 0 4px 6px;font-variant-numeric:tabular-nums}
/* mnemo uifix: model/template row lives inside the composer bar as its own full-width grid row */
[data-testid="composer-bar"] > .mnemo-chat-model{grid-column:1/-1;grid-row:2;min-width:0;margin:0;padding:6px 2px 0;opacity:1;color:var(--muted-foreground,currentColor);border-top:1px solid var(--border,color-mix(in srgb,currentColor 15%,transparent))}
[data-testid="composer-bar"][data-expanded="true"] > .mnemo-chat-model{grid-row:3}
[data-testid="composer-bar"] > .mnemo-chat-model select{color:var(--foreground,inherit);min-width:0;flex:0 1 auto;max-width:100%;text-overflow:ellipsis;cursor:pointer}
@media (max-width:480px){[data-testid="composer-bar"] > .mnemo-chat-model{gap:6px}[data-testid="composer-bar"] > .mnemo-chat-model select{max-width:calc(100% - 52px)}[data-testid="composer-bar"] > .mnemo-chat-model select + select{max-width:100%}}