Make me a 12-second lofi pixel-art video that loops perfectly, 100% generated by code (a single HTML + Canvas file, zero assets, zero AI images). Scene: [POV through the window of a builder's desk in New York at night in the rain, with a desk, a laptop, stacks of cash, a steaming coffee and a cat sleeping on the windowsill] PIXEL ART STYLE - Draw at 960×540 and display at 2x (1080p), with no smoothing (image-rendering: pixelated) - Shading and gradients with Bayer dithering, using a color ramp per material (bricks, wood, metal, skin, fur…) - Warm/cool contrast: interior lit by an orange lamp, exterior in blue/purple - Lots of detail: a skyline with recognizable landmarks, lit windows, moon, clouds, objects on the desk, plants, a neon sign on the wall MOTION - Rain on 2 layers, drops sliding down the glass, windows switching on and off, drifting clouds, a plane, blinking beacons - Code scrolling on the screen, steam from the coffee, a notification on the phone, the cat breathing with its tail moving - Every motion is periodic over 12 s so the loop is invisible TECHNICAL - A deterministic renderFrame(t) function (seeded random) that bakes static elements only once - A Node + Playwright script that renders the 360 frames as PNGs, then ffmpeg → 1080p 30 fps MP4 - A lofi beat generated by code in a Node script → WAV: 80 BPM, 4 bars = 12 s, jazzy Rhodes chords, bass, swung drums, rain and vinyl crackle. Render 2 passes and keep the 2nd so the loop is clean - Mux the audio with ffmpeg, then make a long version with -stream_loop Show me 2-3 still frames first to approve the style before running the full render.