Woodworking Planer Snipe & Material Waste Estimator

This application is a specialized utility for woodworkers to accurately calculate the necessary rough length of lumber required to account for thickness planer snipe. By quantifying the expected loss, woodworkers can optimize their cut lists and prevent material shortages.

Core Features

• Project Parameter Input: Users can input target finished length, known machine snipe length (per end), and the number of boards required.
• Dynamic Calculation Engine: Real-time updates as the user modifies values. Displays total raw length needed per board and cumulative project lumber requirements.
• Waste Visualization: A clear breakdown showing the ratio of "Usable Length" vs "Waste Length" for visual confirmation.
• Clipboard Support: Ability to copy the final cut list or total material calculation to the system clipboard for use in other planning documents.
• Unit Conversion: Toggle between Imperial (inches) and Metric (millimeters) seamlessly.

UI Layout

• Header: A clean, minimalist header displaying the tool name with an unobtrusive instructional subtitle.
• Main Tool Area: A two-column grid layout (on desktop) that collapses into a single column on mobile.
  • Left Column (Configuration): Input fields with descriptive labels, slider options for quick adjustments, and unit toggles.
  • Right Column (Results): A visually distinct card displaying the "Total Required Length," "Estimated Waste Per Board," and a "Cut Guide" checklist.
• Interaction Design: Uses a high-contrast white and soft-gray palette with vibrant accent colors (e.g., a wood-grain orange) for action buttons. All inputs use rounded, subtle-shadowed fields consistent with modern SaaS UI design.

Visuals & Animations

• Smooth Transitions: Input fields use focused state scaling and border color transitions to guide user attention.
• Micro-interactions: Buttons provide tactile feedback through scale-down animations on click.
• Result Animation: Calculation outputs gently fade in and slide up when parameters are updated, providing a polished, fluid experience.

Developer Directives (Strict Compliance)

• Single File: The entire application must be contained in a single index.html file containing all CSS (in <style>) and JavaScript (in <script>).
• No Persistent Storage: Do not use localStorage, sessionStorage, or cookies. The state must be maintained exclusively in memory variables.
• Sandboxed Execution: The code must be compatible with a null-origin iframe environment. Use standard DOM manipulation; do not rely on browser-specific extensions or persistent APIs.
• External Libraries: Use only CDN-linked CSS (e.g., Tailwind via CDN) or font libraries (Google Fonts). Keep third-party dependency usage minimal to ensure load speed.
• Styling: Force a light-mode color palette. Do not implement dark mode. Use soft shadows (box-shadow), system fonts (e.g., Inter or system-ui), and generous whitespace.