.qrcode-generator[data-v-ccca7e9a]{padding:20px;max-width:900px;margin:0 auto}.tool-card[data-v-ccca7e9a]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:24px}.tool-header[data-v-ccca7e9a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qrcode-main[data-v-ccca7e9a]{display:flex;gap:24px}.input-section[data-v-ccca7e9a]{flex:1;min-width:0}.input-footer[data-v-ccca7e9a]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.input-actions[data-v-ccca7e9a]{display:flex;gap:10px}.stats-info[data-v-ccca7e9a]{font-size:12px;color:var(--text-muted)}.config-section[data-v-ccca7e9a]{margin-top:20px;display:flex;flex-direction:column;gap:14px}.config-row[data-v-ccca7e9a]{display:flex;align-items:center;gap:12px}.config-row label[data-v-ccca7e9a]{font-size:13px;color:var(--text-secondary);white-space:nowrap;min-width:60px}.config-row[data-v-ccca7e9a] .el-slider{flex:1}.config-value[data-v-ccca7e9a]{font-size:12px;color:var(--text-muted);min-width:60px;text-align:right;font-family:Consolas,Monaco,monospace}.preview-section[data-v-ccca7e9a]{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:280px}.qrcode-preview[data-v-ccca7e9a]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center}.qrcode-preview img[data-v-ccca7e9a]{max-width:250px;max-height:250px}.qrcode-placeholder[data-v-ccca7e9a]{width:250px;height:250px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.preview-actions[data-v-ccca7e9a]{display:flex;gap:10px}.tool-btn[data-v-ccca7e9a]{padding:5px 12px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.tool-btn[data-v-ccca7e9a]:hover{border-color:#2c8cf0;color:#2c8cf0}.tool-btn.primary[data-v-ccca7e9a]{background:#2c8cf0;border-color:#2c8cf0;color:#fff}.tool-btn.primary[data-v-ccca7e9a]:hover{background:#1a7ae0}@media (max-width: 768px){.qrcode-main[data-v-ccca7e9a]{flex-direction:column}.preview-section[data-v-ccca7e9a]{min-width:auto;width:100%}.qrcode-preview img[data-v-ccca7e9a]{max-width:200px;max-height:200px}.qrcode-placeholder[data-v-ccca7e9a]{width:200px;height:200px}}