.credit-shop{padding-bottom:48px}.credit-shop-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.credit-shop-selection,.credit-shop-summary{min-width:0;padding:28px}.credit-shop h2{font-family:var(--ss-font-display);color:var(--ss-title)}.credit-shop-selection>svg{color:var(--ss-lime);margin-bottom:16px}.credit-shop label{color:var(--ss-muted);margin-bottom:10px;font-size:14px;display:block}.credit-shop input{border:1px solid var(--ss-line);width:100%;min-height:48px;color:var(--ss-title);background:var(--ss-bg);font:inherit;border-radius:8px;padding:12px}.credit-shop input:focus-visible,.credit-shop-presets button:focus-visible{outline:2px solid var(--ss-lime);outline-offset:3px}.credit-shop-presets{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.credit-shop-presets button{border:1px solid var(--ss-line);background:var(--ss-bg);min-width:40px;color:var(--ss-text);font:inherit;border-radius:8px;flex:1;padding:10px}.credit-shop-presets button.selected{color:var(--ss-lime);border-color:var(--ss-lime);background:var(--blue-pale)}.credit-shop p{color:var(--ss-muted);font-size:14px;line-height:1.7}.credit-shop-balance{border-top:1px solid var(--ss-line);color:var(--ss-text);justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.credit-shop-balance strong{color:var(--ss-lime);font-size:28px}.credit-shop-summary dl{margin:24px 0}.credit-shop-summary dl>div{justify-content:space-between;gap:16px;padding:12px 0;display:flex}.credit-shop-summary dt{color:var(--ss-muted)}.credit-shop-summary dd{color:var(--ss-title);text-align:right;margin:0;font-weight:700}.credit-shop-summary .credit-shop-total{border-top:1px solid var(--ss-line);margin-top:12px;padding-top:24px;font-size:20px}.credit-shop-summary .primary-button{width:100%;margin-bottom:16px}.credit-purchase-notice{background:var(--ss-surface-raised);border:1px solid var(--ss-line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:20px;display:flex}.credit-purchase-notice.is-paid{border-color:var(--ss-lime)}.credit-purchase-notice p{flex:1;margin:0}.admin-credit-store{margin:24px 0;padding:24px}.admin-credit-store label{gap:8px;margin-bottom:16px;display:grid}.admin-credit-store input{background:var(--ss-bg);color:var(--ss-title);border:1px solid var(--ss-line);font:inherit;border-radius:8px;width:100%;padding:12px}@media (max-width:760px){.credit-shop-grid{grid-template-columns:1fr}.credit-shop-selection,.credit-shop-summary{padding:22px}}