.wrapper.svelte-grfx54{width:95%;max-width:1000px;margin:auto}.hero.svelte-grfx54{text-align:center;padding:3rem 1rem 2rem}.hero.svelte-grfx54 h1:where(.svelte-grfx54){font-size:2.4rem;margin-bottom:1rem}.hero.svelte-grfx54 .lead:where(.svelte-grfx54){font-size:1.1rem;color:#444;max-width:700px;margin:0 auto}.upload-section.svelte-grfx54{text-align:center;margin:1rem 0;border:1px dashed #ccc;border-radius:12px}.upload-section.svelte-grfx54 input[type=file]:where(.svelte-grfx54){margin-top:1rem}.error.svelte-grfx54{color:#c00;margin-top:.5rem;font-weight:600}.font-preview.svelte-grfx54{margin-top:1rem;font-size:.95rem;color:#333}.notepad-section.svelte-grfx54{text-align:center;margin-top:2rem}.font-controls.svelte-grfx54{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;gap:.4rem;width:200px}.font-controls.svelte-grfx54 label:where(.svelte-grfx54){font-weight:600;font-size:.95rem;text-align:left}.font-controls.svelte-grfx54 input[type=range]:where(.svelte-grfx54){width:60%;accent-color:#3366ff;cursor:pointer}.notepad.svelte-grfx54{width:90%;min-height:500px;line-height:1.6;padding:1rem;border-radius:8px;border:2px solid #3366ff;background:#fffefc;resize:vertical;outline:none}.actions.svelte-grfx54{margin-top:1rem}.actions.svelte-grfx54 button:where(.svelte-grfx54){margin:0 .5rem;padding:.6rem 1.2rem;border:none;border-radius:8px;background:linear-gradient(135deg,#36f,#5a8fd8);color:#fff;cursor:pointer;font-size:.95rem}.actions.svelte-grfx54 button:where(.svelte-grfx54):hover{background:linear-gradient(135deg,#2850c9,#4a7bd0)}.controls_wrap.svelte-grfx54{display:flex;padding:20px;gap:10px}.cta-handwriting.svelte-grfx54{margin:4rem auto 2rem;padding:2.5rem 1.5rem;text-align:center;border-radius:16px;background:linear-gradient(135deg,#f5f9ff,#eef3ff);border:1px solid #dbe5ff;max-width:700px}.cta-text.svelte-grfx54{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.cta-btn.svelte-grfx54{display:inline-block;padding:.9rem 1.6rem;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#36f,#5a8fd8);border-radius:12px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.cta-btn.svelte-grfx54:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3366ff40}.cta-sub.svelte-grfx54{margin-top:.8rem;font-size:.9rem;color:#555}