.dl-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px}.dl-builder-panel h2{display:flex;align-items:center;gap:10px}.dl-builder-panel h2 svg{color:var(--blue);width:23px;height:23px}.dl-builder-panel .dl-platform{margin:24px 0 12px}.dl-bank-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dl-bank-fields .bank-select-trigger{padding:12px;min-height:76px}.dl-bank-fields .bank-select-trigger small{display:none}.dl-bank-fields .bank-select-trigger strong{font-size:13px}.dl-bank-fields .bank-select-trigger img{width:36px;height:36px}.dl-bank-fields .bank-select-trigger .dl-status{font-size:9px;padding:3px}.dl-builder-panel .dl-fields{margin:4px 0}.dl-builder-panel .dl-field{margin:14px 0}.dl-builder-panel .dl-callback-field{padding-top:18px;margin-top:22px;border-top:1px solid var(--line)}.dl-callback-field small{font-size:11px;color:var(--muted);font-weight:400}.dl-safety-note{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.6;color:var(--info-ink);background:var(--info-bg);padding:12px;border-radius:10px;margin:20px 0}.dl-safety-note svg{width:18px;height:18px;flex-shrink:0}.dl-builder-panel .dl-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dl-builder-panel .dl-actions>button:first-child{grid-column:1/-1;min-height:48px}.dl-builder-panel .dl-actions button{justify-content:center;font-size:13px;min-height:44px}.dl-token-note{text-align:center;font-size:11px;margin-bottom:0}.dl-side-column{display:grid;gap:20px;min-width:0}.dl-preview{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.dl-preview h2{font-size:22px}.dl-preview>p{font-size:13px;line-height:1.7;color:var(--muted)}.dl-preview-route{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:10px;padding:24px 0}.dl-preview-route>div{display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;min-width:0}.dl-preview-route img{width:56px;height:56px;object-fit:contain;background:white;padding:5px;border-radius:14px;border:1px solid var(--line)}.dl-preview-route strong{font-size:14px}.dl-preview-route small{font-size:11px;color:var(--muted)}.dl-preview-route>span{color:var(--blue);text-align:center}.dl-preview-details{margin:0}.dl-preview-details>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:15px 0}.dl-preview-details dt{font-size:12px;color:var(--muted);flex-shrink:0}.dl-preview-details dd{margin:0;font-size:14px;font-weight:650;text-align:right;overflow-wrap:anywhere;min-width:0}.dl-preview p.dl-preview-hint{display:flex;align-items:center;gap:8px;font-size:11px;margin:14px 0 0}.dl-api-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.dl-api-toggle::-webkit-details-marker{display:none}.dl-api-toggle>span:first-child{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700}.dl-api-toggle svg{width:18px;height:18px;color:var(--blue)}.dl-api[open] .dl-api-chevron{transform:rotate(180deg)}.dl-api-content{margin-top:16px}.dl-api-content h3{margin-top:20px}.dl-page a,.dl-page button:not(:disabled){transition:background .18s,border-color .18s,box-shadow .18s}.dl-page button:hover:not(:disabled){border-color:var(--blue);box-shadow:0 4px 12px var(--shadow)}@media(max-width:1100px){.dl-bank-fields{grid-template-columns:1fr;gap:0}.dl-preview{padding:24px}.dl-workspace{gap:20px}}@media(max-width:760px){.dl-workspace{grid-template-columns:1fr}.dl-preview{padding:22px}.dl-preview-route{padding:18px 0}.dl-builder-panel .dl-actions{grid-template-columns:1fr 1fr}.dl-builder-panel .dl-actions button{font-size:12px;padding:11px 8px}}.dl-builder-error{display:flex;align-items:center;gap:10px;color:#a42034;background:#fff0f2;border:1px solid #edb9c2;padding:12px;border-radius:10px;font-size:13px;line-height:1.6}.dl-builder-error svg{flex-shrink:0;width:18px;height:18px}[data-theme=dark] .dl-builder-error{color:#ffbcc5;background:#391e29;border-color:#72404c}@media(prefers-reduced-motion:reduce){.dl-page a,.dl-page button{transition:none}}.dl-qr-dialog.dl-qr-refined{width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:28px 24px 24px;border-radius:22px;box-shadow:0 24px 72px #0005;scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper)}.dl-qr-refined .dl-qr-phone{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 14px;background:var(--blue-soft);color:var(--blue);border-radius:13px}.dl-qr-refined h2{font-size:21px;line-height:1.35;letter-spacing:-.025em;margin:0 22px 10px;text-wrap:balance}.dl-qr-refined>p{font-size:13px;line-height:1.7;margin:0 auto 20px;max-width:37ch}.dl-qr-refined img{width:100%;max-width:340px;margin:0 auto 20px;background:white;border-radius:14px;aspect-ratio:1}.dl-qr-refined .dl-qr-actions{display:flex;justify-content:center;gap:10px}.dl-qr-refined .dl-qr-actions a,.dl-qr-refined .dl-qr-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin:0;padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);font:inherit;font-size:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.dl-qr-refined .dl-qr-actions a{background:var(--blue-soft);color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,var(--line))}.dl-qr-refined .dl-qr-actions svg{width:16px;height:16px}.dl-qr-refined .dl-qr-actions a:hover,.dl-qr-refined button:hover{background:var(--blue-soft);border-color:var(--blue)}.dl-qr-refined a:focus-visible,.dl-qr-refined button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.dl-qr-dialog.dl-qr-refined .dl-qr-close{right:12px;top:12px;width:34px;height:34px;min-height:34px;padding:7px;margin:0;border-radius:10px;background:transparent}@media(max-width:420px){.dl-qr-dialog.dl-qr-refined{padding:24px 18px 20px}.dl-qr-refined h2{font-size:20px}.dl-qr-refined .dl-qr-actions{gap:8px}.dl-qr-refined .dl-qr-actions a,.dl-qr-refined .dl-qr-actions button{min-height:44px;padding:9px 11px}}.dl-catalog-links,.dl-code-tabs{display:flex;flex-wrap:wrap;gap:8px}.dl-catalog-links a,.dl-vietqr-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;min-height:44px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--soft);text-decoration:none;font-size:14px;font-weight:600}.dl-catalog-links a{flex:1 1}.dl-catalog-links a:hover,.dl-vietqr-link:hover{background:var(--blue-soft);border-color:var(--blue)}.dl-code-tabs button{display:inline-flex;gap:6px;align-items:center;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);cursor:pointer}.dl-code-tabs button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}.dl-api .dl-code-example{max-height:220px;min-height:160px;margin-top:10px;font-size:12px;line-height:1.6;resize:vertical;white-space:pre;overflow:auto}.dl-vietqr-guide{margin-block:24px}.dl-vietqr-guide p{max-width:75ch;color:var(--muted);line-height:1.7;font-size:14px}.dl-vietqr-link svg{width:18px;height:18px}.dl-catalog-links :focus-visible,.dl-code-tabs :focus-visible,.dl-vietqr-link:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.dl-api-content>button,.dl-parameter-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s}.dl-api-content>button{margin:0 8px 8px 0}.dl-api-content>button:hover,.dl-parameter-dialog button:hover{background:var(--blue-soft);border-color:var(--blue)}.dl-api-content>button:focus-visible,.dl-parameter-dialog button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.dl-api-content>button svg{width:18px;height:18px;flex-shrink:0}.dl-parameter-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 18px 60px #0005;scrollbar-width:thin;scrollbar-color:var(--muted) var(--soft)}.dl-parameter-dialog::backdrop{background:#061322a6}.dl-parameter-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dl-parameter-dialog header button{flex-shrink:0;padding:10px}.dl-parameter-dialog h2{font-size:22px;margin:0 0 8px}.dl-parameter-dialog p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 16px}.dl-parameter-dialog dl{margin:8px 0 18px}.dl-parameter-dialog dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.dl-parameter-dialog dt{font-size:13px;font-weight:600}.dl-parameter-dialog dd{margin:0;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.dl-parameter-dialog .dl-parameter-done{width:100%}@media(max-width:440px){.dl-parameter-dialog{padding:20px}.dl-parameter-dialog dl>div{grid-template-columns:1fr;gap:6px}.dl-api-content>button{width:100%;margin-right:0}}