Build Brand Instrument: 3D SVG Logo Deformer with Three.js

/goal Build Brand Instrument: a polished browser-based 3D creative instrument closely matching the attached reference image. Work autonomously through implementation, real-browser inspection, critique and fixes. Aim for a reviewable result within 3.5 hours, with a requested upper time budget of 4 hours. Record start time and check elapsed time between iterations. Finish earlier if the acceptance criteria are met. FIRST Inspect the reference and read project instructions. Verify that you can launch the app, interact with its browser and inspect actual screenshots. Save the available reference in the project for repeated comparison. If the reference or browser inspection is unavailable, report that immediately. Never invent visual verification. SCOPE One excellent M sculpture, chrome material and refined interaction. Use TypeScript, React, Vite and Three.js. Prefer WebGPURenderer with TSL and tested WebGL2 fallback. Adapt implementation where necessary while preserving real 3D. Separate geometry, motion, rendering and UI. No model API is needed at runtime. VISUAL TARGET Preserve the reference's flowing M, dense parallel silver plates, substantial volume, clean bevels, narrow gaps, broad white studio reflections, dark reflected bands, soft grounding shadow, white background and restrained black Manrope typography. The sculpture dominates the viewport. Improve physical coherence and usability without redesigning the art direction. The reference is an artistic target, never a texture used to fake the product. GEOMETRY AND MOTION Build volumetric plates with sufficient topology for local bending, driven by a controllable rig or guide curves. Dragging the right arm creates a smooth local fan/wave with anchored regions and coherent influence across neighboring plates. Release restores the rest configuration with stable, frame-rate-independent damped dynamics. Preserve believable thickness and limit extreme deformation. Keep normals, shadows and pointer picking consistent with the deformed surface. No screen-space displacement, flat-image warping, prerecorded hero video or screenshot stand-in. FUNCTIONS Working drag/release, camera orbit to inspect depth, spread adjustment, stiffness/damping controls, Reset and PNG export. Prioritize this core. Arbitrary SVG import, audio and extra modes are later work. Show only functional controls. ITERATION LOOP Implement a valuable change. Run the app and inspect real screenshots at consistent viewport/camera settings. Exercise drag, release, reset and export. Identify the three largest remaining visual or functional defects. Fix the most important defect and repeat. Save useful checkpoints and comparison images. Preserve the best working version. If repeated changes fail, change the approach. A successful build alone does not mean completion. ACCEPTANCE Recognizable sculptural M; crisp separated plates; convincing chrome; close reference composition. Smooth localized deformation and stable recovery without visible tearing or severe intersections. Actual volume confirmed from another camera angle. Working controls/export, no blocking console errors and successful build. Inspect motion through video or timed frame sequences. Measure performance in the available browser; report backend and hardware limitations. Aim for 60fps on desktop without claiming untested results. Do not weaken criteria or rely only on a self-assigned quality score. HANDOFF Reserve the final 15 minutes for validation and handoff. Preserve source, lockfile, startup instructions, best screenshot, deformed/restored states, another camera angle and motion evidence. Write REVIEW.md with completed checks, remaining visual gaps and next steps. At the time budget or a genuine blocker, save the best result and report unmet criteria honestly. Do not idle to consume time. Make routine decisions independently within project permissions. Do not publish publicly, purchase services or modify unrelated projects.