.fdt-qr-layout{grid-template-columns:minmax(420px,1fr) minmax(390px,.9fr)}.fdt-qr-right{display:flex;min-width:0;flex-direction:column;gap:20px}.fdt-qr-step{padding-bottom:18px;border-bottom:1px solid #e7edf5}.fdt-qr-step-head,.fdt-qr-result-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.fdt-qr-step-head>b{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#eaf1ff;color:#155eef}.fdt-qr-step-head strong,.fdt-qr-step-head small,.fdt-qr-result-head h2,.fdt-qr-result-head p{display:block;margin:0}.fdt-qr-step-head small,.fdt-qr-result-head p{margin-top:2px;color:#64748b;font-size:13px;font-weight:500}.fdt-qr-type-field>select{position:absolute;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0)}.fdt-qr-type-field>select.is-visible{position:static;width:100%!important;height:auto!important;min-height:48px!important;padding:11px 13px!important;overflow:visible;clip:auto}.fdt-qr-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fdt-qr-type-grid button{display:flex;min-width:0;min-height:82px;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:8px 5px;border:1px solid #dbe4f0;border-radius:12px;background:#fff;color:#334155;cursor:pointer}.fdt-qr-type-grid button:hover,.fdt-qr-type-grid button.is-selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;box-shadow:0 4px 12px #2563eb18}.fdt-qr-type-grid button span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef3fb;color:#2563eb;font-size:17px}.fdt-qr-type-grid button span:before{content:'⌗'}.fdt-qr-type-grid button[data-qr-type=vcard] span:before{content:'◉'}.fdt-qr-type-grid button[data-qr-type=document] span:before{content:'▤'}.fdt-qr-type-grid button[data-qr-type=wifi] span:before{content:'⌁'}.fdt-qr-type-grid button[data-qr-type=maps] span:before{content:'⌖'}.fdt-qr-type-grid button[data-qr-type=app] span:before{content:'▣'}.fdt-qr-type-grid button[data-qr-type=vat] span:before{content:'₫'}.fdt-qr-type-grid button.fdt-qr-more span:before{content:''}.fdt-qr-type-grid button strong{max-width:100%;font-size:11px;line-height:1.25;text-align:center}.fdt-qr-result{padding:0;overflow:hidden}.fdt-qr-result-head{padding:22px 24px;border-bottom:1px solid #e7edf5;background:linear-gradient(135deg,#f8fbff,#fff)}.fdt-qr-result-head>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#dcfce7;color:#059669;font-size:25px}.fdt-qr-result-head h2{font-size:24px}.fdt-saved-qr-preview{padding:24px}.fdt-qr-result-title{text-align:center}.fdt-qr-result-title strong,.fdt-qr-result-title small{display:block}.fdt-qr-result-title strong{font-size:20px}.fdt-qr-result-title small{margin-top:3px;color:#64748b}.fdt-qr-result-canvas{display:grid;place-items:center;width:min(100%,390px);min-height:390px;margin:18px auto;padding:22px;border-radius:18px;background:#fff;box-shadow:0 12px 30px #0f172a14}.fdt-qr-result-canvas svg{width:100%}.fdt-qr-result-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding-top:18px;border-top:1px solid #e7edf5}.fdt-qr-result-actions .fdt-button{min-height:48px;border:1px solid #dbe4f0;background:#f8fafc!important;color:#1e293b!important;box-shadow:none}.fdt-qr-empty-result{padding:55px 25px;text-align:center;color:#64748b}.fdt-qr-empty-result>span{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:20px;background:#f1f5f9;color:#94a3b8;font-size:38px}.fdt-qr-empty-result strong{display:block;color:#334155;font-size:18px}.fdt-qr-saved-list article:first-of-type{padding-top:0}@media(max-width:900px){.fdt-qr-layout{grid-template-columns:1fr}.fdt-qr-right{order:2}}@media(max-width:560px){.fdt-qr-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fdt-qr-result-canvas{min-height:280px}.fdt-qr-result-actions{grid-template-columns:1fr 1fr}.fdt-qr-result-actions .fdt-saved-qr-svg{grid-column:1/-1;grid-row:2}}
.fdt-qr-type-grid{display:flex;gap:8px;flex-wrap:wrap}.fdt-qr-type-grid button{display:inline-flex;min-width:0;min-height:46px;align-items:center;justify-content:center;flex-direction:row;gap:7px;padding:8px 13px;border-radius:999px}.fdt-qr-type-grid button span{width:26px;height:26px;font-size:15px}.fdt-qr-type-grid button strong{font-size:12px}.fdt-qr-fields{display:flex;flex-direction:column;gap:12px}.fdt-qr-fields[hidden]{display:none}.fdt-qr-raw-field.is-structured{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fdt-qr-group{padding:17px;border:1px solid #e2e8f0;border-radius:14px;background:#fbfdff}.fdt-qr-group h3{margin:0 0 15px;color:#1e293b;font-size:17px}.fdt-qr-group>small{display:block;margin:-4px 0 5px;color:#64748b;font-weight:500}.fdt-qr-group label{margin-bottom:12px}.fdt-qr-group label:last-child{margin-bottom:0}.fdt-qr-group label>em{color:#dc2626;font-style:normal}.fdt-qr-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fdt-qr-group .fdt-check{display:flex;align-items:center;gap:8px}.fdt-qr-group .fdt-check input{flex:0 0 auto}@media(max-width:560px){.fdt-qr-type-grid button{flex:1 1 calc(50% - 8px);border-radius:12px}.fdt-qr-field-row{grid-template-columns:1fr}}
.fdt-qr-type-grid button[data-qr-type=bank] span:before{content:'₫'}.fdt-bank-group>small{margin-top:4px;padding:11px 13px;border-radius:10px;background:#eff6ff;color:#1e40af;line-height:1.5}.fdt-qr-result-frame{width:min(100%,430px);margin:18px auto;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 12px 30px #0f172a14}.fdt-qr-result-frame .fdt-qr-result-canvas{width:100%;min-height:360px;margin:0;padding:22px;border-radius:0;box-shadow:none}.fdt-vietqr-image{display:block;width:100%;height:auto;object-fit:contain}.fdt-qr-brand-footer{display:flex;min-height:58px;align-items:center;justify-content:center;gap:10px;padding:10px 18px;border-top:1px solid #e7edf5;background:#fff}.fdt-qr-brand-footer span{color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.fdt-qr-brand-footer img{display:block;width:auto;max-width:126px;height:34px;object-fit:contain}.fdt-qr-brand-footer.is-empty{margin:26px auto 0;border:0;background:transparent}.fdt-saved-qr-preview.is-vietqr .fdt-qr-result-canvas{padding:0}.fdt-saved-qr-preview.is-vietqr .fdt-qr-result-frame{max-width:390px}.fdt-saved-qr-preview.is-vietqr .fdt-qr-result-actions{grid-template-columns:1fr 1fr}.fdt-saved-qr-preview.is-vietqr .fdt-saved-qr-svg[hidden]{display:none!important}@media print{body *{visibility:hidden!important}.fdt-qr-result,.fdt-qr-result *{visibility:visible!important}.fdt-qr-result{position:absolute;inset:0;width:100%;border:0;box-shadow:none}.fdt-qr-result-actions,.fdt-qr-saved-list{display:none!important}}