#qr-tool{display:flex;flex-direction:column;gap:28px}#qr-tool .qr-trust{display:flex;flex-wrap:wrap;gap:8px}#qr-tool .qr-trust .trust{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);font-family:var(--mono);font-size:11px;letter-spacing:.04em}#qr-tool .qr-trust .trust.good{border-color:var(--prism-dev);color:var(--prism-dev)}#qr-tool .qr-section{display:flex;flex-direction:column;gap:12px}#qr-tool .qr-label{margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}#qr-tool .qr-types{display:flex;flex-wrap:wrap;gap:8px}#qr-tool .qr-chip{appearance:none;cursor:pointer;padding:8px 14px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);font-family:var(--thai);font-size:14px;line-height:1;transition:border-color .12s,color .12s,background .12s}[data-lang=en] #qr-tool .qr-chip{font-family:var(--sans)}#qr-tool .qr-chip:hover:not(.active){border-color:var(--ink-2);color:var(--ink)}#qr-tool .qr-chip.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}#qr-tool .qr-panel{display:flex;flex-direction:column;gap:6px}#qr-tool .qr-panel.hidden{display:none}#qr-tool .qr-panel+.qr-panel{margin-top:12px}#qr-tool .qr-field{display:flex;flex-direction:column;gap:6px}#qr-tool .qr-field+.qr-field{margin-top:12px}#qr-tool .qr-field-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}#qr-tool .qr-input{width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-family:var(--thai);font-size:15px;line-height:1.4;outline:none;transition:border-color .12s}[data-lang=en] #qr-tool .qr-input{font-family:var(--sans)}#qr-tool .qr-input::placeholder{color:var(--ink-3)}#qr-tool .qr-input:focus{border-color:var(--ink)}#qr-tool .qr-note{margin:6px 0 0;font-family:var(--thai);font-size:12px;color:var(--ink-3)}[data-lang=en] #qr-tool .qr-note{font-family:var(--sans)}#qr-tool .qr-preview{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 24px;border:1px solid var(--rule);background:var(--paper-2)}#qr-tool #qr-canvas{display:none;width:240px;height:240px;background:#fff}#qr-tool .qr-placeholder{width:240px;height:240px;border:1px dashed var(--rule-2);background:var(--paper);display:flex;align-items:center;justify-content:center}#qr-tool .qr-placeholder p{margin:0;text-align:center;font-family:var(--thai);font-size:13px;color:var(--ink-3);line-height:1.5}[data-lang=en] #qr-tool .qr-placeholder p{font-family:var(--sans)}#qr-tool .qr-scan-hint{display:none;margin:0;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--prism-dev)}#qr-tool .qr-actions{display:flex;flex-direction:column;gap:10px}#qr-tool .qr-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}#qr-tool .qr-btn-primary{appearance:none;cursor:pointer;width:100%;height:50px;padding:0 16px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:opacity .12s,transform .06s}#qr-tool .qr-btn-primary:hover:not(:disabled){opacity:.88}#qr-tool .qr-btn-primary:active:not(:disabled){transform:translateY(1px)}#qr-tool .qr-btn-primary:disabled{opacity:.35;cursor:not-allowed}#qr-tool .qr-btn-secondary{appearance:none;cursor:pointer;height:44px;padding:0 14px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;transition:border-color .12s,opacity .12s}#qr-tool .qr-btn-secondary:hover:not(:disabled){border-color:var(--ink)}#qr-tool .qr-btn-secondary:disabled{opacity:.35;cursor:not-allowed}#qr-tool .qr-btn-line{height:44px;padding:0 14px;background:#06c755;color:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:opacity .12s}#qr-tool .qr-btn-line:hover{opacity:.9}#qr-tool .qr-btn-line.disabled-state{opacity:.35;pointer-events:none}#qr-tool .qr-foot-note{margin:4px 0 0;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-3)}