.wrapper.svelte-z49gox{width:95%;max-width:1000px;margin:auto}.hero.svelte-z49gox{text-align:center;padding:3rem 1rem 2rem}.hero.svelte-z49gox h1:where(.svelte-z49gox){font-size:2.4rem;margin-bottom:1rem}.hero.svelte-z49gox .lead:where(.svelte-z49gox){font-size:1.1rem;color:#444;max-width:700px;margin:0 auto}.upload-section.svelte-z49gox{text-align:center;margin:1rem 0;border:1px dashed #ccc;border-radius:12px}.upload-section.svelte-z49gox input[type=file]:where(.svelte-z49gox){margin-top:1rem}.error.svelte-z49gox{color:#c00;margin-top:.5rem;font-weight:600}.font-preview.svelte-z49gox{margin-top:1rem;font-size:.95rem;color:#333}.notepad-section.svelte-z49gox{text-align:center;margin-top:2rem}.font-controls.svelte-z49gox{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;gap:.4rem;width:200px}.font-controls.svelte-z49gox label:where(.svelte-z49gox){font-weight:600;font-size:.95rem;text-align:left}.font-controls.svelte-z49gox input[type=range]:where(.svelte-z49gox){width:60%;accent-color:#3366ff;cursor:pointer}.notepad.svelte-z49gox{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-z49gox{margin-top:1rem}.actions.svelte-z49gox button:where(.svelte-z49gox){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-z49gox button:where(.svelte-z49gox):hover{background:linear-gradient(135deg,#2850c9,#4a7bd0)}.controls_wrap.svelte-z49gox{display:flex;padding:20px;gap:10px}.cta-handwriting.svelte-z49gox{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-z49gox{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.cta-btn.svelte-z49gox{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-z49gox:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3366ff40}.cta-sub.svelte-z49gox{margin-top:.8rem;font-size:.9rem;color:#555}