.commerce-dialog{width:min(500px,calc(100vw - 32px));box-sizing:border-box;border:1px solid var(--line);border-radius:28px;padding:36px;background:var(--surface);color:var(--text);box-shadow:0 24px 100px #17102026}
.commerce-dialog::backdrop{background:#17102055;backdrop-filter:blur(7px)}
.commerce-dialog h2{margin:0 32px 18px 0;font-size:clamp(25px,4vw,32px);letter-spacing:-.04em;line-height:1.2}
.commerce-close{position:absolute;right:19px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:inherit;font-family:inherit;font-size:28px;line-height:1;cursor:pointer}
.commerce-close:hover{background:#8c6bb112}
.commerce-intro,.commerce-message{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 24px}
.commerce-platforms{display:grid;gap:12px}
.commerce-platform{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-radius:19px;background:transparent;color:inherit;text-align:left;font:inherit;text-decoration:none}
.commerce-platform strong,.commerce-platform small{display:block}
.commerce-platform strong{font-size:18px;font-weight:600}
.commerce-platform small{margin-top:5px;color:var(--muted);font-size:13px}
.commerce-platform:disabled{opacity:.5;cursor:default}
.commerce-platform.is-available:hover{border-color:var(--purple);background:#8c6bb109}
.commerce-platform>span:last-child{font-size:23px}
.commerce-code-label{display:block;font-size:13px;margin:0 0 9px;color:var(--muted)}
.commerce-code{display:block;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;padding:15px 12px;background:#8c6bb108;color:inherit;font:500 14px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em;resize:none;overflow:hidden;overflow-wrap:anywhere}
.commerce-primary{width:100%;margin-top:16px;padding:14px 20px;border:0;border-radius:100px;background:var(--purple);color:#fff;font-family:inherit;font-size:15px;font-weight:600;line-height:1.3;cursor:pointer}
.commerce-primary:hover{background:var(--purple-dark)}
[data-theme=dark] .commerce-primary{color:#191320}
.commerce-note{font-size:12px;line-height:1.7;color:var(--muted);margin:18px 0 0}
@media(max-width:480px){.commerce-dialog{padding:29px 24px;border-radius:24px}.commerce-dialog h2{font-size:25px}.commerce-code{font-size:12px}.commerce-intro{font-size:14px}}