.zp-pix-screen { min-height: 100dvh; overflow-x: clip; background: #f8fafc; color: #1e293b; }
.zp-pix-screen *, .zp-pix-screen *::before, .zp-pix-screen *::after { box-sizing: border-box; }
.zp-pix-screen .zp-pix-columns { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; min-width: 0; }
.zp-pix-screen .zp-pix-columns > * { min-width: 0; max-width: 100%; width: 100%; }
.zp-pix-screen .zp-pix-columns > :first-child { max-width: 400px; }
.zp-pix-screen .zp-pix-columns > :nth-child(2) { max-width: 400px; }
.zp-pix-screen > div { max-width: 896px; margin-left: auto; margin-right: auto; padding: 32px 16px; }
.zp-pix-screen .zp-pix-qr { width: 240px; max-width: 100%; min-height: 240px; aspect-ratio: 1; display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
.zp-pix-screen .zp-pix-qr svg { display: block; width: 220px !important; height: 220px !important; max-width: 100%; flex: none; }
@media (min-width: 1024px) { .zp-pix-screen .zp-pix-columns { flex-direction: row; align-items: flex-start; justify-content: center; gap: 2rem; } }
@media (max-width: 639px) { .zp-pix-screen .zp-pix-columns { width: 100%; } .zp-pix-screen .zp-pix-qr { margin-left: auto; margin-right: auto; } }