.hero.svelte-134f7uj{padding:var(--space-3xl) 0 var(--space-xl) 0;border-bottom:1px solid var(--color-border)}.hero-number.svelte-134f7uj{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-134f7uj{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-134f7uj{font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-secondary);max-width:600px}.tool-section.svelte-134f7uj{padding:var(--space-2xl) 0}.toolbar.svelte-134f7uj{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-bottom:var(--space-lg)}.action-btn.svelte-134f7uj{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-134f7uj:hover{background:var(--color-text-primary);color:var(--color-bg)}.input-section.svelte-134f7uj{margin-bottom:var(--space-lg)}.input-panels.svelte-134f7uj{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.input-panel.svelte-134f7uj{border:1px solid var(--color-text-primary);display:flex;flex-direction:column}.panel-header.svelte-134f7uj{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-134f7uj{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary)}.format-btn.svelte-134f7uj{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}.format-btn.svelte-134f7uj:hover{opacity:.8}.json-textarea.svelte-134f7uj{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:vertical;outline:none;min-height:300px}.json-textarea.svelte-134f7uj::placeholder{color:var(--color-text-tertiary)}.error-message.svelte-134f7uj{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ef44441a;border:1px solid #ef4444;color:#ef4444;margin-bottom:var(--space-lg)}.error-icon.svelte-134f7uj{font-size:1.25rem}.diff-controls.svelte-134f7uj{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);margin-bottom:var(--space-lg)}.view-mode.svelte-134f7uj{display:flex;gap:var(--space-xs)}.mode-btn.svelte-134f7uj{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.5rem 1rem;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;text-transform:uppercase}.mode-btn.svelte-134f7uj:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.mode-btn.active.svelte-134f7uj{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary)}.diff-stats.svelte-134f7uj{display:flex;gap:var(--space-md)}.stat-item.svelte-134f7uj{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:.875rem}.stat-label.svelte-134f7uj{font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value.svelte-134f7uj{font-family:var(--font-mono);font-weight:700;font-size:1rem}.stat-item.added.svelte-134f7uj{color:#10b981}.stat-item.removed.svelte-134f7uj{color:#ef4444}.stat-item.unchanged.svelte-134f7uj{color:var(--color-text-tertiary)}.diff-output.svelte-134f7uj{border:1px solid var(--color-text-primary);margin-bottom:var(--space-xl)}.output-header.svelte-134f7uj{padding:var(--space-md);border-bottom:1px solid var(--color-text-primary);background:transparent}.output-label.svelte-134f7uj{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-primary)}.unified-view.svelte-134f7uj{padding:var(--space-md);overflow-x:auto}.diff-line.svelte-134f7uj{margin:0;padding:.25rem .5rem;font-family:var(--font-mono);font-size:.8125rem;line-height:1.6;border-left:3px solid transparent}.diff-line.svelte-134f7uj code:where(.svelte-134f7uj){font-family:inherit;font-size:inherit;white-space:pre}.diff-line.added.svelte-134f7uj{background:#10b9811a;border-left-color:#10b981;color:var(--color-text-primary)}.diff-line.removed.svelte-134f7uj{background:#ef44441a;border-left-color:#ef4444;color:var(--color-text-primary)}.diff-line.unchanged.svelte-134f7uj{color:var(--color-text-tertiary)}.split-view.svelte-134f7uj{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--color-border)}.split-panel.svelte-134f7uj{display:flex;flex-direction:column}.split-panel.svelte-134f7uj:first-child{border-right:1px solid var(--color-border)}.split-header.svelte-134f7uj{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-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:#00000005}.split-content.svelte-134f7uj{padding:var(--space-md);overflow-x:auto}.info-box.svelte-134f7uj{padding:var(--space-lg);border:1px solid var(--color-border);background:transparent}.info-title.svelte-134f7uj{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-134f7uj{font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--color-text-secondary)}.info-content.svelte-134f7uj p:where(.svelte-134f7uj){margin-bottom:var(--space-sm)}.info-content.svelte-134f7uj p:where(.svelte-134f7uj):last-child{margin-bottom:0}@media(max-width:1024px){.input-panels.svelte-134f7uj,.split-view.svelte-134f7uj{grid-template-columns:1fr}.split-panel.svelte-134f7uj:first-child{border-right:none;border-bottom:1px solid var(--color-border)}.diff-controls.svelte-134f7uj{flex-direction:column;align-items:stretch}.diff-stats.svelte-134f7uj,.toolbar.svelte-134f7uj{flex-direction:column}.action-btn.svelte-134f7uj{width:100%}}