.qr-tool{padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:0 14px 40px #27231b0b}.qr-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.qr-config,.qr-preview{display:grid;align-content:start;gap:14px}.qr-config label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.qr-config input,.qr-config select,.qr-config textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font:13px inherit}.qr-config textarea{min-height:100px;resize:vertical}.qr-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.qr-options label{font-size:10px}.qr-options input[type=color]{height:38px;padding:3px}.qr-preview{justify-items:center;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.qr-canvas{display:grid;place-items:center;min-width:280px;min-height:280px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}.qr-canvas img{display:block;max-width:100%;height:auto}.qr-provider-note{margin:0;color:var(--muted);font-size:10px;line-height:1.5;text-align:center}.qr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.qr-actions .button{font-size:11px}@media(max-width:900px){.qr-layout{grid-template-columns:1fr}.qr-preview{order:-1}.qr-options{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.qr-tool{padding:11px;border-radius:15px}.qr-options{grid-template-columns:1fr 1fr}.qr-canvas{min-width:240px;min-height:240px}.qr-actions .button{flex:1;justify-content:center}}