.credits-dialog{padding:0;width:min(880px,calc(100vw - 32px));max-width:880px;max-height:calc(100dvh - 32px);border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px #0006;overflow:auto}
.credits-dialog[open]{display:grid;grid-template-columns:260px minmax(0,1fr)}
.credits-dialog::backdrop{background:#14231fbd;backdrop-filter:blur(6px)}
.credits-close{position:absolute;right:14px;top:14px;z-index:2;width:40px;height:40px;border-radius:50%;background:var(--white);color:var(--ink);font-size:19px;border:1px solid var(--line)}
.credits-art{overflow:hidden;position:relative;min-height:100%;background:#d4a789;color:#263d34;border-radius:17px 0 0 17px}
.credits-art-label{display:block;padding:32px 26px;font-size:10px;letter-spacing:2px;line-height:1.7}
.credits-vinyl{position:absolute;width:335px;height:335px;left:-70px;top:136px;border-radius:50%;background:repeating-radial-gradient(circle,#273d34 0px,#273d34 3px,#395146 4px,#273d34 6px);box-shadow:9px 10px 0 #b9866a;display:grid;place-items:center;transform:rotate(-16deg)}
.credits-vinyl span{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:#f1e5c8;color:#c84727;font:bold 80px Georgia,serif;padding-bottom:12px;box-shadow:0 0 0 5px #c84727}
.credits-art-caption{position:absolute;top:510px;left:26px;font:italic 31px/1.12 Georgia,serif;letter-spacing:-1px}
.credits-art-number{position:absolute;bottom:28px;left:26px;font:10px monospace;letter-spacing:2px}
.credits-content{padding:36px 32px 24px;min-width:0}
.credits-content h2{font:42px/.99 Georgia,serif;letter-spacing:-1.7px;margin:14px 0 16px}
.credits-lead{font-size:14px;line-height:1.6;color:var(--muted);max-width:390px;margin:0 0 16px}
.credits-wallet{font-size:12px;color:var(--muted);margin:0 0 16px}
.credits-wallet:empty{display:none}
.credits-welcome{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:17px 18px;background:var(--white);border:1px solid var(--green);border-radius:10px;margin-bottom:20px;color:var(--ink)}
.credits-welcome strong{font-size:15px}.credits-welcome small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.credits-welcome>span:last-child{font-size:25px;color:var(--orange)}
.credits-pack{border-top:1px solid var(--line);padding-top:22px}.credits-pack-heading{display:flex;gap:14px;align-items:start;justify-content:space-between}.credits-pack h3{font:24px/1.15 Georgia,serif;margin:8px 0;max-width:245px;letter-spacing:-.5px}.credits-price{font:32px Georgia,serif;white-space:nowrap}.credits-price span{display:block;font:10px Arial,sans-serif;text-align:right;color:var(--muted);margin-top:8px}.credits-pack-note{font-size:13px;margin:14px 0}
.credits-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.credits-uses>div{padding:12px 10px;background:var(--white);border:1px solid var(--line);border-radius:8px}.credits-uses span{font-size:24px;color:var(--orange);display:block;height:32px}.credits-uses strong{display:block;font-size:11px;line-height:1.5}.credits-uses small{font-size:10px;color:var(--muted);display:block;line-height:1.5;margin-top:4px}
.credits-details,.credits-reassurance,.credits-policy{font-size:11px;line-height:1.6}.credits-details{color:var(--muted);margin:12px 0}.credits-reassurance{font-weight:600;margin:14px 0}.credits-policy summary{color:var(--muted);padding:6px 0;text-underline-offset:3px}.credits-policy p{font-size:12px;line-height:1.65}.credits-consent{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.6;margin:14px 0}.credits-consent input{width:17px;height:17px;flex-shrink:0;accent-color:var(--orange);margin:1px 0}.credits-policy-link{background:none;padding:0;color:inherit;text-decoration:underline;font:inherit}
.credits-buy{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:17px 20px;border-radius:8px;background:var(--orange);color:white;font-weight:bold;font-size:15px;min-height:52px}.credits-buy:disabled{opacity:.65}.credits-secure{font-size:10px;line-height:1.6;text-align:center;color:var(--muted);margin:10px 0 0}.credits-status{font-size:13px;line-height:1.6;color:var(--ink);margin:14px 0}.credits-status:empty{display:none}.credits-help{display:block;margin-top:18px;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.credits-check,.credits-again,.credits-create{display:inline-block;padding:12px 16px;border-radius:6px;background:var(--green);color:var(--paper);font-size:13px;margin-top:4px}.credits-dialog [hidden]{display:none!important}
@media(max-width:700px){.credits-dialog[open]{display:block}.credits-art{height:110px;min-height:0;border-radius:17px 17px 0 0}.credits-art-label{padding:25px 22px}.credits-vinyl{width:195px;height:195px;left:auto;right:54px;top:-32px}.credits-vinyl span{width:72px;height:72px;font-size:48px;padding-bottom:6px}.credits-art-caption,.credits-art-number{display:none}.credits-content{padding:24px 22px}.credits-content h2{font-size:36px}.credits-content h2 br{display:none}.credits-pack h3{font-size:23px}.credits-price{font-size:29px}.credits-uses{gap:6px}.credits-uses>div{padding:10px 8px}.credits-close{right:10px;top:10px}}
@media(prefers-reduced-motion:no-preference){.credits-dialog[open]{animation:credits-arrive .18s ease-out}@keyframes credits-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}

.credits-content h2{font-size:38px;line-height:1.04;max-width:360px}.credits-lead{font-size:13px;margin-bottom:12px}.credits-content{padding:28px 32px 22px}.credits-welcome{padding:13px 16px;margin-bottom:16px}.credits-pack{padding-top:16px}.credits-pack h3{font-size:23px}.credits-pack-note{margin:10px 0}.credits-uses>div{padding:9px}.credits-uses span{height:28px;font-size:22px}.credits-details{font-size:10px;margin:10px 0}.credits-reassurance{margin:10px 0}.credits-consent{display:block;font-size:11px;margin:10px 0}.credits-buy{padding:14px 18px;min-height:48px}.credits-help{margin-top:12px}.credits-art-caption{top:460px}@media(max-width:700px){.credits-content{padding:22px}.credits-content h2{font-size:34px}.credits-art{height:90px}.credits-vinyl{right:45px;top:-46px}}

.credits-content h2{max-width:none;font-size:35px}.credits-art-caption{top:500px}.credits-policy{margin-top:12px}.credits-consent{margin:8px 0}.credits-reassurance{margin:12px 0 6px}@media(max-width:700px){.credits-content h2{font-size:32px}}

.request-cost{padding:12px 14px;border-left:3px solid var(--green);background:var(--surface);font-size:13px;line-height:1.6;margin:20px 0 12px}