.credits-display{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.credits-display.credits-low{border-color:rgba(245,165,36,.58);background:rgba(245,165,36,.1)}.credits-display.credits-display--page{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius,12px);padding:1.5rem;max-width:500px;display:flex;flex-direction:column;align-items:stretch;gap:0}.credits-display.credits-display--page.credits-low{border-color:#f59e0b;background:rgba(245,158,11,.06)}.credits-display--page .credits-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.credits-display--page .credits-item,.credits-display--page .credits-total,.credits-display--page .credits-unlimited{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:hsla(0,0%,100%,.06);border:1px solid var(--line);border-radius:14px;gap:.5rem}.credits-display--page .credits-total{background:rgba(30,165,240,.12);border:1px solid rgba(30,165,240,.28)}.credits-display--page .credits-label{font-size:.9rem;color:var(--muted)}.credits-display--page .credits-value{font-size:1.1rem;color:var(--text)}.credits-display--page .credits-total .credits-value{color:var(--brand-cyan-2);font-size:1.25rem}.credits-display--page .credits-unlimited .credits-value{color:var(--brand-green);font-size:1.25rem}.credits-display--page .credits-subscription-info{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 1rem;margin-bottom:1.5rem;background:rgba(30,165,240,.1);border:1px solid rgba(30,165,240,.2);border-radius:14px;font-size:.9rem}.credits-display--page .credits-subscription-info .credits-expires{color:var(--muted);font-size:.85rem}.credits-display--page .credits-expires{color:var(--muted);font-size:.9rem;margin:0 0 1.5rem}.credits-display--page .credits-purchase-button{width:100%;min-height:44px;padding:.75rem 1.5rem}.credits-info{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.credits-item,.credits-total,.credits-unlimited{display:flex;flex-direction:column;gap:.25rem}.credits-label{font-size:.875rem;color:var(--muted);font-weight:400}.credits-value{font-size:1.25rem;color:var(--text);font-weight:600}.credits-total .credits-value{color:var(--brand-cyan-2);font-size:1.5rem}.credits-unlimited .credits-value{color:var(--brand-green);font-size:1.5rem}.credits-error,.credits-loading{padding:1rem;text-align:center;color:var(--muted)}.credits-error{color:var(--brand-red)}.credits-purchase-button{background:linear-gradient(135deg,#0d6efd,var(--brand-cyan));color:#fff;border:1px solid hsla(0,0%,100%,.18);padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.credits-purchase-button:hover{background:linear-gradient(135deg,#0b62e5,#1596df)}@media (max-width:768px){.credits-display{flex-direction:column;align-items:stretch;padding:1rem}.credits-info{flex-direction:row;gap:1rem;flex-wrap:wrap;justify-content:space-between}.credits-item,.credits-total,.credits-unlimited{flex:1 1;min-width:100px}.credits-value{font-size:1.1rem}.credits-total .credits-value,.credits-unlimited .credits-value{font-size:1.25rem}.credits-purchase-button{width:100%;min-height:44px;padding:14px 20px;font-size:16px}}@media (max-width:480px){.credits-display{padding:.875rem}.credits-info{gap:.75rem}.credits-item,.credits-total,.credits-unlimited{min-width:80px}.credits-label{font-size:.8rem}.credits-value{font-size:1rem}.credits-total .credits-value,.credits-unlimited .credits-value{font-size:1.1rem}}.credits-page{width:100%;max-width:var(--max,1140px);margin:0 auto}.credits-page-title{font-size:1.35rem;font-weight:600;color:var(--text);margin:0 0 .75rem;font-family:Inter,sans-serif}.credits-page-intro{margin:0 0 1rem;max-width:52rem;color:var(--muted);line-height:1.45;font-size:.82rem}