lukcy-draw/.serena/memories/code_style_and_conventions.md

Codebase uses modern React functional components with hooks (useState/useEffect) and JavaScript modules (no TypeScript). Styling is primarily TailwindCSS utility classes plus occasional inline style objects for bespoke effects. Components live in PascalCase files, hooks under src/hooks are camelCase and prefixed with use. Logic favors readable helper functions rather than large inline blocks, and comments are added sparingly for non-obvious behavior. Animations rely on Framer Motion controls so keep state-driven transitions pure and avoid direct DOM manipulation.