.hero.svelte-1lfpslv{padding:var(--space-3xl) 0 var(--space-xl) 0;border-bottom:1px solid var(--color-border)}.hero-number.svelte-1lfpslv{font-family:var(--font-body);font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.15em;margin-bottom:var(--space-md);text-transform:uppercase}.hero-title.svelte-1lfpslv{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.05em;color:var(--color-text-primary);margin-bottom:var(--space-md)}.hero-description.svelte-1lfpslv{font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-secondary);max-width:600px}.tool-section.svelte-1lfpslv{padding:var(--space-2xl) 0}.toolbar.svelte-1lfpslv{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-bottom:var(--space-lg)}.action-btn.svelte-1lfpslv{font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.05em;padding:.75rem 1.5rem;background:transparent;color:var(--color-text-primary);border:1px solid var(--color-text-primary);cursor:pointer;transition:all .2s ease;text-transform:uppercase}.action-btn.svelte-1lfpslv:hover{background:var(--color-text-primary);color:var(--color-bg)}.workspace.svelte-1lfpslv{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.form-panel.svelte-1lfpslv,.output-panel.svelte-1lfpslv{border:1px solid var(--color-text-primary);display:flex;flex-direction:column}.panel-header.svelte-1lfpslv{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-text-primary);background:transparent}.panel-label.svelte-1lfpslv{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary)}.copy-btn.svelte-1lfpslv{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.5rem 1rem;background:var(--color-text-primary);color:var(--color-bg);border:none;cursor:pointer;transition:opacity .2s ease;text-transform:uppercase}.copy-btn.svelte-1lfpslv:hover{opacity:.8}.form-content.svelte-1lfpslv{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl);overflow-y:auto;max-height:800px}.form-section.svelte-1lfpslv{display:flex;flex-direction:column;gap:var(--space-md)}.section-title.svelte-1lfpslv{font-family:var(--font-body);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-text-primary)}.input-group.svelte-1lfpslv{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label.svelte-1lfpslv{font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.text-input.svelte-1lfpslv,.textarea-input.svelte-1lfpslv,.select-input.svelte-1lfpslv{font-family:var(--font-body);font-size:.875rem;padding:.75rem;background:transparent;color:var(--color-text-primary);border:1px solid var(--color-text-primary);outline:none}.text-input.svelte-1lfpslv::placeholder,.textarea-input.svelte-1lfpslv::placeholder{color:var(--color-text-tertiary)}.textarea-input.svelte-1lfpslv{resize:vertical;font-family:var(--font-body)}.input-hint.svelte-1lfpslv{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-tertiary)}.input-row.svelte-1lfpslv{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.output-content.svelte-1lfpslv{padding:var(--space-md);overflow-y:auto;flex:1}.placeholder.svelte-1lfpslv{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-tertiary);text-align:center;padding:var(--space-2xl)}.code-output.svelte-1lfpslv{margin:0;padding:0}.code-output.svelte-1lfpslv code:where(.svelte-1lfpslv){font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all}.preview-section.svelte-1lfpslv{border-top:1px solid var(--color-text-primary)}.preview-header.svelte-1lfpslv{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary);padding:var(--space-md);border-bottom:1px solid var(--color-border)}.preview-card.svelte-1lfpslv{margin:var(--space-md);border:1px solid var(--color-border);overflow:hidden}.preview-image.svelte-1lfpslv{width:100%;height:auto;aspect-ratio:1.91 / 1;object-fit:cover;display:block;background:#0000000d}.preview-content.svelte-1lfpslv{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.preview-site.svelte-1lfpslv{font-family:var(--font-body);font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--color-text-tertiary)}.preview-title.svelte-1lfpslv{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text-primary);line-height:1.3}.preview-description.svelte-1lfpslv{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.preview-url.svelte-1lfpslv{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase}.info-box.svelte-1lfpslv{padding:var(--space-lg);border:1px solid var(--color-border);background:transparent}.info-title.svelte-1lfpslv{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary);margin-bottom:var(--space-md)}.info-content.svelte-1lfpslv{font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}.info-content.svelte-1lfpslv p:where(.svelte-1lfpslv){margin-bottom:var(--space-sm)}.info-content.svelte-1lfpslv p:where(.svelte-1lfpslv):last-child{margin-bottom:0}@media(max-width:1024px){.workspace.svelte-1lfpslv,.input-row.svelte-1lfpslv{grid-template-columns:1fr}.toolbar.svelte-1lfpslv{flex-direction:column}.action-btn.svelte-1lfpslv{width:100%}}