.ai-generation-overlay{border:0;background:transparent;padding:24px;max-width:min(600px,100vw);width:100%;color:#12295f;overflow:visible}
.ai-generation-overlay::backdrop{background:rgba(12,28,65,.73);backdrop-filter:blur(7px)}
.ai-generation-card{position:relative;overflow:hidden;padding:44px 38px 30px;border:1px solid #ffffffb0;border-radius:28px;background:radial-gradient(ellipse at top right,#e5f6bb,transparent 60%),linear-gradient(145deg,#fff,#edf5ff);box-shadow:0 32px 100px #0005;text-align:center}
.ai-generation-card .eyebrow{font-size:10px;margin:22px 0 16px}.ai-generation-card h2{font-size:32px;line-height:1.2}.ai-generation-card p{font-size:14px;color:#53647d}.ai-generation-card small{font-variant-numeric:tabular-nums;color:#61738c}
.ai-orbit{position:relative;margin:0 auto;width:112px;height:112px;display:grid;place-items:center}.ai-orbit b{font-size:53px;color:#126cb0;animation:ai-heart 2s ease-in-out infinite}.ai-orbit span{position:absolute;inset:0;border:1px solid #81bde7;border-radius:50%;animation:ai-spin 5s linear infinite}.ai-orbit span:after{content:"";position:absolute;top:9px;left:11px;width:12px;height:12px;border-radius:50%;background:#a8d916;box-shadow:0 0 17px #a8d966}.ai-orbit span:nth-child(2){inset:9px;animation-direction:reverse;border-color:#b9d67d}.ai-orbit span:nth-child(2):after{background:#2b8dcc;width:8px;height:8px}.ai-orbit span:nth-child(3){inset:20px;animation-duration:3s;opacity:.6}
.ai-generation-track{height:4px;border-radius:20px;background:#d9e5f2;overflow:hidden;margin:24px 0 17px}.ai-generation-track i{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,#278bca,#a8d916);animation:ai-track 2.2s ease-in-out infinite}.ai-generation-card .ai-generation-status{font-size:12px;margin:0 0 5px;min-height:38px}
.ai-usage-filters{flex-wrap:wrap}.ai-usage-filters .field{min-width:150px}.stats strong.ai-cost-total{font-size:22px;overflow-wrap:anywhere}
@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-heart{50%{transform:scale(1.1)}}@keyframes ai-track{0%{transform:translateX(-110%)}100%{transform:translateX(350%)}}
@media(max-width:600px){.ai-generation-overlay{padding:14px}.ai-generation-card{padding:32px 22px 24px}.ai-generation-card h2{font-size:27px}.ai-generation-card .eyebrow{letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){.ai-orbit b,.ai-orbit span,.ai-generation-track i{animation:none}.ai-generation-track i{width:100%;opacity:.6}}