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