.qrcode-tool[data-v-5bd43ed3]{display:flex;flex-direction:column;gap:1.5rem}.input-section[data-v-5bd43ed3],.options-section[data-v-5bd43ed3],.preview-section[data-v-5bd43ed3],.tips-section[data-v-5bd43ed3]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.section-header[data-v-5bd43ed3]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-bg-base);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.75rem}.section-title[data-v-5bd43ed3]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.input-textarea[data-v-5bd43ed3]{width:100%;padding:1rem;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-mono);font-size:.9rem;line-height:1.6;resize:vertical}.input-textarea[data-v-5bd43ed3]:focus{outline:none}.input-actions[data-v-5bd43ed3]{display:flex;gap:.5rem}.action-btn-small[data-v-5bd43ed3]{padding:.375rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);transition:all .15s ease}.action-btn-small[data-v-5bd43ed3]:hover:not(:disabled){background:var(--color-bg-base);color:var(--color-text-primary);border-color:var(--color-border-hover)}.action-btn-small[data-v-5bd43ed3]:disabled{opacity:.5;cursor:not-allowed}.templates-section[data-v-5bd43ed3]{padding:.75rem 1rem;border-top:1px solid var(--color-border);background:var(--color-bg-base)}.templates-label[data-v-5bd43ed3]{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.templates-list[data-v-5bd43ed3]{display:flex;flex-wrap:wrap;gap:.5rem}.template-btn[data-v-5bd43ed3]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-secondary);transition:all .15s ease;cursor:pointer}.template-btn[data-v-5bd43ed3]:hover{background:var(--color-bg-base);border-color:var(--color-primary);color:var(--color-text-primary)}.template-icon[data-v-5bd43ed3]{font-size:.875rem}.template-name[data-v-5bd43ed3]{font-size:.75rem}.size-input-group[data-v-5bd43ed3]{display:flex;gap:.5rem;align-items:center}.size-input-group .option-input[data-v-5bd43ed3]{flex:1}.size-preset-select[data-v-5bd43ed3]{padding:.625rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;min-width:120px}.size-preset-select[data-v-5bd43ed3]:focus{outline:none;border-color:var(--color-primary)}.option-item.full-width[data-v-5bd43ed3]{grid-column:1 / -1}.color-presets[data-v-5bd43ed3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.color-preset-btn[data-v-5bd43ed3]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-primary);transition:all .15s ease;cursor:pointer;position:relative;overflow:hidden}.color-preset-btn[data-v-5bd43ed3]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.preset-color-dark[data-v-5bd43ed3],.preset-color-light[data-v-5bd43ed3]{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.preset-name[data-v-5bd43ed3]{font-size:.75rem;font-weight:500}.color-value[data-v-5bd43ed3]{display:flex;align-items:center;gap:.5rem}.color-value[data-v-5bd43ed3]:before{content:"";width:16px;height:16px;border-radius:3px;border:1px solid var(--color-border);display:inline-block}.generate-btn[data-v-5bd43ed3]{padding:.5rem 1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-bg-deep);font-weight:500;border-radius:var(--radius-md);transition:all .15s ease}.generate-btn[data-v-5bd43ed3]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow)}.generate-btn[data-v-5bd43ed3]:disabled{opacity:.5;cursor:not-allowed}.options-grid[data-v-5bd43ed3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem}.option-item[data-v-5bd43ed3]{display:flex;flex-direction:column;gap:.5rem}.option-label[data-v-5bd43ed3]{font-size:.8rem;color:var(--color-text-muted);font-weight:500}.option-select[data-v-5bd43ed3],.option-input[data-v-5bd43ed3]{padding:.625rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-primary)}.option-select[data-v-5bd43ed3]:focus,.option-input[data-v-5bd43ed3]:focus{outline:none;border-color:var(--color-primary)}.color-input-group[data-v-5bd43ed3]{display:flex;gap:.5rem;align-items:center}.color-picker[data-v-5bd43ed3]{width:50px;height:38px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.color-text[data-v-5bd43ed3]{flex:1;padding:.625rem .75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;color:var(--color-text-primary)}.color-text[data-v-5bd43ed3]:focus{outline:none;border-color:var(--color-primary)}.preview-actions[data-v-5bd43ed3]{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn[data-v-5bd43ed3]{padding:.5rem .875rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-text-secondary);transition:all .15s ease}.action-btn[data-v-5bd43ed3]:hover{background:var(--color-primary);color:var(--color-bg-deep);border-color:var(--color-primary)}.preview-content[data-v-5bd43ed3]{display:flex;gap:2rem;padding:1.5rem;align-items:flex-start}.qr-preview[data-v-5bd43ed3]{flex-shrink:0;padding:1rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.qr-image[data-v-5bd43ed3]{display:block;max-width:100%;height:auto}.qr-info[data-v-5bd43ed3]{flex:1;display:flex;flex-direction:column;gap:.75rem}.info-item[data-v-5bd43ed3]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--color-bg-elevated);border-radius:var(--radius-md)}.info-label[data-v-5bd43ed3]{font-size:.875rem;color:var(--color-text-muted)}.info-value[data-v-5bd43ed3]{font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--color-primary)}.tips-list[data-v-5bd43ed3]{padding:1rem 1.5rem;margin:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.tips-list li[data-v-5bd43ed3]{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;padding-left:1.5rem;position:relative}.tips-list li[data-v-5bd43ed3]:before{content:"•";position:absolute;left:0;color:var(--color-primary)}@media(max-width:768px){.preview-content[data-v-5bd43ed3],.preview-actions[data-v-5bd43ed3]{flex-direction:column}.action-btn[data-v-5bd43ed3]{width:100%}}