.tfqr{--tfqr-line:#d9e0ec;--tfqr-fg:inherit;--tfqr-muted:#64748b;--tfqr-primary:#2563eb;color:var(--tfqr-fg);width:100%;max-width:1180px;margin:auto;font:inherit}.tfqr *{box-sizing:border-box}.tfqr p{line-height:1.6}.tfqr-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}.tfqr-panel{min-width:0;border:1px solid var(--tfqr-line);border-radius:14px;padding:22px;background:transparent}.tfqr h2{font-size:1.25rem;margin:0 0 18px}.tfqr h3{font-size:1.08rem}.tfqr-field{margin:0 0 15px;min-width:0}.tfqr-field label{font-weight:600;display:block;margin-bottom:7px;font-size:.93rem}.tfqr-field input:not([type=color]),.tfqr-field select,.tfqr-field textarea{font:inherit;color:inherit;background:transparent;border:1px solid #aab7c9;border-radius:9px;width:100%;padding:11px;min-width:0}.tfqr-field input[type=color]{width:100%;height:45px;padding:3px;border:1px solid #aab7c9;background:transparent;border-radius:9px;cursor:pointer}.tfqr-field textarea{resize:vertical}.tfqr-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tfqr-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.tfqr button{font:inherit;font-weight:600;cursor:pointer;padding:11px 14px;border-radius:9px;border:1px solid #aab7c9;background:transparent;color:inherit}.tfqr button.tfqr-primary{background:#2563eb;color:#fff;border-color:#2563eb}.tfqr button:disabled{cursor:not-allowed;opacity:.5}.tfqr :is(input,textarea,select,button,summary):focus-visible{outline:3px solid #60a5fa;outline-offset:2px}.tfqr-preview{min-height:290px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #aab7c9;border-radius:12px;padding:17px;color:var(--tfqr-muted);overflow:hidden}.tfqr-preview svg{display:block;width:100%;max-width:350px;height:auto}.tfqr-status{font-size:.92rem;min-height:1.4em}.tfqr-status[data-error=true]{color:#b91c1c}.tfqr-note{font-size:.86rem;color:var(--tfqr-muted)}.tfqr-info{margin-top:24px}.tfqr details{border-top:1px solid var(--tfqr-line);padding:12px 0}.tfqr summary{cursor:pointer;font-weight:600}.tfqr-intro{margin-bottom:18px}@media(max-width:760px){.tfqr-layout{grid-template-columns:1fr}.tfqr-panel{padding:16px}.tfqr-preview{min-height:245px}}@media(max-width:400px){.tfqr-two{grid-template-columns:1fr}.tfqr button{flex:1}}