Create a **single self-contained HTML file** that displays a...

Prompt

Create a **single self-contained HTML file** that displays an interactive **3D wool sock**. The object should be **only the sock itself**. There is **no foot, leg, mannequin, or human body inside it**. It should look like a real empty sock that naturally holds some of its shape. Requirements: - Use **HTML, CSS, and JavaScript in one single `.html` file**. - You may use Three.js or another browser-compatible 3D library via CDN. - Create an actual **3D sock model**, not a flat SVG or 2D illustration. - The user must be able to: - Click/touch and drag to rotate the sock freely. - Zoom in and out. - Inspect the sock from every angle. - The sock should be: - White / warm off-white. - Made from thick knitted wool. - Soft, fluffy, slightly fuzzy, and realistically textured. - Slightly imperfect and naturally shaped rather than perfectly symmetrical. - Empty, with a visible opening at the top. - Shaped realistically with a cuff, heel, sole, arch, and rounded toe. - Slightly bent or relaxed like a real sock lying without a foot inside it. - Add convincing wool detail using geometry, procedural textures, displacement/bump mapping, fibers, or another practical browser-rendering technique. - Individual knitted strands or loops should be visible when the camera gets close. - Avoid making the surface look like plastic, clay, rubber, or smooth fabric. - Use physically believable lighting with soft shadows and subtle ambient illumination. - Use a simple neutral studio background so the sock is the only visual focus. - Give the sock realistic depth and thickness around the top opening rather than making it look like a hollow paper shell. - The sock should cast a soft shadow. - Use anti-aliasing and good material settings. - Make the viewport responsive and fill the browser window. - Include smooth OrbitControls-style interaction. - Do not add menus, buttons, explanatory text, feet, shoes, branding, or unrelated objects. Prioritize **visual realism, wool texture, silhouette, and 3D inspectability** over unnecessary UI. The final response must contain the **complete working HTML document only**, starting with `<!DOCTYPE html>` and ending with `</html>`. Do not explain the code outside the HTML.

A system prompt was added to support web rendering