:root{--ai-accent:#5b5bd6;--ai-soft:#f4f5ff;--ai-border:#dfe3f2;--ai-ink:#1f2937;--ai-muted:#64748b}
.ai-grid,.ai-feature-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ai-grid.three,.ai-feature-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-note{padding:.9rem 1rem;border:1px solid var(--ai-border);border-radius:14px;background:var(--ai-soft);color:var(--ai-ink);line-height:1.55}.ai-env-example{padding:1rem;border-radius:14px;background:#111827;color:#e5e7eb;overflow:auto;white-space:pre-wrap;word-break:break-word;font:500 .86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ai-provider,.ai-feature,.ai-draft-card,.ai-source{border:1px solid var(--ai-border);border-radius:16px;background:#fff;padding:1rem}.ai-provider.ready{box-shadow:inset 4px 0 0 #16a34a}.ai-provider.not-ready{box-shadow:inset 4px 0 0 #dc2626}.ai-provider h3,.ai-feature h3,.ai-draft-card h3{margin:.1rem 0 .45rem}.ai-provider small,.ai-feature small,.ai-source span,.ai-draft-card small{color:var(--ai-muted)}.ai-output{border:1px solid var(--ai-border);border-radius:16px;background:#fbfcff;padding:1rem}.ai-output pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.65;color:var(--ai-ink)}.ai-source{margin:.7rem 0}.ai-source strong{display:block;margin-bottom:.25rem}.ai-source p{margin:.7rem 0 0;line-height:1.55}.ai-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-top:.8rem}.ai-actions form{margin:0}.ai-status{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .58rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.78rem;font-weight:700}.ai-status.ok{background:#ecfdf5;color:#166534}.ai-status.warn{background:#fff7ed;color:#9a3412}.ai-status.bad{background:#fef2f2;color:#991b1b}.ai-metric{border:1px solid var(--ai-border);border-radius:16px;background:#fff;padding:1rem}.ai-metric strong{display:block;font-size:1.45rem;margin-top:.25rem}.ai-progress{height:9px;border-radius:999px;background:#e5e7eb;overflow:hidden}.ai-progress>span{display:block;height:100%;background:var(--ai-accent)}.ai-draft-card{margin-bottom:1rem}.ai-draft-card textarea{min-height:260px}.ai-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.ai-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:1rem}.ai-sticky{position:sticky;top:92px;align-self:start}.ai-provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.ai-feature textarea{min-height:120px}.ai-empty{padding:1.2rem;text-align:center;color:var(--ai-muted);border:1px dashed var(--ai-border);border-radius:14px}.ai-risk-high{border-left:4px solid #dc2626}.ai-risk-medium{border-left:4px solid #f59e0b}.ai-risk-low{border-left:4px solid #16a34a}
@media(max-width:900px){.ai-grid,.ai-grid.three,.ai-feature-cards,.ai-feature-cards.three,.ai-split{grid-template-columns:1fr}.ai-sticky{position:static}.ai-actions>.button,.ai-actions button{max-width:100%}}
@media(max-width:640px){.ai-provider,.ai-feature,.ai-draft-card,.ai-source,.ai-output,.ai-note{border-radius:12px;padding:.85rem}.ai-actions{align-items:stretch}.ai-actions>*{width:100%}.ai-actions form button{width:100%}.ai-env-example{font-size:.78rem}.ai-grid{gap:.75rem}}
.ai-access-card{display:flex;flex-direction:column;gap:14px}.ai-switch-form{margin-top:8px}.ai-toggle{border:0;background:#e2e8f0;border-radius:999px;padding:5px 12px 5px 5px;display:inline-flex;align-items:center;gap:9px;cursor:pointer}.ai-toggle span{display:block;width:30px;height:30px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(15,23,42,.18)}.ai-toggle b{font-size:.9rem}.ai-toggle.is-on{background:#bbf7d0;color:#14532d}.ai-toggle.is-on span{background:#16a34a;box-shadow:inset 0 0 0 8px #dcfce7}.ai-access-card .metric{display:flex;align-items:baseline;gap:10px}.ai-access-card .metric strong{font-size:1.45rem}.ai-access-card .metric span{color:#64748b}