.top-actions{display:flex;gap:12px;align-items:center}.credit-pill{font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;background:#eef2ff;color:#3730a3}.credit-pill.ready{background:#dcfce7;color:#166534}.credit-pill.empty{background:#fff7ed;color:#9a3412}.ai-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:20px 0;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-radius:14px}.ai-panel p{margin:4px 0 0;color:#64748b;font-size:13px}.button--ai{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;white-space:nowrap}.modal--wide{max-width:720px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.checkout-grid label{font-weight:700;font-size:13px}.checkout-grid label.full{grid-column:1/-1}.checkout-grid .control{margin-top:7px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.payment-card{border:1px solid #e2e8f0;border-radius:16px;padding:18px;background:#fff}.payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.payment-summary div{padding:10px;background:#f8fafc;border-radius:10px}.payment-summary small{display:block;color:#64748b}.payment-number{font-size:24px;font-weight:800;letter-spacing:.08em;word-break:break-all;padding:14px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;text-align:center}.qr-wrap{display:flex;justify-content:center;padding:20px;background:#fff;border:12px solid #fff;border-radius:14px;margin:12px auto;width:max-content;max-width:100%}.status-banner{padding:12px 14px;border-radius:12px;font-weight:700;margin:12px 0}.status-pending{background:#fff7ed;color:#9a3412}.status-completed{background:#dcfce7;color:#166534}.status-failed,.status-expired,.status-cancelled{background:#fee2e2;color:#991b1b}.payment-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.instructions{padding-left:22px;color:#475569}.sandbox-note{background:#fef3c7;color:#92400e;padding:12px;border-radius:10px}.progress-line{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-line span{display:block;height:100%;width:30%;background:#2563eb;animation:load 1.2s linear infinite}@keyframes load{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}.error-box{white-space:pre-wrap;background:#fef2f2;color:#991b1b;padding:12px;border-radius:10px}.copy-btn{margin-left:8px}.spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.ai-panel{align-items:flex-start;flex-direction:column}.checkout-grid{grid-template-columns:1fr}.top-actions{gap:6px}.credit-pill{display:none}}