.qr-side{position:sticky;top:88px}.qr-preview{aspect-ratio:1;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);place-items:center;padding:6%;display:grid;position:relative}.qr-preview .ak-empty{background:var(--ink-2);width:100%}.qr-svg,.qr-svg svg{width:100%;height:100%;display:block}.qr-logo{aspect-ratio:1;border-radius:14%;place-items:center;padding:1.6%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-logo img{object-fit:contain;max-width:100%;max-height:100%;display:block}.qr-palettes{flex-wrap:wrap;gap:6px;display:flex}.qr-palettes button{border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;width:40px;height:40px;font-size:1.2rem;transition:transform .15s}.qr-palettes button[aria-pressed=true]{outline:2px solid var(--orange);outline-offset:2px}.qr-palettes button:hover{transform:translateY(-2px)}.qr-payload{white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:900px){.qr-side{position:static}}