Write a design pattern library document in a {{tone}} tone for {{target_audience}} in the {{industry}} industry. Use atomic design methodology with code-ready CSS specs that meet WCAG 2.1 AA. The design style is {{visual_style}} for progressive web apps built in Framer. Output these sections: Pattern Library Overview, Navigation Patterns (3), Data Display Patterns (3), Input & Form Patterns (3), Feedback & Status Patterns (3), Overlay Patterns (2), Implementation Notes. Each pattern must include name, use case, layout spec, states, code-ready CSS, and do's/don'ts. Keep under 1800 words. Use plain language. If a CSS value is uncertain, write 'skip this section if unknown'. Paste any relevant background information after these instructions before running.