.hero.svelte-4ifslo{padding:var(--space-3xl) 0 var(--space-xl) 0;border-bottom:1px solid var(--color-border)}.hero-number.svelte-4ifslo{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-4ifslo{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-4ifslo{font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-secondary);max-width:600px}.tool-section.svelte-4ifslo{padding:var(--space-2xl) 0}.toolbar.svelte-4ifslo{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg)}.action-btn.svelte-4ifslo{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-4ifslo:hover{background:var(--color-text-primary);color:var(--color-bg)}.options.svelte-4ifslo{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);border:1px solid var(--color-border)}.option-group.svelte-4ifslo{display:flex;align-items:center;gap:var(--space-md)}.option-label.svelte-4ifslo{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.radio-group.svelte-4ifslo{display:flex;gap:var(--space-md)}.radio-option.svelte-4ifslo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}.radio-option.svelte-4ifslo input[type=radio]:where(.svelte-4ifslo){cursor:pointer}.checkbox-option.svelte-4ifslo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:.875rem;color:var(--color-text-secondary);cursor:pointer}.checkbox-option.svelte-4ifslo input[type=checkbox]:where(.svelte-4ifslo){cursor:pointer}.workspace.svelte-4ifslo{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.editor-panel.svelte-4ifslo{border:1px solid var(--color-text-primary);display:flex;flex-direction:column;min-height:400px}.panel-header.svelte-4ifslo{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-4ifslo{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary)}.convert-btn.svelte-4ifslo,.copy-btn.svelte-4ifslo{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}.convert-btn.svelte-4ifslo:hover,.copy-btn.svelte-4ifslo:hover{opacity:.8}.copy-btn.svelte-4ifslo:disabled{opacity:.3;cursor:not-allowed}.editor-textarea.svelte-4ifslo{flex:1;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;padding:var(--space-md);background:transparent;color:var(--color-text-primary);border:none;resize:none;outline:none}.editor-textarea.readonly.svelte-4ifslo{background:#00000005}.editor-textarea.svelte-4ifslo::placeholder{color:var(--color-text-tertiary)}.info-box.svelte-4ifslo{padding:var(--space-lg);border:1px solid var(--color-border);background:transparent}.info-title.svelte-4ifslo{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-4ifslo{font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}.info-content.svelte-4ifslo p:where(.svelte-4ifslo){margin-bottom:var(--space-sm)}.info-content.svelte-4ifslo p:where(.svelte-4ifslo):last-child{margin-bottom:0}@media(max-width:1024px){.workspace.svelte-4ifslo{grid-template-columns:1fr}.options.svelte-4ifslo{flex-direction:column;gap:var(--space-md)}}