Changelog

Upgraded the hero preview to a high-fidelity 'Cover Flow' carousel with progressive fade and 3D layering. Refined the background grid with asymmetric radial masking and adjusted layout margins for better content density.

Refactored all tool preview templates (Contrast, Ratio, Unit, etc.) to perfectly fit within the hero container with optimized internal spacing and flexible layouts.

Refactored the Input component with focus-visible for better accessibility, transition-colors for performance, and added support for disabled, error states, and aria-invalid.

Grouped canvas-related state and actions to reduce prop drilling and merged duplicate resize listeners into a unified handler.

Enhanced architecture with 20MB fast-fail limits and robust magic bytes validation for GIFs and videos.

Decoupled GifEditorHero from context and added staged validation feedback (e.g., 'Reading file...', 'Verifying signature...').

Added local file preview backdrop for instant visual feedback and implemented auto-clearing success states and ARIA status updates.

Fixed a layout issue where chat tags overlapped the philosophy headline on smaller screens by restricting sticky positioning to desktop viewports.

Restricted tool search logic to titles only, ensuring higher relevance and preventing over-inclusive results from body copy.

Optimized the Hero component with centralized parsing and added staggered Framer Motion entrance animations to the FeatureSections.

Aligned the 'ink merge' animation with the secondary button design system using scale-based expansion and theme-aware colors.

Redesigned the site footer for better visual hierarchy and added primary CTAs to drive engagement.

Expanded the tool catalog to a 3-column grid on large screens and implemented lazy loading and memoization to improve rendering efficiency.

Enhanced search logic with tool descriptions, re-enabled smooth animations, and added contextual 'no results' feedback.

Fixed SSR hydration mismatches, removed unused hooks, and streamlined the rendering pipeline for better stability.

Implemented custom-built range sliders and pill-toggle components to replace browser-default inputs for a more unified feel.

Updated the SVG Wave Generator to use centralized design system components (Button, Input, PillToggle, Slider) and refined interaction design for favorites.

Standardized circular pin buttons in the tool catalog, optimized PillToggle text alignment, and implemented text-balance to prevent orphans in titles.

Added page-transition links and optimized header navigation for smoother switching between tools.

Centralized all core UI components (Buttons, Inputs, Selects) and migrated to a semantic, variable-driven layout system.

Refined hover transitions, focus modes, and marker-selection effects across the entire tool library for better accessibility.

Applied centralized theme variables (var(--primary), var(--surface)) to all generator components for dark mode support.