@import"https://fonts.googleapis.com/css2?family=Butterfly+Kids&family=Cedarville+Cursive&family=Gochi+Hand&family=Loved+by+the+King&family=Over+the+Rainbow&family=Reenie+Beanie&family=Rock+Salt&family=Yuyu+Short&display=swap";.cedarville-cursive-regular{font-family:"Cedarville Cursive",cursive;font-weight:400;font-style:normal}.butterfly-kids-regular{font-family:Butterfly Kids,cursive;font-weight:400;font-style:normal}.rock-salt-regular{font-family:Rock Salt,cursive;font-weight:400;font-style:normal}.reenie-beanie-regular{font-family:Reenie Beanie,cursive;font-weight:400;font-style:normal}.over-the-rainbow-regular{font-family:Over the Rainbow,cursive;font-weight:400;font-style:normal}.yuyu-short-regular{font-family:Yuyu Short,sans-serif;font-weight:400;font-style:normal}.gochi-hand-regular{font-family:Gochi Hand,cursive;font-weight:400;font-style:normal}.loved-by-the-king-regular{font-family:Loved by the King,cursive;font-weight:400;font-style:normal}html{scroll-behavior:smooth}.wrapper.svelte-5yecte{width:100%;margin:0 auto;color:var(--color-text);background:var(--color-bg)}.app-root.svelte-5yecte{display:flex;flex-direction:column;max-width:1200px;margin:0 auto;background:var(--color-bg)}.app-header.svelte-5yecte{min-height:74px;border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.brand.svelte-5yecte{display:flex;align-items:center;gap:10px}.brand-logo.svelte-5yecte{width:38px;height:38px;border-radius:8px;background:var(--color-primary);display:grid;place-items:center;flex:0 0 auto}.brand-logo.svelte-5yecte span:where(.svelte-5yecte){color:var(--color-surface);font-size:15px;font-weight:800}.brand-title.svelte-5yecte,h1.svelte-5yecte,h2.svelte-5yecte,h3.svelte-5yecte,p.svelte-5yecte{letter-spacing:0}.brand-title.svelte-5yecte{margin:0;color:var(--color-primary);font-size:20px;font-weight:700;line-height:1.2}.brand.svelte-5yecte p:where(.svelte-5yecte),.intro-section.svelte-5yecte p:where(.svelte-5yecte),.sidebar-header.svelte-5yecte p:where(.svelte-5yecte),.field-hint.svelte-5yecte,.canvas-heading.svelte-5yecte p:where(.svelte-5yecte),.studio-cta.svelte-5yecte p:where(.svelte-5yecte),.seo-content.svelte-5yecte p:where(.svelte-5yecte),.faq.svelte-5yecte p:where(.svelte-5yecte){color:var(--color-muted);line-height:1.55}.brand.svelte-5yecte p:where(.svelte-5yecte){margin:3px 0 0;font-size:13px}.intro-section.svelte-5yecte{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:24px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.intro-section.svelte-5yecte h2:where(.svelte-5yecte){margin:0;color:var(--color-primary);font-size:clamp(2rem,5vw,4.1rem);line-height:1.02}.intro-section.svelte-5yecte p:where(.svelte-5yecte){max-width:820px;margin:.75rem 0 0;font-size:1rem}.app-body.svelte-5yecte{display:flex;min-height:0;overflow:hidden;border-bottom:1px solid var(--color-border)}.sidebar.svelte-5yecte{width:390px;max-height:875px;background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto;padding:12px 16px 24px;flex:0 0 auto}.sidebar-header.svelte-5yecte h2:where(.svelte-5yecte){margin:4px 0;color:var(--color-text);font-size:16px;font-weight:700}.sidebar-header.svelte-5yecte p:where(.svelte-5yecte){margin:0;font-size:13px}.mode-tabs.svelte-5yecte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.panel.svelte-5yecte{margin-top:14px;padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}.panel-header.svelte-5yecte{display:flex;align-items:center;gap:8px;margin-bottom:12px}.panel-icon.svelte-5yecte{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--color-primary-light);color:var(--color-primary);font-size:12px;font-weight:800}.panel.svelte-5yecte h3:where(.svelte-5yecte){margin:0;color:var(--color-text);font-size:15px}.field.svelte-5yecte{margin-top:12px}.field.svelte-5yecte:first-child{margin-top:0}.field.svelte-5yecte label:where(.svelte-5yecte),.field-label.svelte-5yecte,.slider-label.svelte-5yecte{display:block;color:var(--color-text);font-size:13px;font-weight:700}.field.svelte-5yecte input[type=text]:where(.svelte-5yecte),.field.svelte-5yecte input:where(.svelte-5yecte):not([type]){width:100%;min-height:44px;margin-top:6px;padding:0 11px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-text);font:inherit}.field.svelte-5yecte input:where(.svelte-5yecte):focus{outline:3px solid rgb(var(--color-accent-rgb) / .2);border-color:var(--color-accent)}.field.svelte-5yecte input.preview-name-input[type=text]:where(.svelte-5yecte){box-sizing:border-box;width:100%;height:42px;min-height:0;margin-top:6px;padding:.45rem 0;border:0;border-bottom:2px solid var(--color-border);border-radius:0;background:transparent;line-height:1.2;white-space:nowrap;overflow:hidden}.field.svelte-5yecte input.preview-name-input[type=text]:where(.svelte-5yecte):focus{border-bottom-color:var(--color-primary);outline:none}.file-input.svelte-5yecte{display:none}.upload-trigger.svelte-5yecte{width:100%;margin-top:8px}.loaded-font.svelte-5yecte{margin:10px 0 0;color:var(--color-primary);font-size:12px;line-height:1.45}.error-text.svelte-5yecte{margin:10px 0 0;color:var(--color-error);font-size:12px;line-height:1.45}.slider-label.svelte-5yecte{display:flex;justify-content:space-between;gap:8px}.field.svelte-5yecte input[type=range]:where(.svelte-5yecte){width:100%;margin-top:10px;accent-color:var(--color-accent)}.swatches.svelte-5yecte{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.font-style-grid.svelte-5yecte{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.font-style-grid.svelte-5yecte button:where(.svelte-5yecte){width:100%;min-width:0;min-height:82px;padding:10px 12px;border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;background:var(--color-surface);color:var(--color-primary);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:9px;text-align:left}.font-style-grid.svelte-5yecte button:where(.svelte-5yecte):hover,.font-style-grid.svelte-5yecte button.active-style:where(.svelte-5yecte){border-color:var(--color-accent);box-shadow:0 0 0 3px rgb(var(--color-accent-rgb) / .14)}.font-choice-label.svelte-5yecte{color:var(--color-muted);font-family:var(--font-body);font-size:.7rem;font-weight:800;line-height:1.2;text-transform:uppercase}.font-choice-sample.svelte-5yecte{display:block;max-width:100%;color:var(--color-primary);font-size:1.35rem;font-weight:400;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatches.svelte-5yecte button:where(.svelte-5yecte){width:36px;height:36px;border:2px solid var(--color-border);border-radius:999px;background:var(--swatch-color);cursor:pointer}.swatches.svelte-5yecte button.active-swatch:where(.svelte-5yecte){border-color:var(--color-accent);box-shadow:0 0 0 3px rgb(var(--color-accent-rgb) / .18)}.field-hint.svelte-5yecte{margin:10px 0 0;font-size:12px}.action-grid.svelte-5yecte{display:grid;gap:10px}.main.svelte-5yecte{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--color-bg)}.toolbar.svelte-5yecte{min-height:58px;border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar-left.svelte-5yecte{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-label.svelte-5yecte{color:var(--color-primary);font-size:13px;font-weight:800}.tab-button.svelte-5yecte{min-height:38px;padding:0 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-muted);font:inherit;font-size:13px;font-weight:700}.tab-button.active.svelte-5yecte{border-color:var(--color-accent);color:var(--color-text);background:var(--color-accent-light)}.tab-button.disabled.svelte-5yecte{cursor:not-allowed;opacity:.55}.canvas-section.svelte-5yecte,.preview-section.svelte-5yecte{margin:16px;padding:16px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.canvas-heading.svelte-5yecte h2:where(.svelte-5yecte),.preview-section.svelte-5yecte h2:where(.svelte-5yecte),.studio-cta.svelte-5yecte h2:where(.svelte-5yecte),.seo-content.svelte-5yecte h2:where(.svelte-5yecte),.faq.svelte-5yecte h3:where(.svelte-5yecte){margin:0;color:var(--color-primary);font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.12}.canvas-heading.svelte-5yecte p:where(.svelte-5yecte){margin:.55rem 0 0;font-size:.95rem}.canvas-wrap.svelte-5yecte{position:relative;margin-top:14px}canvas.svelte-5yecte{display:block;width:100%;height:280px;border:2px dashed var(--color-border);border-radius:14px;background-color:var(--color-surface);background-image:linear-gradient(45deg,rgb(var(--color-bg-rgb) / .9) 25%,transparent 25%),linear-gradient(-45deg,rgb(var(--color-bg-rgb) / .9) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgb(var(--color-bg-rgb) / .9) 75%),linear-gradient(-45deg,transparent 75%,rgb(var(--color-bg-rgb) / .9) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;touch-action:none}.canvas-placeholder.svelte-5yecte{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:var(--color-muted);pointer-events:none}.typed-signature-preview.svelte-5yecte{min-height:280px;margin-top:14px;border:2px dashed var(--color-border);border-radius:14px;background:linear-gradient(90deg,transparent 0 48px,rgb(var(--color-accent-rgb) / .18) 49px 51px,transparent 52px),repeating-linear-gradient(to bottom,var(--color-surface) 0 35px,rgb(var(--color-primary-rgb) / .1) 36px 37px),var(--color-surface);display:grid;place-items:center;padding:20px;text-align:center}.typed-signature-preview.svelte-5yecte span:where(.svelte-5yecte){color:var(--color-primary);font-family:var(--signature-preview-font, cursive);font-size:clamp(2.4rem,8vw,5rem);line-height:1.1;overflow-wrap:anywhere}.preview-grid.svelte-5yecte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.signature-context.svelte-5yecte{min-height:150px;padding:14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);overflow:hidden}.signature-context.svelte-5yecte span:where(.svelte-5yecte){display:block;margin-bottom:10px;color:var(--color-muted);font-size:12px;font-weight:800}.signature-context.svelte-5yecte p:where(.svelte-5yecte){margin:0 0 8px;color:var(--color-text)}.signature-context.svelte-5yecte img:where(.svelte-5yecte){display:block;max-width:min(100%,310px);max-height:82px;object-fit:contain;object-position:left center}.signature-context.svelte-5yecte strong:where(.svelte-5yecte){display:block;color:var(--color-primary);font-family:var(--signature-preview-font, Georgia, serif);font-size:1.55rem;font-weight:500}.brand-context.svelte-5yecte{background:var(--color-primary);color:var(--color-surface)}.brand-context.svelte-5yecte span:where(.svelte-5yecte),.brand-context.svelte-5yecte p:where(.svelte-5yecte){color:#ffffffc7}.brand-context.svelte-5yecte strong:where(.svelte-5yecte){color:var(--color-surface)}.brand-context.svelte-5yecte img:where(.svelte-5yecte){filter:brightness(0) invert(1)}.stationery-context.svelte-5yecte{background:linear-gradient(90deg,transparent 0 48px,rgb(var(--color-accent-rgb) / .18) 49px 51px,transparent 52px),repeating-linear-gradient(to bottom,var(--color-surface) 0 29px,rgb(var(--color-primary-rgb) / .1) 30px 31px),var(--color-surface)}.studio-cta.svelte-5yecte{max-width:900px;margin:2rem auto;padding:16px;border:1px solid var(--color-border);border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;background:var(--color-accent-light)}.studio-cta.svelte-5yecte p:where(.svelte-5yecte){max-width:760px;margin:.55rem 0 0}.seo-content.svelte-5yecte,.faq.svelte-5yecte{max-width:900px;margin:2rem auto;padding:0 1rem;line-height:1.7}.seo-content.svelte-5yecte h2:where(.svelte-5yecte){margin-top:1.6rem}.seo-content.svelte-5yecte h2:where(.svelte-5yecte):first-child{margin-top:0}.faq-list.svelte-5yecte{display:grid;gap:.75rem;margin-top:1rem}.faq.svelte-5yecte details:where(.svelte-5yecte){border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:.9rem 1rem}.faq.svelte-5yecte summary:where(.svelte-5yecte){color:var(--color-text);cursor:pointer;font-weight:700}.faq.svelte-5yecte .small:where(.svelte-5yecte){margin:.75rem 0 0;font-size:.95rem}.primary-button.svelte-5yecte,.secondary-button.svelte-5yecte{min-height:44px;border-radius:10px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font:inherit;font-size:14px;font-weight:800;text-decoration:none}.primary-button.svelte-5yecte{background:var(--color-primary);color:var(--color-surface)}.secondary-button.svelte-5yecte{background:var(--color-surface);border-color:var(--color-border);color:var(--color-primary)}.primary-button.svelte-5yecte:disabled{cursor:not-allowed;opacity:.45}.primary-button.svelte-5yecte:focus-visible,.secondary-button.svelte-5yecte:focus-visible,.tab-button.svelte-5yecte:focus-visible,.font-style-grid.svelte-5yecte button:where(.svelte-5yecte):focus-visible,.swatches.svelte-5yecte button:where(.svelte-5yecte):focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}@media (max-width: 900px){.intro-section.svelte-5yecte,.studio-cta.svelte-5yecte{grid-template-columns:1fr}.app-body.svelte-5yecte{flex-direction:column;overflow:visible}.sidebar.svelte-5yecte{width:auto;max-height:none;border-right:0;border-bottom:1px solid var(--color-border)}.preview-grid.svelte-5yecte{grid-template-columns:1fr}.studio-cta.svelte-5yecte .primary-button:where(.svelte-5yecte){width:100%}}@media (max-width: 640px){.app-header.svelte-5yecte,.intro-section.svelte-5yecte,.canvas-section.svelte-5yecte,.preview-section.svelte-5yecte,.studio-cta.svelte-5yecte,.seo-content.svelte-5yecte,.faq.svelte-5yecte{margin-left:10px;margin-right:10px}.app-header.svelte-5yecte,.intro-section.svelte-5yecte{padding-left:12px;padding-right:12px}canvas.svelte-5yecte{height:230px}}