.vietqr-container[data-astro-cid-codp2yq5]{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width>=800px){.vietqr-container[data-astro-cid-codp2yq5]{grid-template-columns:1.2fr 1fr}}.form-card[data-astro-cid-codp2yq5]{padding:1.75rem}.preview-card[data-astro-cid-codp2yq5]{text-align:center;background:#fff;flex-direction:column;align-items:center;padding:1.75rem;display:flex}.preview-header[data-astro-cid-codp2yq5]{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.25rem;display:flex}.required[data-astro-cid-codp2yq5]{color:var(--color-danger)}.optional[data-astro-cid-codp2yq5]{color:#475569;font-size:.8rem;font-weight:400}.amount-helper[data-astro-cid-codp2yq5]{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.amount-preview[data-astro-cid-codp2yq5]{color:var(--color-primary);font-size:.9rem;font-weight:600}.message-meta[data-astro-cid-codp2yq5]{justify-content:space-between;align-items:center;margin-top:.35rem;display:flex}.char-counter[data-astro-cid-codp2yq5]{color:#475569;font-size:.8rem;font-weight:500}.field-error[data-astro-cid-codp2yq5]{color:var(--color-danger);margin-top:.35rem;font-size:.82rem;font-weight:500}.qr-canvas-box[data-astro-cid-codp2yq5]{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:320px;box-shadow:var(--shadow-sm);background:#f8fafc;margin:0 auto 1.5rem;padding:1rem}.qr-svg-container[data-astro-cid-codp2yq5]{border-radius:var(--radius-sm);background:#fff;border:1px solid #f1f5f9;justify-content:center;align-items:center;min-height:240px;padding:.75rem;display:flex}.qr-svg-container[data-astro-cid-codp2yq5] svg{width:100%;max-width:260px;height:auto;display:block}.qr-info-summary[data-astro-cid-codp2yq5]{text-align:left;border-radius:var(--radius-sm);background:#fff;border:1px solid #f1f5f9;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem}.summary-row[data-astro-cid-codp2yq5]{justify-content:space-between;gap:.5rem;margin-bottom:.35rem;display:flex}.summary-row[data-astro-cid-codp2yq5]:last-child{margin-bottom:0}.summary-label[data-astro-cid-codp2yq5]{color:#475569}.summary-value[data-astro-cid-codp2yq5]{color:var(--color-text);text-align:right;font-weight:600}.summary-account[data-astro-cid-codp2yq5]{color:var(--color-primary);font-family:monospace;font-size:.95rem}.summary-highlight[data-astro-cid-codp2yq5]{color:#047857;font-weight:700}.qr-actions[data-astro-cid-codp2yq5]{flex-direction:column;gap:.75rem;width:100%;max-width:320px;display:flex}.download-btn-group[data-astro-cid-codp2yq5]{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.bank-search-input[data-astro-cid-codp2yq5]{background-color:var(--color-surface);padding:.5rem .75rem;font-size:.88rem}.action-btn[data-astro-cid-codp2yq5]{justify-content:center;align-items:center;width:100%;min-height:36px;display:inline-flex}.form-input[data-astro-cid-codp2yq5]:focus,.form-select[data-astro-cid-codp2yq5]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb59}.sr-only[data-astro-cid-codp2yq5]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){.form-input[data-astro-cid-codp2yq5],.form-select[data-astro-cid-codp2yq5],input[data-astro-cid-codp2yq5],select[data-astro-cid-codp2yq5]{font-size:16px!important}}.png-dialog[data-astro-cid-codp2yq5]{border:1px solid var(--color-border);border-radius:14px;width:min(960px,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;box-shadow:0 20px 40px #0f172a33}.png-dialog[data-astro-cid-codp2yq5]::backdrop{background:#0f172a8c}.png-dialog-head[data-astro-cid-codp2yq5]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.png-dialog-title[data-astro-cid-codp2yq5]{margin:0;font-size:1.1rem}.png-dialog-close[data-astro-cid-codp2yq5]{cursor:pointer;width:36px;height:36px;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;font-size:1.1rem}.png-dialog-close[data-astro-cid-codp2yq5]:hover{background:var(--color-bg-subtle)}.png-dialog-body[data-astro-cid-codp2yq5]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.25rem;padding:1.25rem;display:grid}.png-preview-box[data-astro-cid-codp2yq5]{background:var(--color-bg-subtle);border-radius:10px;justify-content:center;align-items:center;min-height:280px;padding:.75rem;display:flex}.png-preview[data-astro-cid-codp2yq5]{object-fit:contain;border-radius:6px;max-width:100%;max-height:min(62dvh,640px);box-shadow:0 1px 4px #0f172a1f}.png-options[data-astro-cid-codp2yq5]{flex-direction:column;gap:1rem;display:flex}.png-style[data-astro-cid-codp2yq5]{border:none;flex-direction:column;gap:.6rem;margin:0;padding:0;display:flex}.png-legend[data-astro-cid-codp2yq5]{margin-bottom:.4rem;font-weight:600}.png-choice[data-astro-cid-codp2yq5]{border:1px solid var(--color-border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.65rem;padding:.75rem .85rem;display:flex}.png-choice[data-astro-cid-codp2yq5]:has(input:checked){border-color:var(--color-primary);background:#eff6ff}.png-choice[data-astro-cid-codp2yq5] input[data-astro-cid-codp2yq5],.png-toggle[data-astro-cid-codp2yq5] input[data-astro-cid-codp2yq5]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.png-choice[data-astro-cid-codp2yq5] input[data-astro-cid-codp2yq5]{margin-top:.2rem}.png-choice[data-astro-cid-codp2yq5] span[data-astro-cid-codp2yq5]{flex-direction:column;gap:.2rem;display:flex}.png-choice[data-astro-cid-codp2yq5] small[data-astro-cid-codp2yq5]{color:#475569;font-size:.85rem;line-height:1.45}.png-toggles[data-astro-cid-codp2yq5]{flex-direction:column;gap:.4rem;display:flex}.png-toggles[data-astro-cid-codp2yq5][hidden],.png-toggle[data-astro-cid-codp2yq5][hidden]{display:none}.png-toggle[data-astro-cid-codp2yq5]{cursor:pointer;align-items:center;gap:.5rem;min-height:32px;display:flex}.png-note[data-astro-cid-codp2yq5]{color:#475569;margin:0;font-size:.85rem}.png-actions[data-astro-cid-codp2yq5]{flex-wrap:wrap;gap:.6rem;margin-top:auto;display:flex}.png-actions[data-astro-cid-codp2yq5] .action-btn[data-astro-cid-codp2yq5]{flex:140px}.png-actions[data-astro-cid-codp2yq5] [data-astro-cid-codp2yq5][hidden]{display:none}@media (width<=720px){.png-dialog[data-astro-cid-codp2yq5]{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}.png-dialog-body[data-astro-cid-codp2yq5]{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem}.png-choice[data-astro-cid-codp2yq5] small[data-astro-cid-codp2yq5]{display:none}.png-actions[data-astro-cid-codp2yq5]{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));background:var(--color-surface,#fff);border-top:1px solid var(--color-border);margin:0 -1rem -1rem;position:sticky;bottom:0}.png-preview[data-astro-cid-codp2yq5]{max-height:46dvh}}.payload-details[data-astro-cid-codp2yq5]{text-align:left;width:100%;color:var(--color-text-subtle);border-top:1px dashed var(--color-border);margin-top:1.5rem;padding-top:1rem;font-size:.82rem}.payload-details[data-astro-cid-codp2yq5] summary[data-astro-cid-codp2yq5]{cursor:pointer;font-weight:500}.raw-payload[data-astro-cid-codp2yq5]{border-radius:var(--radius-sm);word-break:break-all;white-space:pre-wrap;color:var(--color-text);user-select:all;background:#f1f5f9;margin-top:.6rem;padding:.75rem;font-family:monospace;font-size:.75rem}