.credit-card { border:1px solid var(--border-light); border-radius:12px; padding:24px; background:var(--card-bg); color:var(--text-primary); margin-bottom:24px; }
.credit-heading,.credit-summary,.credit-actions,.credit-demo { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.credit-heading h3 { font-size:16px; margin:0; }
.credit-muted { color:var(--text-secondary); font-size:12px; line-height:1.8; }
.credit-tag { font-size:11px; padding:4px 9px; border:1px solid var(--border-light); border-radius:5px; color:var(--text-secondary); }
.credit-summary { justify-content:flex-start; padding:24px 0 20px; }
.credit-emblem { display:grid; place-items:center; width:56px; height:56px; border-radius:14px; background:color-mix(in srgb,var(--credit-color) 12%,transparent); color:var(--credit-color); font-size:25px; }
.credit-status { color:var(--credit-color); font-size:25px; font-weight:700; margin-bottom:4px; }
.credit-levels { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:20px; }
.credit-level { padding:10px 12px; border-radius:7px; border:1px solid var(--border-light); color:var(--text-secondary); font-size:12px; display:flex; align-items:center; gap:7px; }
.credit-level.active { border-color:var(--credit-color); color:var(--credit-color); background:color-mix(in srgb,var(--credit-color) 8%,transparent); font-weight:600; }
.credit-panel { border:1px solid var(--border-light); border-radius:8px; overflow:hidden; margin:16px 0; }
.credit-panel-title { padding:13px 16px; background:var(--content-bg); font-size:13px; font-weight:600; }
.credit-plugin { padding:16px; border-top:1px solid var(--border-light); }
.credit-plugin strong { font-size:13px; }
.credit-path { display:block; margin:10px 0; padding:10px 12px; background:var(--content-bg); border:1px solid var(--border-light); border-radius:6px; font:12px/1.7 Consolas,monospace; user-select:text; -webkit-user-select:text; overflow-wrap:anywhere; }
.credit-guide { padding:16px 18px; border-radius:8px; background:var(--content-bg); font-size:13px; line-height:1.9; }
.credit-guide ol { padding-left:20px; margin-top:6px; color:var(--text-secondary); }
.credit-actions { margin-top:18px; }
.credit-btn { padding:9px 15px; border:1px solid var(--border-light); border-radius:6px; background:var(--card-bg); color:var(--text-primary); cursor:pointer; font:inherit; font-size:12px; }
.credit-btn.primary { background:var(--accent); border-color:var(--accent); color:white; }
.credit-btn:hover { filter:brightness(1.08); }
.credit-btn:disabled { opacity:.55; cursor:wait; }
.credit-message { font-size:13px; line-height:1.7; padding:12px 14px; margin:16px 0 0; background:var(--content-bg); border-left:3px solid var(--accent); border-radius:4px; }
.credit-message.error { border-color:#ef6464; }
.credit-demo { border-top:1px dashed var(--border-light); padding-top:16px; margin-top:22px; justify-content:flex-start; font-size:12px; color:var(--text-secondary); }
.credit-demo select { padding:7px; border:1px solid var(--border-light); border-radius:5px; background:var(--content-bg); color:var(--text-primary); max-width:100%; }
.credit-demo label { display:flex; align-items:center; gap:8px; }
@media(max-width:700px) { .credit-card { padding:16px; } .credit-levels { grid-template-columns:repeat(2,1fr); } .credit-demo { align-items:flex-start; flex-direction:column; } }

.credit-upgrade { margin-top:22px; padding:20px; border:1px solid var(--border-light); border-radius:8px; }
.credit-upgrade h3 { font-size:15px; }
.credit-criteria { display:flex; flex-wrap:wrap; gap:12px 24px; padding:14px 0; font-size:12px; color:var(--text-primary); }
.credit-history { margin:16px 0; padding:12px; background:var(--content-bg); border-radius:6px; font-size:12px; line-height:1.9; overflow-wrap:anywhere; }
.credit-history p+p { margin-top:10px; }
.credit-demo-settings { margin-top:14px; font-size:12px; }
.credit-demo-settings summary { cursor:pointer; color:var(--text-secondary); }
.credit-demo-settings input { background:var(--content-bg); color:var(--text-primary); border:1px solid var(--border-light); border-radius:5px; padding:7px; max-width:150px; }
.credit-demo-review { margin-top:14px; }