/* Shared browser-local AI preference picker. */
.gw-ai-picker__options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.gw-ai-picker__option { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 38px; padding: 7px 10px; border: 1px solid #e5e0f5; border-radius: 10px; background: rgba(255,255,255,.9); color: #716a82; font: inherit; font-size: 12px; font-weight: 750; line-height: 1.25; white-space: nowrap; cursor: pointer; transition: border-color var(--gw-transition-fast), background var(--gw-transition-fast), color var(--gw-transition-fast), box-shadow var(--gw-transition-fast), transform var(--gw-transition-fast); }
.gw-ai-picker__option:hover { border-color: #b8a9ff; color: #654cd7; transform: translateY(-1px); }
.gw-ai-picker__option:focus-visible { outline: 3px solid rgba(124,92,255,.18); outline-offset: 2px; }
.gw-ai-picker__option.is-selected { border-color: #7c5cff; background: #f0edff; color: #5b43c9; box-shadow: 0 0 0 2px rgba(124,92,255,.09); }
.gw-ai-picker__dot { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: #c9c4d5; }
.gw-ai-picker__option.is-selected .gw-ai-picker__dot { background: #7c5cff; box-shadow: 0 0 0 4px rgba(124,92,255,.11); }
.gw-ai-picker__option em { color: #8a73ed; font-size: 9px; font-style: normal; }
@media (max-width: 620px) { .gw-ai-picker__options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }