.qr-workspace.svelte-kv8iu3{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}@media(max-width:800px){.qr-workspace.svelte-kv8iu3{grid-template-columns:1fr}}.controls-panel.svelte-kv8iu3{display:flex;flex-direction:column;gap:24px}.mode-tabs.svelte-kv8iu3{display:flex;gap:0;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.mode-tab.svelte-kv8iu3{flex:1;padding:10px 8px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s ease}.mode-tab.svelte-kv8iu3:hover{color:var(--text-primary);background:var(--bg-card)}.mode-tab.active.svelte-kv8iu3{background:var(--brand);color:#fff}.input-section.svelte-kv8iu3{display:flex;flex-direction:column;gap:8px}.field-label.svelte-kv8iu3{font-size:14px;font-weight:600;color:var(--text-primary);margin-top:4px}.field-label-sm.svelte-kv8iu3{font-size:13px;font-weight:600;color:var(--text-secondary);margin-top:4px}.text-input.svelte-kv8iu3{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text-input.svelte-kv8iu3:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.field-input.svelte-kv8iu3{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field-input.svelte-kv8iu3:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.field-input.svelte-kv8iu3:disabled{opacity:.5;cursor:not-allowed}.field-select.svelte-kv8iu3{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:inherit;color:var(--text-primary);background:var(--bg-card);outline:none;cursor:pointer;transition:border-color .15s ease}.field-select.svelte-kv8iu3:focus{border-color:var(--brand)}.mode-hint.svelte-kv8iu3{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.customize-section.svelte-kv8iu3{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.section-heading.svelte-kv8iu3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.color-row.svelte-kv8iu3{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-field.svelte-kv8iu3{display:flex;flex-direction:column;gap:4px}.color-picker-wrap.svelte-kv8iu3{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.color-input.svelte-kv8iu3{width:32px;height:32px;border:none;border-radius:6px;padding:0;cursor:pointer;background:none;-webkit-appearance:none}.color-input.svelte-kv8iu3::-webkit-color-swatch-wrapper{padding:0}.color-input.svelte-kv8iu3::-webkit-color-swatch{border:1.5px solid var(--border);border-radius:6px}.color-hex.svelte-kv8iu3{font-size:13px;font-family:SF Mono,Fira Code,monospace;color:var(--text-secondary)}.size-slider.svelte-kv8iu3{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border-radius:3px;outline:none;margin:4px 0}.size-slider.svelte-kv8iu3::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 3px #0003}.size-slider.svelte-kv8iu3::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--brand);cursor:pointer;border:2px solid var(--bg-card);box-shadow:0 1px 3px #0003}.ec-row.svelte-kv8iu3{display:flex;gap:6px}.ec-btn.svelte-kv8iu3{flex:1;padding:8px 4px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.ec-btn.svelte-kv8iu3:hover{border-color:var(--brand);color:var(--text-primary)}.ec-btn.active.svelte-kv8iu3{background:var(--brand);border-color:var(--brand);color:#fff}.ec-desc.svelte-kv8iu3{font-size:12px;color:var(--text-secondary);margin:0}.preview-panel.svelte-kv8iu3{display:flex;flex-direction:column;align-items:center;gap:16px;position:sticky;top:80px}.canvas-frame.svelte-kv8iu3{display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);padding:20px;min-width:240px;min-height:240px;max-width:100%;max-height:540px;overflow:hidden;transition:width .3s ease,height .3s ease;position:relative}.qr-canvas.svelte-kv8iu3{display:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.qr-canvas.visible.svelte-kv8iu3{display:block}.placeholder-text.svelte-kv8iu3{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary);text-align:center;padding:20px}.placeholder-text.svelte-kv8iu3 svg:where(.svelte-kv8iu3){opacity:.4}.placeholder-text.svelte-kv8iu3 span:where(.svelte-kv8iu3){font-size:14px;max-width:200px;line-height:1.5}.error-text.svelte-kv8iu3{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:14px;text-align:center;padding:20px}.download-btn.svelte-kv8iu3{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .1s ease;min-width:200px}.download-btn.svelte-kv8iu3:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 85%,black)}.download-btn.svelte-kv8iu3:active:not(:disabled){transform:scale(.97)}.download-btn.svelte-kv8iu3:disabled{opacity:.4;cursor:not-allowed}.scan-hint.svelte-kv8iu3{font-size:13px;color:var(--text-secondary);margin:0}@media(max-width:800px){.preview-panel.svelte-kv8iu3{position:static;order:-1}.canvas-frame.svelte-kv8iu3{width:100%!important;height:auto!important;min-height:200px;aspect-ratio:1}}