.qr-tool[data-v-3b2668d3]{background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.15),transparent 40%),radial-gradient(circle at 80% 0,rgba(99,102,241,.1),transparent 40%),#f5f9ff;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:60px 24px 80px}.qr-tool__inner[data-v-3b2668d3]{display:flex;flex-direction:column;gap:24px;width:min(1100px,100%)}.qr-tool .hero[data-v-3b2668d3]{text-align:center}.qr-tool .hero .eyebrow[data-v-3b2668d3]{color:#0ea5e9;letter-spacing:.25em;margin-bottom:10px;text-transform:uppercase}.qr-tool .hero h1[data-v-3b2668d3]{color:#0f172a;font-size:clamp(32px,4vw,40px)}.qr-tool .hero .subtitle[data-v-3b2668d3]{color:#475569;margin-top:8px}.qr-tool .workspace[data-v-3b2668d3]{display:grid;gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}@media (max-width:960px){.qr-tool .workspace[data-v-3b2668d3]{grid-template-columns:1fr}}.qr-tool .workspace__left[data-v-3b2668d3],.qr-tool .workspace__right[data-v-3b2668d3]{display:flex;flex-direction:column;gap:18px}.qr-tool .card[data-v-3b2668d3]{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:26px;box-shadow:0 25px 45px #0f172a14;padding:24px}.qr-tool .card-head[data-v-3b2668d3]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.qr-tool .card-head .label[data-v-3b2668d3]{color:#0ea5e9;font-size:12px;letter-spacing:.25em}.qr-tool .card-head .hint[data-v-3b2668d3]{color:#94a3b8;font-size:13px}.qr-tool .field-grid[data-v-3b2668d3]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.qr-tool .field[data-v-3b2668d3]{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:8px}.qr-tool .field span[data-v-3b2668d3]{color:#0f172a;font-weight:600}.qr-tool .field input[data-v-3b2668d3],.qr-tool .field select[data-v-3b2668d3],.qr-tool .field textarea[data-v-3b2668d3]{border:1px solid rgba(148,163,184,.4);border-radius:16px;font-size:14px;padding:10px 14px}.qr-tool .field textarea[data-v-3b2668d3]{min-height:120px;resize:vertical}.qr-tool .field input[type=color][data-v-3b2668d3]{height:42px;padding:0}.qr-tool .field input[type=range][data-v-3b2668d3]{accent-color:#0ea5e9}.qr-tool .span-2[data-v-3b2668d3]{grid-column:span 2}@media (max-width:640px){.qr-tool .span-2[data-v-3b2668d3]{grid-column:span 1}}.qr-tool .recognizer .decode-drop[data-v-3b2668d3]{border:1px dashed rgba(148,163,184,.6);border-radius:20px;color:#475569;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:24px;text-align:center}.qr-tool .recognizer .decode-result[data-v-3b2668d3]{color:#0f172a;font-weight:600;margin-top:10px}.qr-tool .recognizer .decode-error[data-v-3b2668d3]{color:#ef4444;margin-top:10px}.qr-tool .style-card .field-grid[data-v-3b2668d3]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.qr-tool .style-card label[data-v-3b2668d3]{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:6px}.qr-tool .style-card label input[data-v-3b2668d3],.qr-tool .style-card label select[data-v-3b2668d3]{border:1px solid rgba(148,163,184,.4);border-radius:14px;padding:8px 12px}.qr-tool .style-card label input[type=color][data-v-3b2668d3]{height:40px;padding:0}.qr-tool .style-card label input[type=range][data-v-3b2668d3]{accent-color:#0ea5e9}.qr-tool .style-card .toggle[data-v-3b2668d3]{align-items:center;flex-direction:row;font-weight:600;gap:8px}.qr-tool .preview-card .preview-box[data-v-3b2668d3]{align-items:center;background:#f8fafc;border:1px dashed rgba(148,163,184,.6);border-radius:24px;display:flex;justify-content:center;min-height:320px}.qr-tool .preview-card .preview-box img[data-v-3b2668d3]{max-height:80%;max-width:80%;width:auto}.qr-tool .preview-card .primary[data-v-3b2668d3]{margin-top:18px;width:100%}.qr-tool .primary[data-v-3b2668d3]{background:linear-gradient(120deg,#0ea5e9,#6366f1);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:11px 24px}.qr-tool .primary[data-v-3b2668d3]:disabled{cursor:not-allowed;opacity:.5}