.sf-ai-wizard { background:#fff; border:1px solid #dce3ee; border-radius:24px; padding:24px; color:#17233b; }
.sf-ai-wizard h3 { font-size:1.25rem; font-weight:850; margin:0 0 8px; }
.sf-ai-wizard p { line-height:1.6; }
.sf-ai-muted { color:#52627a; font-size:.875rem; }
.sf-ai-steps { display:flex; gap:8px; list-style:none; padding:0; margin:20px 0; }
.sf-ai-steps li { flex:1; padding:9px 8px; border-radius:10px; background:#f1f5f9; font-size:.75rem; }
.sf-ai-steps [aria-current="step"] { color:#fff; background:#1258e8; font-weight:800; }
.sf-ai-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:16px 0; }
.sf-ai-choice { display:flex; align-items:flex-start; gap:12px; padding:18px; border:1px solid #cbd5e1; border-radius:16px; cursor:pointer; }
.sf-ai-choice:has(input:checked) { border:2px solid #1258e8; padding:17px; background:#eff6ff; }
.sf-ai-choice input { margin-top:5px; accent-color:#1258e8; }
.sf-ai-choice strong, .sf-ai-choice small { display:block; }
.sf-ai-choice small { margin-top:6px; color:#52627a; line-height:1.5; }
.sf-ai-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
.sf-ai-btn { border-radius:12px; border:1px solid #cbd5e1; padding:11px 16px; background:#fff; font-size:.875rem; font-weight:750; cursor:pointer; }
.sf-ai-btn-primary { background:#1258e8; border-color:#1258e8; color:#fff; }
.sf-ai-btn:disabled { opacity:.55; cursor:wait; }
.sf-ai-btn:focus-visible, .sf-ai-wizard input:focus-visible, .sf-ai-wizard select:focus-visible { outline:3px solid #38bdf8; outline-offset:3px; }
.sf-ai-note { padding:14px 16px; border-radius:14px; background:#eff6ff; margin:14px 0; font-size:.875rem; line-height:1.6; }
.sf-ai-warning { background:#fffbeb; color:#78350f; }
.sf-ai-error { background:#fff1f2; color:#9f1239; }
.sf-ai-success { background:#ecfdf5; color:#065f46; }
.sf-ai-wizard pre { background:#0f172a; color:#dbeafe; padding:16px; border-radius:14px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.75rem; margin:12px 0; }
.sf-ai-wizard select, .sf-ai-secret { padding:12px; border:1px solid #cbd5e1; border-radius:12px; max-width:100%; }
.sf-ai-secret { width:100%; font-family:monospace; margin-top:8px; }
.sf-ai-wizard ol:not(.sf-ai-steps) { list-style:decimal; padding-left:24px; }
.sf-ai-wizard ol:not(.sf-ai-steps) li { margin:10px 0; line-height:1.6; }
.sf-ai-saved { margin-top:24px; border-top:1px solid #e2e8f0; padding-top:18px; }
.sf-ai-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #e2e8f0; }
@media(max-width:640px) { .sf-ai-wizard { padding:18px; } .sf-ai-grid { grid-template-columns:1fr; } .sf-ai-steps li { font-size:.65rem; padding:8px 4px; } .sf-ai-row { align-items:flex-start; flex-direction:column; } }