body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:#0f172a}.app-root.svelte-lyyxli{display:flex;flex-direction:column;gap:12px}.app-header.svelte-lyyxli{height:56px;border-bottom:1px solid #e5e7eb;background:#fff;padding:0 16px;display:flex;align-items:center}.brand.svelte-lyyxli{display:flex;align-items:center;gap:8px}.brand-logo.svelte-lyyxli{width:32px;height:32px;border-radius:8px;background:#1d4ed8;display:flex;align-items:center;justify-content:center}.brand-logo.svelte-lyyxli span:where(.svelte-lyyxli){color:#fff;font-weight:700;font-size:14px}.brand-title.svelte-lyyxli{margin:0;font-size:18px;font-weight:600}.page.svelte-lyyxli{display:grid;grid-template-columns:minmax(290px,340px) 1fr;gap:16px;padding:16px;align-items:start}.panel.svelte-lyyxli{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff;position:sticky;top:12px;height:calc(100vh - 96px);overflow:auto}h1.svelte-lyyxli{margin:0 0 10px;font-size:18px}h2.svelte-lyyxli{margin:0 0 8px;font-size:14px;font-weight:600}.group.svelte-lyyxli{border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:10px 12px 12px;margin-top:12px}.group.svelte-lyyxli:first-of-type{border-top:1px solid #e5e7eb;margin-top:0}.label.svelte-lyyxli{display:grid;gap:4px;font-size:12px;color:#4b5563;margin-bottom:10px}.row.svelte-lyyxli{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.row.svelte-lyyxli>:where(.svelte-lyyxli){min-width:0}.size-lineheight-row.svelte-lyyxli{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.size-lineheight-row.svelte-lyyxli .label:where(.svelte-lyyxli){min-width:0}.input.svelte-lyyxli,.textarea.svelte-lyyxli{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;font-size:13px;outline:none;box-sizing:border-box;min-width:0;background:#fff}.color-field.svelte-lyyxli{display:flex;align-items:center;gap:8px}.color-picker.svelte-lyyxli{width:34px;height:28px;border:1px solid #e5e7eb;border-radius:6px;padding:0;background:#fff;cursor:pointer;flex:0 0 auto}.color-hex.svelte-lyyxli{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.textarea.svelte-lyyxli{resize:vertical;min-height:90px}.file.svelte-lyyxli{display:grid;gap:8px;font-size:13px}.btn.svelte-lyyxli{border:1px solid #d1d5db;background:#fff;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;color:#111827}.btn.svelte-lyyxli:disabled{opacity:.5;cursor:not-allowed}.btn.primary.svelte-lyyxli{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.btn.primary.svelte-lyyxli:hover:not(:disabled){background:#1e40af}.check.svelte-lyyxli{display:flex;gap:8px;align-items:center;font-size:13px;margin:8px 0}.meta.svelte-lyyxli{font-size:13px;color:#4b5563;margin-top:8px}.error.svelte-lyyxli{margin:0;color:#b00020;font-size:13px;line-height:1.4}.error-slot.svelte-lyyxli{min-height:44px;max-height:44px;display:flex;align-items:flex-start;overflow:auto}.main.svelte-lyyxli{display:grid;grid-template-rows:1fr auto;gap:16px;min-width:0}.preview.svelte-lyyxli{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:16px;height:clamp(340px,62vh,620px);min-height:340px;display:grid;place-items:center;overflow:hidden}.svgWrap.svelte-lyyxli{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.svgWrap.svelte-lyyxli svg{max-width:100%;max-height:100%;width:auto;height:auto;display:block}.empty.svelte-lyyxli{color:#666;font-size:14px;text-align:center;max-width:520px}.output.svelte-lyyxli{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px}.actions.svelte-lyyxli{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.outputHeader.svelte-lyyxli{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.code.svelte-lyyxli{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;resize:vertical;box-sizing:border-box}@media (max-width: 980px){.page.svelte-lyyxli{grid-template-columns:1fr}.panel.svelte-lyyxli{position:static;height:auto}.size-lineheight-row.svelte-lyyxli{grid-template-columns:1fr}}.seo-content.svelte-lyyxli{max-width:1100px;margin:2.5rem auto 3rem;padding:0 1rem;font-size:1rem;line-height:1.65;color:#111827}.seo-content.svelte-lyyxli h2:where(.svelte-lyyxli),.seo-content.svelte-lyyxli h3:where(.svelte-lyyxli){margin:1.5rem 0 .6rem;line-height:1.25}.seo-content.svelte-lyyxli p:where(.svelte-lyyxli){margin:.5rem 0}.tools-wrap.svelte-lyyxli{max-width:1100px;margin:0 auto;width:100%;padding:0 16px;box-sizing:border-box}.faq.svelte-lyyxli{margin-top:2rem}.faq.svelte-lyyxli details:where(.svelte-lyyxli){margin-top:.75rem;padding:.75rem;border:1px solid #eee;border-radius:12px;background:#fff}.faq.svelte-lyyxli summary:where(.svelte-lyyxli){cursor:pointer;font-weight:600}.faq.svelte-lyyxli details:where(.svelte-lyyxli) p:where(.svelte-lyyxli){margin-top:.6rem;line-height:1.6}