.billing-plans { display: grid; gap: 10px; margin: 22px 0; }
.billing-plan { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; text-align: left; padding: 18px; border: 1px solid #37de8f40; border-radius: 12px; color: inherit; background: #ffffff04; font: inherit; cursor: pointer; }
.billing-plan:hover { border-color: #37de8f; background: #37de8f0d; }
.billing-plan strong { font-size: 20px; }
.billing-plan strong small,.billing-plan span { font-size: 12px; opacity: .7; }
.billing-plan:disabled { opacity: .4; cursor: not-allowed; }
.billing-plan.current-plan { opacity: 1; border-color: #37de8f; background: #37de8f14; }
.billing-plan.current-plan::after { content: "CURRENT"; color: #37de8f; font-size: 10px; letter-spacing: .12em; font-weight: 700; }
.billing-panel { margin-top: 22px; }
#billing-key { display: block; padding: 14px; overflow-wrap: anywhere; border: 1px solid #37de8f40; border-radius: 8px; }
#billing-key[hidden] { display: none; }
.billing-key-block { margin: 16px 0; }
.billing-key-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; color:#37de8f; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.copy-key-button { width:44px; height:40px; padding:0; display:inline-grid; place-items:center; }
.copy-icon { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.copy-key-button.copied { color:#37de8f; border-color:#37de8f; }
.billing-key-row { display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid #37de8f40; border-radius:10px; background:#ffffff03; }
.billing-key-row #billing-key { flex:1; min-width:0; padding:0; border:0; border-radius:0; color:var(--text); font-size:14px; line-height:1.6; }
.billing-key-row .copy-key-button { flex:none; border:0; background:transparent; }
#billing-downloads { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0; }
#manage-billing { margin-top:16px; }
.billing-key-block[hidden], .billing-panel .billing-plans[hidden], #manage-billing[hidden] { display:none !important; }
.account-delete-button { color:#ff9cae; border-color:#ff9cae55; margin:12px 0 0 10px; }
.account-delete-confirm { margin-top:14px; padding:18px; border:1px solid #ff9cae44; border-radius:12px; }
.account-delete-confirm input { display:block; width:100%; margin:12px 0; padding:10px; background:var(--bg); color:var(--text); border:1px solid var(--line); border-radius:8px; }
.account-delete-confirm button { margin:8px 10px 0 0; }
@media(max-width:480px) { .billing-plan { align-items:flex-start; flex-direction:column; gap:6px; } }