.tool.svelte-12ci3d7{flex-direction:column;gap:0;width:100%;display:flex}.error-display.svelte-12ci3d7{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--error-soft);color:var(--error-text);border-radius:var(--radius-md);display:flex}.qr-input-section.svelte-12ci3d7{gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;display:flex}.input-group.svelte-12ci3d7{gap:var(--space-2);flex-direction:column;display:flex}.input-group.svelte-12ci3d7 label:where(.svelte-12ci3d7){font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.input-group.svelte-12ci3d7 input[type=text]:where(.svelte-12ci3d7){padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base);outline:none}.input-group.svelte-12ci3d7 input[type=text]:where(.svelte-12ci3d7):focus{border-color:var(--accent);box-shadow:var(--glow-focus)}.size-group.svelte-12ci3d7 input[type=range]:where(.svelte-12ci3d7){width:100%}.qr-preview.svelte-12ci3d7{align-items:center;gap:var(--space-4);padding:var(--space-6);flex-direction:column;display:flex}.qr-preview.svelte-12ci3d7 canvas:where(.svelte-12ci3d7){border-radius:var(--radius);background:#fff}.examples-section.svelte-12ci3d7 h3:where(.svelte-12ci3d7){font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.examples.svelte-12ci3d7{gap:var(--space-2);flex-wrap:wrap;display:flex}.example-btn.svelte-12ci3d7{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.example-btn.svelte-12ci3d7:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-dim)}.example-btn.svelte-12ci3d7:focus{outline:2px solid var(--accent);outline-offset:2px}