.qr-code-generator[data-v-d3db3753]{width:100%;max-width:1200px;margin:0 auto}.generator-card[data-v-d3db3753]{border-radius:12px;overflow:hidden}.section-title[data-v-d3db3753]{font-size:16px;font-weight:600;color:var(--el-text-color-primary);margin:0 0 16px;display:flex;align-items:center;gap:8px}.section-title[data-v-d3db3753]:before{content:"";width:4px;height:16px;background:var(--el-color-primary);border-radius:2px}.config-section[data-v-d3db3753]{margin-bottom:24px;padding:20px;background:var(--el-bg-color-page);border-radius:8px;border:1px solid var(--el-border-color-lighter)}.config-form .el-form-item[data-v-d3db3753]{margin-bottom:16px}.color-picker[data-v-d3db3753],.tolerance-select[data-v-d3db3753],.size-select[data-v-d3db3753]{width:100%}.input-section[data-v-d3db3753]{margin-bottom:24px}.section-header[data-v-d3db3753]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.input-stats[data-v-d3db3753]{display:flex;gap:12px;font-size:14px;color:var(--el-text-color-secondary)}.char-count[data-v-d3db3753]{font-weight:500}.content-type[data-v-d3db3753]{padding:2px 8px;background:var(--el-color-primary-light-9);color:var(--el-color-primary);border-radius:4px;font-size:12px;font-weight:500}.content-textarea[data-v-d3db3753]{margin-bottom:16px}.content-textarea[data-v-d3db3753] .el-textarea__inner{border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5}.quick-templates[data-v-d3db3753]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:var(--el-bg-color-page);border-radius:6px;border:1px solid var(--el-border-color-lighter)}.template-label[data-v-d3db3753]{font-size:14px;color:var(--el-text-color-regular);font-weight:500;white-space:nowrap}.template-buttons[data-v-d3db3753]{display:flex;flex-wrap:wrap;gap:6px}.template-buttons .el-button[data-v-d3db3753]{border-radius:4px;font-size:12px;padding:4px 8px;transition:all .2s}.template-buttons .el-button[data-v-d3db3753]:hover{transform:translateY(-1px)}.section-divider[data-v-d3db3753]{margin:32px 0;border-color:var(--el-border-color-light)}.preview-section[data-v-d3db3753]{margin-top:24px}.qr-preview[data-v-d3db3753]{text-align:center}.qr-container[data-v-d3db3753]{position:relative;width:100%;max-width:120px;margin:0 auto;padding:6px;background:var(--el-bg-color-page);border:2px dashed var(--el-border-color-light);border-radius:12px;transition:all .3s ease;min-height:120px;display:flex;align-items:center;justify-content:center;flex:1}.qr-container[data-v-d3db3753]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-color-primary-light-9)}.qr-container.loading[data-v-d3db3753]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.qr-image[data-v-d3db3753]{width:100%;height:auto;border-radius:8px;transition:transform .2s;cursor:pointer}.qr-image[data-v-d3db3753]:hover{transform:scale(1.02)}.qr-loading[data-v-d3db3753],.qr-placeholder[data-v-d3db3753]{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--el-text-color-secondary);font-size:14px}.qr-loading .el-icon[data-v-d3db3753],.qr-placeholder .el-icon[data-v-d3db3753]{font-size:48px;color:var(--el-color-primary-light-5)}.qr-loading .el-icon.is-loading[data-v-d3db3753]{color:var(--el-color-primary)}.actions-section[data-v-d3db3753]{padding-left:20px;height:100%;display:flex;flex-direction:column;min-height:120px}.qr-info[data-v-d3db3753]{margin-bottom:24px}.qr-info[data-v-d3db3753] .el-descriptions{border-radius:8px;overflow:hidden}.action-buttons[data-v-d3db3753]{display:flex;flex-wrap:wrap;gap:12px}.action-buttons .el-button[data-v-d3db3753]{border-radius:6px;font-weight:500;transition:all .2s;flex:1;min-width:120px}.action-buttons .el-button[data-v-d3db3753]:hover{transform:translateY(-1px)}.download-btn[data-v-d3db3753]{background:linear-gradient(135deg,var(--el-color-primary),var(--el-color-primary-light-3));border:none}.download-btn[data-v-d3db3753]:hover{background:linear-gradient(135deg,var(--el-color-primary-dark-2),var(--el-color-primary))}@media (max-width: 768px){.config-section[data-v-d3db3753]{padding:16px}.section-header[data-v-d3db3753],.quick-templates[data-v-d3db3753]{flex-direction:column;align-items:flex-start}.template-buttons[data-v-d3db3753]{width:100%}.template-buttons .el-button[data-v-d3db3753]{flex:1;min-width:auto}.actions-section[data-v-d3db3753]{padding-left:0;margin-top:24px}.action-buttons[data-v-d3db3753]{flex-direction:column}.action-buttons .el-button[data-v-d3db3753]{min-width:auto}.qr-container[data-v-d3db3753]{max-width:250px;min-height:120px}}@media (max-width: 480px){.config-form .el-row[data-v-d3db3753]{flex-direction:column}.config-form .el-col[data-v-d3db3753]{width:100%}.qr-container[data-v-d3db3753]{max-width:200px;min-height:160px;padding:16px}.template-buttons .el-button[data-v-d3db3753]{font-size:11px;padding:3px 6px}}@media (prefers-color-scheme: dark){.generator-card[data-v-d3db3753]{box-shadow:0 2px 12px #0000004d}.qr-container[data-v-d3db3753]{border-color:var(--el-border-color)}.qr-container[data-v-d3db3753]:hover{border-color:var(--el-color-primary-light-3)}}@keyframes fadeInUp-d3db3753{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qr-image[data-v-d3db3753]{animation:fadeInUp-d3db3753 .3s ease-out}.qr-info[data-v-d3db3753]{animation:fadeInUp-d3db3753 .3s ease-out .1s both}.action-buttons[data-v-d3db3753]{animation:fadeInUp-d3db3753 .3s ease-out .2s both}.is-loading[data-v-d3db3753]{animation:rotate-d3db3753 2s linear infinite}@keyframes rotate-d3db3753{0%{transform:rotate(0)}to{transform:rotate(360deg)}}