/* Approved two-column credit store, shared by dialog and page. */
#shop-dialog{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #dcdfd2;border-radius:12px;background:#f5f3ed;color:#242724;overflow:auto}
.credit-store{box-sizing:border-box;padding:22px;font:14px/1.5 'DM Sans',sans-serif;color:#242724;background:#f5f3ed}
.credit-store *{box-sizing:border-box}
.credit-store .cs-header{display:flex;align-items:center;gap:8px;margin:0 0 16px}
.credit-store .cs-header h2{flex:1;margin:0;font:500 22px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.6px}
.credit-store .credit-token{display:inline-block;width:34px;height:34px;object-fit:contain;flex-shrink:0}
.credit-store .cs-header>.credit-token{width:38px;height:38px;margin-left:-5px}
.credit-store .cs-close{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0;background:transparent;border:0;border-radius:6px;font:400 25px/1 'DM Sans',sans-serif;color:#707768;text-decoration:none}
.credit-store .cs-close:hover{background:#eeefe6}
.credit-store .cs-balance{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dcdfd2;border-bottom:1px solid #dcdfd2;padding:9px 0;color:#707768;font-size:12px}
.credit-store .cs-balance-value{display:flex;align-items:center;gap:2px;font-size:17px;font-weight:500;color:#242724;font-variant-numeric:tabular-nums}
.credit-store .cs-balance .credit-token{width:27px;height:27px}
.credit-store .cs-intro{margin:20px 0 14px;font-size:13px;line-height:1.5;color:#707768}
.credit-store .cs-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.credit-store .cs-pack{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:174px;margin:0;padding:14px;border:1px solid #dcdfd2;border-radius:8px;background:transparent;text-align:left;color:#242724;font:inherit;position:relative;cursor:pointer}
.credit-store .cs-pack[aria-pressed=true]{border-color:#ad934b;background:#f0ebdb}
.credit-store .cs-pack:hover{border-color:#ad934b}
.credit-store .cs-count{display:flex;align-items:center;gap:3px;font:500 28px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.8px;padding-right:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.credit-store .cs-count .credit-token{width:33px;height:33px}
.credit-store .cs-check{position:absolute;top:16px;right:12px;width:13px;height:13px;border:1px solid #bfc5b7;border-radius:50%}
.credit-store .cs-pack[aria-pressed=true] .cs-check{border:4px solid #aa8c37;background:#f5f3ed}
.credit-store .cs-unit{color:#707768;font-size:11px;margin-top:-6px}
.credit-store .cs-discount{display:inline-block;background:#e9eddf;color:#53643b;border-radius:4px;padding:3px 5px;font-size:11px;white-space:nowrap}
.credit-store .cs-no-discount{font-size:11px;color:#707768}
.credit-store .cs-money{margin-top:auto;display:flex;flex-direction:column;gap:2px}
.credit-store .cs-money s{font-size:11px;color:#707768;font-variant-numeric:tabular-nums}
.credit-store .cs-price{font-size:18px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.credit-store .cs-footer{margin-top:20px;padding-top:16px;border-top:1px solid #dcdfd2}
.credit-store .cs-total{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}
.credit-store .cs-selected{display:flex;align-items:center;gap:1px;font-size:13px}
.credit-store .cs-selected .credit-token{width:26px;height:26px}
.credit-store .cs-checkout{width:100%;min-height:44px;padding:10px;border:1px solid #dfd1a3;border-radius:6px;background:#eee5c8;color:#79632d;font:500 13px/1.5 'DM Sans',sans-serif;opacity:.75;cursor:default}
.credit-store .cs-note{font-size:11px;color:#707768;margin:13px 0 0;line-height:1.6}
.credit-store .cs-help{margin-top:12px;color:#707768;font-size:12px}
.credit-store .cs-help summary{min-height:40px;padding:10px 0;cursor:pointer}
.credit-store .cs-help p{margin:5px 0;font-size:12px;line-height:1.7;color:#707768}
.credits-page main.credit-page-main{width:calc(100% - 24px);max-width:390px;height:auto;padding:0;margin:24px auto;border:1px solid #dcdfd2;border-radius:12px;overflow:hidden}
#support.shop-brush{display:inline-flex;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;align-items:center;justify-content:center}
#support .credit-token{display:block;width:28px;height:28px;object-fit:contain}
@media(max-width:380px){.credit-store{padding:16px}.credit-store .cs-pack{padding:12px 10px}.credit-store .cs-count{font-size:25px;gap:0}.credit-store .cs-count .credit-token{width:28px;height:28px}.credit-store .cs-check{right:8px;width:11px;height:11px}.credit-store .cs-price{font-size:16px}.credit-store .cs-header h2{font-size:20px}}