.generate-qr.svelte-dfdfr2{padding-top:var(--space-14)}.generate-qr-intro.svelte-dfdfr2{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);max-width:52rem;margin:0 auto var(--space-9)}.generate-qr-intro__title.svelte-dfdfr2{margin:0;font-family:var(--font-heading);font-size:clamp(var(--text-xl),4vw,var(--text-3xl));line-height:var(--leading-snug);font-weight:var(--weight-normal)}.generate-qr-intro__text.svelte-dfdfr2{margin:0;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-grey-600)}.generate-qr-intro__text--secondary.svelte-dfdfr2{font-size:var(--text-sm);color:var(--color-grey-500)}.qr-generator-layout.svelte-dfdfr2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,420px);gap:var(--space-8);align-items:start}.my-form.svelte-dfdfr2{border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);background-color:var(--color-white);box-shadow:var(--shadow-sm);padding:var(--space-7)}.qrcode.svelte-dfdfr2{width:100%;max-width:100%;min-height:260px;display:flex;justify-content:center;align-items:center;overflow:auto}.qr-code-wrapper.svelte-dfdfr2{grid-column-gap:var(--space-4);grid-row-gap:var(--space-4);flex-direction:column;align-items:center;display:flex;width:100%}.form-grid.svelte-dfdfr2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.select-field.svelte-dfdfr2{width:100%;padding-right:2.2rem}.range-field.svelte-dfdfr2,.color-field.svelte-dfdfr2{display:flex;align-items:center;gap:var(--space-3)}.range-field.svelte-dfdfr2 input[type=range]:where(.svelte-dfdfr2){width:100%;accent-color:#000000}.field-input.svelte-dfdfr2{width:100%;min-height:3.25rem;padding:.75rem 1rem;background-color:var(--color-white);border:1px solid rgba(0,0,0,.25);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:#1a1a1a;transition:all var(--transition-fast);box-shadow:0 1px 2px #0000000d;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-input.svelte-dfdfr2::placeholder{color:var(--color-grey-400)}.field-input.svelte-dfdfr2:hover{border-color:#0006;box-shadow:0 2px 4px #0000000d}.field-input.svelte-dfdfr2:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a;background-color:var(--color-white)}.logo-upload-field.svelte-dfdfr2{display:flex;align-items:center;gap:var(--space-3)}.logo-upload-name.svelte-dfdfr2{font-size:var(--text-sm);color:var(--color-grey-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-only-file-input.svelte-dfdfr2{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.color-field.svelte-dfdfr2 input[type=color]:where(.svelte-dfdfr2){border:1px solid var(--color-grey-300);border-radius:var(--radius-md);background:transparent;width:2.8rem;height:2.2rem;padding:.2rem}.color-field.svelte-dfdfr2 span:where(.svelte-dfdfr2),.range-field.svelte-dfdfr2 span:where(.svelte-dfdfr2){font-size:var(--text-xs);color:var(--color-grey-700);min-width:3.8rem}.logo-meta.svelte-dfdfr2{margin-top:var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.remove-logo.svelte-dfdfr2{border:none;background:transparent;color:var(--color-grey-700);text-decoration:underline;cursor:pointer;font-size:var(--text-sm)}.button-row.svelte-dfdfr2{display:flex;flex-wrap:wrap;gap:var(--space-3)}.field-error.svelte-dfdfr2{color:#9f1239;font-size:var(--text-sm);margin-top:var(--space-2)}.preview-card.svelte-dfdfr2{border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);background:#f7f6f2;padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-4);align-items:center;position:sticky;top:calc(var(--space-10) + 5rem)}.preview-placeholder.svelte-dfdfr2{color:var(--color-grey-600);font-size:var(--text-sm);text-align:center;max-width:18rem}.preview-note.svelte-dfdfr2{font-size:var(--text-sm);color:var(--color-grey-700);text-align:center;margin:0}@media screen and (max-width:991px){.generate-qr.svelte-dfdfr2{padding-top:var(--space-12)}.generate-qr-intro.svelte-dfdfr2{margin-bottom:var(--space-7)}.qr-generator-layout.svelte-dfdfr2{grid-template-columns:1fr}.preview-card.svelte-dfdfr2{order:-1;position:static}}@media screen and (max-width:479px){.my-form.svelte-dfdfr2{padding:var(--space-6)}.form-grid.svelte-dfdfr2{grid-template-columns:1fr}}