@font-face{font-family:YojPreview;src:url(../../../fonts/yoj2/yoj-regular-webfont.woff2) format("woff2");font-display:swap}.page.svelte-1h3jj3e{max-width:1180px;margin:0 auto;padding:32px 16px 56px}.hero.svelte-1h3jj3e{max-width:820px;margin-bottom:24px}.eyebrow.svelte-1h3jj3e{margin:0 0 10px;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#b35b00}h1.svelte-1h3jj3e{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95}.intro.svelte-1h3jj3e{margin:16px 0 0;font-size:1.05rem;line-height:1.7;color:#3e3b35}.tool-shell.svelte-1h3jj3e{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:22px;align-items:start}.controls.svelte-1h3jj3e,.preview-panel.svelte-1h3jj3e,.seo-copy.svelte-1h3jj3e{border:1px solid rgba(57,43,20,.12);border-radius:28px;background:#fffdf8;box-shadow:0 20px 50px #4e341814}.controls.svelte-1h3jj3e{padding:22px;position:sticky;top:18px}.group.svelte-1h3jj3e+.group:where(.svelte-1h3jj3e){margin-top:24px;padding-top:24px;border-top:1px solid rgba(57,43,20,.08)}.group-header.svelte-1h3jj3e h2:where(.svelte-1h3jj3e){margin:0;font-size:1.15rem}.group-header.svelte-1h3jj3e p:where(.svelte-1h3jj3e){margin:6px 0 0;color:#6f6458;line-height:1.5}.label.svelte-1h3jj3e{display:block;margin-bottom:10px;font-size:.92rem;font-weight:700;color:#4e3d2a}.small.svelte-1h3jj3e{margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.name-input.svelte-1h3jj3e,.color-text.svelte-1h3jj3e,.number-input.svelte-1h3jj3e{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid rgba(57,43,20,.18);border-radius:16px;font-size:1rem;background:#fff}.name-input.svelte-1h3jj3e:focus-visible,.preset-list.svelte-1h3jj3e button:where(.svelte-1h3jj3e):focus-visible,.action.svelte-1h3jj3e:focus-visible,input[type=range].svelte-1h3jj3e:focus-visible,.color-text.svelte-1h3jj3e:focus-visible,.number-input.svelte-1h3jj3e:focus-visible{outline:2px solid #d76d00;outline-offset:2px}.presets.svelte-1h3jj3e{margin-top:18px}.preset-list.svelte-1h3jj3e{display:flex;flex-wrap:wrap;gap:10px}.preset-list.svelte-1h3jj3e button:where(.svelte-1h3jj3e){border:1px solid rgba(57,43,20,.14);border-radius:18px;background:#fff;padding:10px 14px;font:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.preset-list.svelte-1h3jj3e button:where(.svelte-1h3jj3e):hover,.preset-list.svelte-1h3jj3e button.active:where(.svelte-1h3jj3e){transform:translateY(-1px);border-color:#d76d00;background:#fff1d6;box-shadow:0 8px 24px #d76d001f}.slider-label.svelte-1h3jj3e{display:flex;justify-content:space-between;gap:12px;margin-top:14px;font-size:.9rem;font-weight:600;color:#4e3d2a}.slider-label.svelte-1h3jj3e:first-of-type{margin-top:16px}input[type=range].svelte-1h3jj3e{width:100%;margin-top:8px;accent-color:#d76d00}.check.svelte-1h3jj3e{display:flex;align-items:center;gap:10px;margin-top:16px;color:#4e3d2a}.check.svelte-1h3jj3e input:where(.svelte-1h3jj3e){margin:0}.color-grid.svelte-1h3jj3e{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.color-field.svelte-1h3jj3e{display:flex;gap:10px;align-items:center}.color-picker.svelte-1h3jj3e{width:48px;min-width:48px;height:46px;border:none;padding:0;background:transparent}.preview-panel.svelte-1h3jj3e{padding:24px;background:radial-gradient(circle at top right,rgba(255,210,148,.32),transparent 34%),linear-gradient(180deg,#fffaf1,#fff)}.preview-header.svelte-1h3jj3e{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:18px}.preview-header.svelte-1h3jj3e h2:where(.svelte-1h3jj3e){margin:4px 0 0;font-size:clamp(1.6rem,4vw,2.7rem);line-height:1}.preview-note.svelte-1h3jj3e{margin:0;text-align:right;font-size:.95rem;color:#6f6458}.preview-note.svelte-1h3jj3e span:where(.svelte-1h3jj3e){padding:0 6px}.preview-frame.svelte-1h3jj3e{min-height:540px;border-radius:26px;border:1px solid rgba(57,43,20,.08);background:#f7f2ea;display:flex;align-items:center;justify-content:center;overflow:hidden}.mini-preview-grid.svelte-1h3jj3e{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.upload-row.svelte-1h3jj3e{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(180px,.85fr);gap:12px;align-items:stretch;margin-bottom:16px}.upload-font-card.svelte-1h3jj3e{display:grid;gap:12px;padding:16px 18px;border:1px dashed rgba(57,43,20,.22);border-radius:20px;background:#ffffffb8}.upload-font-card.upload-active.svelte-1h3jj3e{border-color:#d76d00;background:#fff7eb;box-shadow:0 12px 28px #d76d0014}.upload-label.svelte-1h3jj3e{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a6c5d}.upload-copy.svelte-1h3jj3e,.upload-current.svelte-1h3jj3e{margin:6px 0 0;color:#5f5347;line-height:1.55}.upload-current.svelte-1h3jj3e strong:where(.svelte-1h3jj3e){color:#2e1f11}.upload-input.svelte-1h3jj3e{display:none}.upload-button.svelte-1h3jj3e{justify-self:start;border:1px solid rgba(57,43,20,.14);border-radius:999px;background:#fff;color:inherit;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.upload-button.svelte-1h3jj3e:hover{transform:translateY(-1px);border-color:#d76d00;box-shadow:0 10px 24px #d76d001f;background:#fff1d6}.mini-preview-card.svelte-1h3jj3e{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:102px;padding:12px;border:1px solid rgba(57,43,20,.1);border-radius:18px;background:#ffffffc7;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.custom-font-card.svelte-1h3jj3e{min-height:auto}.mini-preview-card.svelte-1h3jj3e:hover,.mini-preview-card.mini-active.svelte-1h3jj3e{transform:translateY(-1px);border-color:#d76d00;box-shadow:0 12px 28px #d76d001f;background:#fff7eb}.mini-preview-card.svelte-1h3jj3e:disabled{opacity:.6;cursor:not-allowed;transform:none}.mini-label.svelte-1h3jj3e{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a6c5d}.mini-label-file.svelte-1h3jj3e{letter-spacing:.02em;text-transform:none}.mini-sample.svelte-1h3jj3e{display:block;overflow:hidden;font-size:1.45rem;line-height:1;white-space:nowrap;text-overflow:ellipsis;color:#20160f}.preview-default.svelte-1h3jj3e{font-family:Georgia,Times New Roman,serif}.preview-yoj.svelte-1h3jj3e{font-family:YojPreview,cursive}.preview-dancing.svelte-1h3jj3e{font-family:Dancing Script,cursive}.preview-playfair.svelte-1h3jj3e{font-family:Playfair Display,serif;font-style:italic}.preview-nunito.svelte-1h3jj3e{font-family:Nunito,sans-serif;font-weight:800}.preview-bebas.svelte-1h3jj3e{font-family:Bebas Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase}.preview-abril.svelte-1h3jj3e{font-family:Abril Fatface,serif}.preview-pacifico.svelte-1h3jj3e{font-family:Pacifico,cursive}.preview-montserrat.svelte-1h3jj3e{font-family:Montserrat,sans-serif;font-weight:700}.svg-wrap.svelte-1h3jj3e{width:100%;padding:18px;box-sizing:border-box}.svg-wrap.svelte-1h3jj3e svg{display:block;width:100%;height:auto;border-radius:20px}.empty.svelte-1h3jj3e{padding:24px;text-align:center;color:#6f6458;line-height:1.6}.actions.svelte-1h3jj3e{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.code-output.svelte-1h3jj3e{margin-top:18px;padding:18px;border:1px solid rgba(57,43,20,.1);border-radius:22px;background:#ffffffb3}.code-header.svelte-1h3jj3e{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.code-header.svelte-1h3jj3e h3:where(.svelte-1h3jj3e){margin:0;font-size:1rem}.code-textarea.svelte-1h3jj3e{width:100%;box-sizing:border-box;padding:14px;border:1px solid rgba(57,43,20,.12);border-radius:16px;background:#fff;font:.84rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;resize:vertical}.action.svelte-1h3jj3e{border:1px solid rgba(57,43,20,.14);border-radius:999px;background:#fff;color:inherit;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer}.action.primary.svelte-1h3jj3e{background:#111827;color:#fff;border-color:#111827}.action.svelte-1h3jj3e:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.upload-button.svelte-1h3jj3e:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.error.svelte-1h3jj3e{margin:16px 0 0;color:#b42318;line-height:1.5}.seo-copy.svelte-1h3jj3e{margin-top:28px;padding:24px;line-height:1.7}.seo-copy.svelte-1h3jj3e h2:where(.svelte-1h3jj3e){margin:0 0 10px}.seo-copy.svelte-1h3jj3e h2:where(.svelte-1h3jj3e)+p:where(.svelte-1h3jj3e){margin-top:0}.seo-copy.svelte-1h3jj3e p:where(.svelte-1h3jj3e){margin:0 0 14px;color:#3e3b35}@media (max-width: 920px){.tool-shell.svelte-1h3jj3e{grid-template-columns:1fr}.controls.svelte-1h3jj3e{position:static}.preview-header.svelte-1h3jj3e{flex-direction:column;align-items:start}.preview-note.svelte-1h3jj3e{text-align:left}.upload-row.svelte-1h3jj3e{grid-template-columns:1fr}}@media (max-width: 640px){.color-grid.svelte-1h3jj3e{grid-template-columns:1fr}.mini-preview-grid.svelte-1h3jj3e{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-frame.svelte-1h3jj3e{min-height:320px}}