/* WhatsApp link generator: the link box, preview card and colour swatches. */
.rs .sw{display:flex;gap:8px;flex-wrap:wrap}
.rs .sw button{width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;background:var(--c)}
.rs .sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}
.rs .qr-card{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);padding:28px;display:grid;justify-items:center;gap:6px}
.rs .qr-img{width:min(320px,100%);aspect-ratio:1}
.rs .qr-img svg{width:100%;height:100%;display:block}
.rs .qr-cap{font:750 20px var(--fd);letter-spacing:-.02em;color:var(--ink);margin:0;text-align:center;overflow-wrap:anywhere;min-height:1em}
.rs .qr-img.empty{display:grid;place-items:center;background:var(--bg-alt);border-radius:16px;color:var(--muted);font-size:14px;text-align:center;padding:20px}
.rs .wa-link{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.rs .wa-link output{flex:1 1 220px;min-width:0;border:1.5px solid var(--line);border-radius:12px;padding:11px 12px;font:600 14.5px ui-monospace,Menlo,monospace;color:var(--ink);background:var(--bg-alt);overflow-wrap:anywhere}
.rs .wa-chat{border-radius:18px;background:#EFEAE2;padding:16px;display:grid;gap:8px}
.rs .wa-chat p{margin:0;justify-self:end;max-width:85%;background:#D9FDD3;border-radius:12px 12px 2px 12px;padding:8px 12px;font-size:14.5px;color:#111B21;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.rs .wa-chat small{font-size:12px;color:#54656F;font-weight:600}
.rs a.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}