.sf-pay-preview{gap:10px;margin-top:6px;display:grid}.sf-pay-preview>figcaption{color:var(--d-muted,#737987);font-size:12px}.sf-pay-preview-frame{border:1px solid var(--d-border,#dfe1e8);background:var(--d-canvas,#f7f8fa);color:var(--d-ink,#282b34);border-radius:8px;padding:16px}.sf-pay-preview .sp-co-manual{gap:12px;display:grid}.sf-pay-preview .sp-co-manual-lead{letter-spacing:.02em;text-transform:uppercase;opacity:.65;margin:0;font-size:12px;font-weight:700}.sf-pay-preview .sp-co-manual-pick{flex-wrap:wrap;gap:8px;display:flex}.sf-pay-preview .sp-co-manual-opt{border:1.5px solid var(--d-border,#dfe1e8);font:inherit;cursor:pointer;color:inherit;background:#fff;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:8px 14px 8px 8px;font-size:13.5px;font-weight:650;display:inline-flex}.sf-pay-preview .sp-co-manual-opt.is-on{border-color:var(--d-ink,#282b34);box-shadow:0 0 0 3px #282b341a}.sf-pay-preview .sp-co-manual-opt .sp-co-pm{align-items:center;gap:5px;width:auto;height:22px;font-size:12px;display:inline-flex}.sf-pay-preview .sp-co-manual-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.sf-pay-preview .sp-co-manual-opt{justify-content:center;min-width:96px}.sf-pay-preview .sp-co-manual-opt .sp-co-pm img,.sf-pay-preview .sp-co-manual-opt .sp-co-pm svg{width:auto;height:100%;display:block}.sf-pay-preview .sp-co-manual-panel{border:1px solid var(--d-border,#dfe1e8);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:14px;display:grid}.sf-pay-preview .sp-co-manual-qr{box-sizing:border-box;border:1px solid var(--d-border,#dfe1e8);object-fit:contain;background:#fff;border-radius:8px;width:120px;height:120px;padding:6px}.sf-pay-preview .sp-co-manual-qr.is-blank{color:var(--d-muted,#737987);place-items:center;display:grid}.sf-pay-preview .sp-co-manual-qr.is-blank svg,.sf-pay-preview .sp-co-manual-qr.is-blank img{width:72px;height:auto;max-height:48px}.sf-pay-preview .sp-co-manual-body{gap:9px;min-width:0;display:grid}.sf-pay-preview .sp-co-manual-amount{margin:0;font-size:14px}.sf-pay-preview .sp-co-manual-amount strong{letter-spacing:-.01em;font-size:22px}.sf-pay-preview .sp-co-manual-amount em{color:#15803d;font-size:12.5px;font-style:normal;font-weight:650}.sf-pay-preview .sp-co-manual-handle{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.sf-pay-preview .sp-co-manual-handle code{background:var(--d-canvas,#f7f8fa);border:1px solid var(--d-border,#dfe1e8);word-break:break-all;border-radius:6px;padding:5px 9px;font-size:15px;font-weight:700}.sf-pay-preview .sp-co-manual-handle button{border:1px solid var(--d-border,#dfe1e8);font:inherit;cursor:pointer;background:#fff;border-radius:999px;min-height:32px;padding:5px 10px;font-size:12px;font-weight:650}.sf-pay-preview .sp-co-manual-note{opacity:.85;white-space:pre-line;margin:0;font-size:13px;line-height:1.5}.sf-pay-preview .sp-co-manual-steps{opacity:.8;gap:4px;margin:0;padding-left:18px;font-size:12.5px;line-height:1.5;display:grid}.sf-pay-preview .sp-co-fine{opacity:.75;margin:0;font-size:12.5px}@media (max-width:700px){.sf-pay-preview .sp-co-manual-panel{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.sf-pay-preview .sp-co-manual-steps{text-align:left}}