Build a complete single-page web app called "Beam Deflection Studio".

The app should calculate and visualize beam deflection for common beam cases.

Requirements:
- Support simply supported and cantilever beams.
- Support point load, uniformly distributed load, and combined loading.
- Include inputs for span length, elastic modulus, moment of inertia, and load magnitude.
- Draw the beam, supports, loads, shear force diagram, bending moment diagram, and deflected shape.
- Show maximum deflection and maximum bending moment.
- Display units clearly.
- Include warnings for unrealistic or missing input values.
- Include reset and example buttons.
- Use standard elementary beam formulas.
- Use only HTML, CSS, and JavaScript in a single self-contained file.
- Do not use external libraries.
- The result should run by opening index.html in a browser.