.share-qr-card{background:linear-gradient(125deg, var(--color-bg-alt), var(--color-bg) 62%, color-mix(in srgb, var(--color-text-muted) 13%, transparent));grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:48px;padding:72px max(24px,50vw - 590px);display:grid}.share-qr-card.compact{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 10%, transparent);margin:0;padding-top:48px;padding-bottom:48px}.share-qr-copy h2{color:var(--charcoal);font-size:var(--text-2xl);font-family:var(--font-display);margin:8px 0 14px}.share-qr-copy>p:not(.section-kicker):not(.share-qr-status){max-width:700px;color:var(--ink-soft);line-height:1.85}.share-qr-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.share-qr-actions button{border:1px solid var(--tiffany-deep);border-radius:var(--radius-pill);background:var(--tiffany-deep);min-height:44px;color:var(--color-bg);cursor:pointer;font:inherit;font-size:var(--text-xs);padding:0 20px;font-weight:900}.share-qr-actions button.secondary{color:var(--charcoal);background:0 0}.share-qr-status{min-height:22px;color:var(--color-primary-hover);font-size:var(--text-2xs);margin:10px 0 0}.share-qr-panel{border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);border-radius:var(--radius-md);background:var(--color-bg);text-align:center;width:min(100%,280px);box-shadow:var(--shadow-sm);justify-self:end;padding:18px}.share-qr-panel[hidden]{display:none}.share-qr-panel img{border-radius:var(--radius-sm);width:100%;height:auto;display:block}.share-qr-panel p{color:var(--ink-soft);font-size:var(--text-2xs);margin:10px 0}.share-qr-panel>div{justify-content:center;gap:14px;display:flex}.share-qr-panel a{color:var(--tiffany-deep);font-size:var(--text-2xs);font-weight:900}.share-qr-panel>div:last-child a{align-items:center;min-height:44px;display:inline-flex}.share-qr-toggle{display:none}@media (width<=860px){.share-qr-card{grid-template-columns:1fr;gap:24px;padding:54px 20px}.share-qr-panel{justify-self:start}}@media (width<=720px){.share-qr-card{padding:42px 18px}.share-qr-card.compact{padding-top:34px;padding-bottom:34px}.share-qr-panel{justify-self:stretch;width:100%;max-width:320px}.share-qr-toggle{align-items:center;display:inline-flex}}