:root{--custom-font: Georgia, serif}.page-wrap.svelte-rur1eu{max-width:1040px;margin:0 auto;padding:24px 16px 64px}.hero.svelte-rur1eu{text-align:center;margin-bottom:20px;padding:20px}.hero.svelte-rur1eu h1:where(.svelte-rur1eu){font-size:2rem;margin:0 0 8px}.tagline.svelte-rur1eu{color:#4a4a4a;line-height:1.5;max-width:840px;margin:0 auto}.controls.svelte-rur1eu{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 2px 12px #0000000a;margin:auto;width:80%}.control.svelte-rur1eu{border:1px solid rgb(244,240,240);padding:10px;border-radius:10px;margin-bottom:10px}.settings-row.svelte-rur1eu{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.settings-row.svelte-rur1eu label:where(.svelte-rur1eu){font-weight:500;font-size:.9rem}.settings-row.svelte-rur1eu input[type=range]:where(.svelte-rur1eu){width:140px}.settings-row.svelte-rur1eu .value:where(.svelte-rur1eu){font-size:.9rem;color:#555}.note-frame.svelte-rur1eu{position:relative;width:min(90vw,720px);aspect-ratio:4/5;overflow:hidden;box-shadow:0 10px 24px #00000014;background:var(--note-bg-color);color:var(--note-text-color);font-family:var(--custom-font)}.stage-wrap.svelte-rur1eu{border:1px solid rgb(217,209,209);margin:20px;border-radius:10px;padding:10px}.note-bg.svelte-rur1eu{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--note-bg-color)}.note-bg.has-image.svelte-rur1eu{background-image:var(--bg-image-url);background-size:cover;background-position:center}.note-content.svelte-rur1eu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(16px,5vw,36px);font-size:var(--note-font-size);line-height:1.35}.btn.svelte-rur1eu{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;padding:10px 16px;border-radius:10px;cursor:pointer}.btn.primary.svelte-rur1eu{background:#111827;color:#fff;border-color:#111827}.btn.svelte-rur1eu:disabled{opacity:.6;cursor:default}.actions.svelte-rur1eu{display:flex;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap;justify-content:center}.alert.svelte-rur1eu{border-radius:10px;padding:10px 12px;margin-top:10px}.alert.error.svelte-rur1eu{background:#fff2f2;color:#b00020}.alert.success.svelte-rur1eu{background:#f2fff6;color:#137333}.color-picker.svelte-rur1eu{display:flex;align-items:center;gap:6px}