.ai-mode-options { display: grid; gap: .75rem; margin: 1rem 0; }
.ai-mode-option { display: grid; gap: .35rem; text-align: left; width: 100%; padding: 1rem; background: transparent; color: inherit; border: 1px solid var(--border, #9ca3af); border-radius: 14px; }
.ai-mode-option[aria-pressed="true"] { border-color: var(--accent, #485d81); box-shadow: inset 0 0 0 1px var(--accent, #485d81); }
.ai-mode-option span, .ai-help { font-size: .88rem; font-weight: 400; opacity: .82; line-height: 1.5; }
.ai-api-fields { display: grid; gap: .9rem; margin-top: 1.25rem; }
.ai-api-fields[hidden], .ai-chatgpt-actions[hidden], .ai-management button[hidden] { display: none; }
.ai-api-fields label { display: grid; gap: .4rem; }
.ai-api-fields input, .ai-api-fields select { width: 100%; min-width: 0; box-sizing: border-box; }
.ai-api-fields select { text-overflow: ellipsis; }
.ai-model-controls, .ai-management { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; }
.ai-status { min-height: 1.4rem; line-height: 1.5; }
.ai-status.is-error { color: var(--danger, #b53e37); }
.ai-current { font-weight: 600; overflow-wrap: anywhere; }
.ai-chatgpt-actions { line-height: 1.5; }
.ai-settings-dialog { width: min(640px, calc(100vw - 2rem)); max-height: 85vh; overflow-y: auto; }
#legacy-model-field[hidden] { display: none; }