.ai-config-view{display:grid;gap:22px}.ai-form{display:grid;gap:22px}.ai-banner{display:flex;align-items:start;gap:12px;background:#f7f1df;border:1px solid #e7d6ab;padding:18px;border-radius:12px;font-size:13px}.ai-banner .icon{flex-shrink:0}.ai-panel{display:grid;gap:18px;min-width:0}.ai-panel h2,.ai-panel p{margin:0}.ai-parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ai-field{display:grid;gap:7px;font-size:13px;font-weight:650;min-width:0}.ai-field input,.ai-field textarea,.ai-field select,.ai-actions select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink)}.ai-field textarea{resize:vertical;line-height:1.65;min-height:110px}.ai-field small{font-size:12px;font-weight:400;color:var(--muted);line-height:1.6}.ai-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.ai-actions select{width:auto;max-width:100%}.ai-prompt-section{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:22px}.ai-default-example{border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--paper);min-width:0}.ai-default-example summary{cursor:pointer;font-size:12px;font-weight:650}.ai-default-example pre,.ai-prompt-output,.ai-test-result{font:12px/1.8 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;margin:12px 0 0;color:var(--ink)}.ai-prompt-output{max-height:480px;overflow:auto;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.ai-test-result{padding:16px;background:#e9f0ed;border-radius:8px}.ai-revisions{display:grid;gap:12px}.ai-revision{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:14px;overflow-wrap:anywhere}.ai-revision small{color:var(--muted)}.ai-revision button{justify-self:start}@media(max-width:650px){.ai-parameter-grid{grid-template-columns:1fr}.ai-panel{padding:18px}.ai-actions{align-items:stretch}.ai-actions .primary{width:100%}.ai-banner{padding:14px}.ai-default-example{padding:10px}}
.ai-usage-card{display:grid;align-content:start;gap:12px;min-width:0;border:1px solid var(--line);border-radius:8px;padding:16px}
.ai-usage-card h3{margin:0;overflow-wrap:anywhere;font-size:15px}
.ai-usage-card>.badge,.ai-usage-metric>.badge{justify-self:start}
.ai-usage-metric{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border-top:1px solid var(--line);padding-top:10px}
.ai-usage-metric strong{font-variant-numeric:tabular-nums}
.ai-limit-form{display:grid;gap:12px;margin-top:10px}
.ai-limit-form button{justify-self:start}

.ai-usage-metric progress{grid-column:1/-1;width:100%;height:8px;accent-color:var(--teal)}
.ai-usage-history{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:16px;min-width:0}
.ai-usage-history h3{margin:0}
.ai-usage-history label{display:grid;gap:4px;max-width:320px}
.ai-chart svg{display:block;width:100%;max-width:700px}
.ai-chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px}
.ai-chart-legend span::before{content:'';display:inline-block;width:10px;height:10px;background:var(--series);margin-right:6px}
.ai-series-0{--series:#163d67;fill:var(--series)}
.ai-series-1{--series:#a97524;fill:var(--series)}
.ai-chart-unobserved{fill:var(--paper)}

.ai-series-2{--series:#246753;fill:var(--series)}