.qr-pro{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:var(--space-lg);align-items:start}.qr-pro-options{display:flex;flex-direction:column;gap:0;background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);overflow:hidden}.qr-section-tabs{display:flex;border-bottom:1px solid var(--color-border-subtle)}.qr-section-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.qr-section-tab:hover{color:var(--color-text-primary);background:#ffffff08}.qr-section-tab.active{color:var(--color-accent-light)}.qr-section-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--color-accent);border-radius:1px 1px 0 0}.qr-section-tab svg{width:16px;height:16px;flex-shrink:0}.qr-section-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.qr-content-types{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.qr-type-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all .2s ease}.qr-type-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.qr-type-btn.active{background:#6366f126;border-color:var(--color-accent);color:var(--color-accent-light)}.qr-fields-grid{display:flex;flex-direction:column;gap:var(--space-md)}.qr-field{display:flex;flex-direction:column;gap:var(--space-xs)}.qr-field-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.qr-field-input,.qr-field-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;transition:border-color .2s ease;box-sizing:border-box}.qr-field-input:focus,.qr-field-textarea:focus{outline:none;border-color:var(--color-accent)}.qr-field-input::placeholder,.qr-field-textarea::placeholder{color:var(--color-text-muted);opacity:.6}.qr-field-textarea{resize:vertical;min-height:60px}.qr-char-count{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.qr-checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.qr-checkbox-label input[type=checkbox]{accent-color:var(--color-accent)}.qr-segmented{display:flex;gap:var(--space-xs)}.qr-seg-btn{flex:1;padding:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;text-align:center}.qr-seg-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.qr-seg-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.qr-control-group{display:flex;flex-direction:column;gap:var(--space-sm)}.qr-control-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.qr-control-label strong{color:var(--color-accent-light)}.qr-ec-note{font-size:var(--text-xs);color:var(--color-accent);font-weight:400}.qr-ec-buttons{display:flex;gap:var(--space-xs)}.qr-ec-btn{flex:1;padding:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px}.qr-ec-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary)}.qr-ec-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.qr-ec-btn:disabled{opacity:.4;cursor:not-allowed}.qr-ec-btn .ec-level{font-weight:600;font-size:var(--text-sm)}.qr-ec-btn .ec-label{font-size:var(--text-xs);opacity:.8}.qr-color-controls{display:flex;gap:var(--space-lg)}.qr-color-field{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-xs)}.qr-color-field label{font-size:var(--text-xs);color:var(--color-text-muted)}.qr-color-picker-row{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.qr-color-picker{width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0}.qr-color-hex{flex:1;min-width:0;padding:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);box-sizing:border-box}.qr-color-hex:focus{outline:none;border-color:var(--color-accent)}.qr-upload-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.qr-upload-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.qr-logo-preview{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.qr-logo-thumb{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm)}.qr-logo-name{flex:1;font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-logo-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.qr-logo-remove:hover{border-color:#ef4444;color:#ef4444}.qr-size-presets{display:flex;gap:var(--space-xs)}.qr-size-slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:3px;outline:none;margin-top:var(--space-xs)}.qr-size-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-accent);border-radius:50%;cursor:pointer}.qr-size-slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-accent);border-radius:50%;cursor:pointer;border:none}.qr-export-buttons{display:flex;gap:var(--space-sm)}.qr-export-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all .2s ease}.qr-export-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-text-primary)}.qr-export-btn:disabled{opacity:.4;cursor:not-allowed}.qr-copy-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.qr-copy-btn:hover:not(:disabled){background:var(--color-accent-light);border-color:var(--color-accent-light)}.qr-copy-btn:disabled{opacity:.4;cursor:not-allowed}.qr-copy-btn.success{background:var(--color-success);border-color:var(--color-success)}.qr-pro-preview{position:sticky;top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.qr-preview-card{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);min-height:300px}.qr-canvas-wrapper{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-lg);padding:var(--space-sm)}.qr-canvas-wrapper canvas{display:block;max-width:100%;height:auto;image-rendering:auto}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-muted);text-align:center}.qr-placeholder svg{opacity:.3}.qr-placeholder span{font-size:var(--text-sm)}.qr-preview-info{display:flex;justify-content:center;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted)}.qr-preview-info span{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-card);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}@media(max-width:768px){.qr-pro{grid-template-columns:1fr}.qr-pro-preview{position:static;order:-1;align-items:center}.qr-preview-card{min-height:auto;padding:var(--space-md)}.qr-canvas-wrapper{max-width:200px}.qr-canvas-wrapper canvas{max-width:180px}.qr-section-body{padding:var(--space-md)}}@media(max-width:500px){.qr-content-types{gap:4px}.qr-type-btn{padding:6px 8px;font-size:11px}.qr-color-controls{flex-direction:column;gap:var(--space-md)}.qr-ec-buttons{flex-wrap:wrap}.qr-ec-btn{min-width:calc(50% - 4px)}.qr-export-buttons{flex-direction:column}.qr-field-input,.qr-field-textarea,.qr-color-hex{font-size:16px}.qr-size-presets{flex-wrap:wrap}}