Sozlanmoqda: Video remeyk taqqoslashini ishga tushiring

Mendan so'rang: mahsulot nomim, logotipim (yoki oddiy belgi chizishingizga ruxsat bering), brend ranglarim (yoki ularni logotipimdan oling), foydalanuvchi so'rov oynasiga kiritadigan bir qatorli narsa, unga javob beradigan sahifa (sarlavha + bitta kalit ibora bilan 2-3 ta jumla), ustki qismli kartalar uchun ikkita xususiyat nomi va musiqiy trek. Agar birortasini o'tkazib yuborsam, standart sozlamalardan foydalaning: mahsulotning Whop markazida joylashgan "Frame by Frame" belgisi, vizör belgisi (qalin "FF" atrofida to'rtta burchak qavs), "Ilovam uchun ishga tushirish videosini yarating" so'rovi, "2.1 Malumotnomani tanlang" nomli dars sahifasi, "Ishga tushirish" va "Ovoz" kartalari va Mixkitning bepul "Rising Forest" xaus treki 124 BPM gacha sekinlashtirdi.

12 soniyali kvadrat mahsulot stingi, 1080x1080, kadr raqamlari 29.97 fps (f0–f359), master renderlash 59.94 fps. Olma asosiy hissiyoti: yumshoq, oq, yorqin ko'k, shishasimon. Kamera hech qachon harakatsiz kadrda kesmaydi: har bir kadr allaqachon harakatlanayotgan joyga kiradi (eksponensial yengillashtirish, har bir kadr uchun qolgan masofaning 12–19%) va tezlashayotgan harakat yoki xiralashish rampasida chiqib ketadi. Xiralashish har bir harakatda tezlik va yo'nalishni kuzatib boradi.
Palitra: mening brend ranglarim ushbu rollarga mos keladi; agar men hech narsa bermasam, #FDFDFB sahifasidan foydalaning, tuman #B7CFEB, muz #E6F0FA, chuqur ko'k #294376 → #769CC2 osmon gradienti, to'q ko'k #1E2F52, urg'u blues #2F6BFF / #3CC8F0 / yalpiz #4ED6A0, oq. Turi: Inter (400/500/600/700). Binafsha, binafsha, to'q qizil yoki to'q sariq ranglar yo'q.
Hikoya: mahsulot sarlavhasi yorug'likli ilova oynasi ichidagi ko'k tuman ichidan ko'tariladi → kursor ichkariga sirpanadi, qayerga ketayotganiga qaraydi, kursorni ushlab turganda kattalashadi va logotipni bosadi → musiqa ustiga qattiq kesilgan belgi xoch shaklidagi to'rtta kvadratli ilova belgisiga tushadi → belgi Mac menyu satriga tushadi → kursor menyu satri belgisini bosadi, muzlatilgan shisha oynasi chiqadi va ko'rsatma → javob sahifasiga och ko'k chiroq orqali yuqoriga egilib, joyiga o'tadi → uning ustida karta ko'tariladi → ulkan muzlatilgan shisha sarlavhalari bo'lgan ikkita to'plangan kartaga xiralashtirish-eritish → yolg'iz logotip diskiga xiralashtirish-eritish → yonib turgan so'z belgisi bo'lgan qora kartaga qattiq kesilgan belgi.
Taqiqlangan: o'zaro ta'sirlar, muzlatilgan freymlar (S7 da bitta ushlab turishdan tashqari), standart UI to'plamlari, UI matnida glows, Math.random, shablonga o'xshash har qanday narsa.

Koordinatalar 1080 sahnada px bilan belgilangan. Musiqiy ritm k = 0.048 + 0.4838·ks (124 BPM, bitta ritm = 14.5 kadr). Uchta qattiq kesim f72, f101, f159 ritmdan oldin 2 kadrni qo'yadi: ushbu aniq kadrlarni saqlang.
S1 f0–71, sarlavha + oyna + chertish: tuman #B7CFEB f28 tomonidan #FDFDFB ga o'chib, pastki qismida ko'k pol porlashi #DBEEFD ni saqlang. Sarlavha bitta qatorda: logotip disk ⌀132 (#FBFCFE, 1 piksel halqa #E8E8EA, to'q belgi), mahsulot nomi (Inter 500), "Whop" dagi to'q kapsulali tabletka (#2F2E2F, oq matn); butun qulflash x474–1063 ni qamrab oladi, markaziy chiziq y932 ga ko'tariladi (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), kadrda 1 piksel siljiydi. Nom f2 xira ko'rinadi, tabletka f4–5 juda xira va keskinlashganda 15 piksel chapga siljiydi. Yorug'lik markazi oynasi (radiusi 93, #FCFDFF to'ldirish, yuqori chiziq #F1F6FF, ichki qavatning ko'k porlashi) uning atrofida xiralashadi: shaffoflik 0 dan f14 gacha, 0.53 f15, 0.7 f19, 1.0 f24; yuqori chap burchak (408,405), o'ng va pastki qismdan o'tadi. Ichkarida: yuqori chiziqda qidiruv paneli, chap belgi ustuni (Kurslar belgisi (537,739 da), xira suhbat belgisi (537,900) da) va muqova tasviri, sarlavhasi va "Kurs · 8 dars" yozilgan (764,700) dan olingan kurs kartasi. Cursor (qora macOS o'qi, oq kontur, 32x39) f27 da (891,393) ko'rinadi, chapga sekinlashib (770,383) f44 ga siljiydi, sho'ng'ish paytida pastga-chapga f47–51 yo'nalishda aylanadi, diskning pastki o'ng burchagiga tushadi (629,564) f56 → (587,546) f59 → (555,531) f71; f56 dan kursorni ushlab turganda ×1.55 ga o'sadi; f53 dan disk atrofida yumshoq muz halqasi (#D5F3FF → #F7FEFF, tashqi ⌀174) yonadi. Kamera (540,540) atrofida kattalashtiradi: 1.0 f46 → 1.2 f60 sekinlashadi, f61 ni ushlab turadi, keyin kursor bosilganda f71 da 1.04 ga tezlashadi (f69–71 ni 15% qisqartiradi).
S2 f72–100, belgi + orbita: to'q ko'k dumaloq ilova belgisi (#294376 → #1E2F52, oq belgi), f72 nuqtada 276 piksel, f86 nuqtada 178 pikselgacha qisqaradi, radius kenglikning 28% ni tashkil qiladi, kulrang halqa diskda #E9E9E7 ⌀240 (f75) → 326 (f86) o'sib bormoqda. To'rtta 92 pikselli kvadrat (radius 26) soat miliga teskari yo'nalishda aylanadi, sekinlashadi va f86 nuqtada ≈216 orbita radiusida xochga mahkamlanadi: oq (1 piksel #E3E8EF chekkasi + xira soya) chap, #2F6BFF yuqori, #3CC8F0 o'ng, #4ED6A0 pastki. f88–100: belgi ≈40 pikselgacha tezlashib kichrayadi, kvadratlar o'ng tomondagi qatorga siljiydi (oq belgi orqasida siljiydi), xiralashish 0.3 → 6 piksel.
S3 f101–158, menyu paneli + ko'rsatma: qora noutbuk ramkasi ustidagi oq sahifa (y425–475, yuqori yoritgich #686866), to'q ko'k rangli menyu paneli (y477–538), pastdagi devor qog'ozi = ingichka oq chiziqli rasmli ko'k osmon gradiyenti (bitta katta doira, ikkita gorizontal chiziq, bitta vertikal, kesishgan joyda to'rt nuqtali uchqun, yuqori o'ngda yumshoq ko'k rang porlashi). Oq rangdagi menyu panelining o'ng tomonidagi klaster: Wi-Fi, batareya, tugmalar, x531–584 da mahsulot belgisi, x612, 661, 709 da uchta ⌀36 nuqta #2F6BFF / #3CC8F0 / #4ED6A0, "Dushanba, 22-iyun, soat 9:41" 34 piksel. Xiralashgan 3 pikselga o'tadi va f110 ga o'rnatiladi. Cursor pastdan ko'tariladi (f102), belgi ustiga o'tiradi, f113–117 tugmalarini bosadi. Kamera o'ng tomonda +125 piksel f115–130 (eng tezkor f118–120) kontentni panoramalaydi. Muzlatilgan shisha quti (osmon ustida oq-ko'k shisha, yorqin yuqori chet, radiusi 60) f116 belgisi ostidan chiqadi: kengligi f126 da 744 ga etadi va x196–922, y568–797 atrofida f138 ga 726x228 o'lchamda joylashadi. So'rov f121 (birinchi o'qiladigan "Make") dan f150 (tugallangan) gacha taxminan 1 belgi/kadrda har 2-3 belgida 1 kadrlik ushlab turish bilan teradi; kursor har doim yoniq; pastki qismida uchta oq kontur belgisi; oq yuqoriga yo'naltirilgan strelka bilan #2F6BFF ⌀51 yuborish tugmasi. f136 dan boshlab butun sahna yuqoriga siljiydi, qamchi shaklida tezlashadi (f158 kadrda ≈25 piksel harakatlanadi, vertikal xiralashtirish ≈6–8 piksel), sahifa esa f154–158 ustida #E6F4FE rangini o'zgartiradi.
S4 f159–186, javob sahifasi: yengil kurs dars sahifasi (non ushoqlari, sarlavha, asosiy qism): matn ustuni x120, asosiy qism 47 piksel Inter 400 kulrang #BCBCBA, satr oralig'i 58, bitta kalit ibora ("ramkaga ramka") qora rangda 600. U bulg'angan va 420 piksel pastda keladi, 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180) siljishlari bilan yuqoriga siljiydi, keyin f186 ga −6 piksel siljiydi. Xiralashtirish 24 piksel (f159) → 1.5 (f165) → 0. #E2F4FE ni f165 ga #FDFDFB ga o'chiradi. To'g'ri yuqoriga qaragan kursor varaqni harakatlantiradi va (≈(450,591) f180) kalit iborasi ostida to'xtaydi, so'ngra o'ngga siljiydi.
S5 f187–214, karta: oq karta (x203–878, pastki qismdan o'tadi) sahifa ustida ko'tariladi: muqova rasmi 627x536 ichki qism 24 piksel, radiusi 64, yuqori markazida yengil tortish paneli, yarim qalin sarlavha 38 piksel qora, pastki sarlavha kulrang 23 piksel. Muqova usti y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), keyin kadrda ~4 piksel yuqoriga siljiydi. Karta xiralashishi f189 da 3,8 pikselga cho'qqilaydi, f201 da aniqroq; orqadagi sahifa xiralashadi ≈2,5 pikselgacha. f207–214 dan chiqing: karta ~5% qisqaradi va butun kadr xiralashganda ko'tariladi 1 → 7 piksel; xiralashish cho'qqisida kesiladi.
S6 f215–244, ikkita karta: oq sahifa, x540 markazida joylashgan ikkita ustma-ust qo'yilgan 538x348 karta (radius 57, bo'shliq 36), yuqori karta y168 x f230, pastki qismi y552 da joylashgan. Har biri: muqova rasmi (ichiga matn qo'shilmagan), yuqori chapda muzlatilgan tabletka ("3-modul" / "5-modul"), yuqori o'ngda muzlatilgan dumaloq "•••" va pastki chetida muzlatilgan shishadan yasalgan ulkan qalin sarlavha (rasmning harflarga kesilgan, kartaning pastki chetidan kesilgan xira, ochilgan nusxasi): "Ishga tushirish" va "Ovoz". Ikkalasi ham xira 12 pikselga va f224 ga aniqlikka kiradi; yuqori karta 8% kattalikka kiradi va y264 dan ko'tariladi; pastki karta y927 dan ko'tariladi, uning orqasida qoqilib ketadi. Ular f230–238 kadrda 3 piksel yuqoriga siljiydi, keyin yuqoriga tezlashadi va kesimga xiralashadi.
S7 f245–300, logotipli disk: #FDFDFB sahifasi, qora belgisi bo'lgan ⌀168 #F6F6F6 disk, kesilgan ramkada vertikal dog' bilan markazga ko'tariladi (yuqori y569 f245 → 491 f250 → 468 f255 → 456 f269), f269–287 ni harakatsiz ushlab turadi (yagona muzlatilgan cho'zilish), keyin f300 da ⌀123 gacha tezlashib qisqaradi.
S8 f301–359, oxirgi karta: qora radial fon (burchaklar #020204, so'z atrofida ≈#272729), Inter 600 dagi so'z belgisi, oq #F3F3F5, zich porlash va keng yumshoq halo bilan, markazda (540,540). So'z kengligi: ≈1650 px f301 (gorizontal ravishda bulg'angan, kattalashtirish chiziqlari) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/kadr qisqarishi) → 492 f350, keyin qisqaradi: 450 f355 → 267 f359, xiralashish 3,5 px gacha ko'tariladi. Film o'rtasida qisqarish bilan tugaydi.

1. seek(t) tomonidan kadr raqamining sof funksiyasi sifatida chizilgan bitta HTML sahifasi, 1080x1080. CSS o'tishlari yo'q, taymerlar yo'q, Math.random yo'q (faqat urug'langan xeshlar). Kadrlar {f0, f1, render(localFrame)} sifatida qayd etiladi.
2. Har bir qiymat kadr raqamida uzluksiz (59.94 master yarim kadrlarni renderlaydi): kf(frame, [[f, value],...], ease) kalit kadr jadvallari va chiziqli interpolatsiyaga ega kadr boshiga qidiruv jadvallari bilan jonlantiring. Harakatda Math.floor funksiyasi yo'q.
3. Xiralashtirish: Dumaloq xiralashtirish uchun CSS filtri xiralashtirish, yo'nalishli surtishlar uchun alohida x/y stddeviation bilan SVG feGaussianBlur. Oxirgi kartadagi kattalashtirish surtish = so'zning 20–30 masshtablangan, xira nusxalari. Muzlatilgan shisha = orqadagi narsaning xira, ochroq nusxasi, shaklga kesilgan.
4. Cursor: aylanish va masshtabga ega bitta SVG macOS strelkasi (qora to'ldirish, oq kontur, yumshoq soya), S1, S3, S4 da qayta ishlatilgan.
5. Ovoz (ovozsiz), aniq 12.075 s: musiqa 124 BPM da, yumshoq kirish, pasayish 2.47 s da (5 ga teng, f72 kesimi uni 2 kadrga oldinda). Sintezlangan SFX: yumshoq zarba 0.10 s; 2.402, 3.370, 5.305, 10.043 s kesimlarda eng yuqori cho'qqilarga chiqadigan hushtaklar; o'tish aniq 6.240 s va 8.175 s da uriladi; 2.33 va 3.83 s da chertishlar; juda jim tugmalar 4.04–5.00 s davomida har ~32 ms da chertadi; 10.05 s da yumshoq porlash. −14 LUFS gacha Master, haqiqiy cho'qqi −1 dBTP, oxirgi 60 ms dan tashqari pasayish yo'q.
6. Playwright bilan render qiling (har bir kadr uchun bitta skrinshot, shriftlar avval yuklanadi), H.264 yuv420p ni 60000/1001 da kodlang, audioni multipleksorlang.

Matnni faqat shriftlar yuklangandan keyin o'lchang. Uzun mahsulot nomi 5 harfli nomga mos kelmaydi: butun blokirovkani (disk oralig'i, nom, planshet) x474–1063 oralig'iga moslashtiring, planshetning ramkadan tushib ketishiga yo'l qo'ymang. Oq orbitali kvadrat oq sahifada 1 pikselli chekkasiz va xira soyasiz yo'qoladi. S6 kartalariga o'z matni bo'lgan rasmlarni qo'ymang, aks holda shisha sarlavha ikki baravar ko'payadi. Kesilgan ramkalarni hatto bir joyda turmagan joylarda ham aniq saqlang. S7 f269–287 dan boshqa hech narsa qotib qolmaydi. Qattiq xira jadvallar shaklni butunlay o'chirib tashlashi mumkin: agar ramka bo'sh ko'rinsa, shakl hali ham o'qilguncha xiralikni pasaytiring.

Mendan ma'lumotlarni so'rang. Keyin to'liq filmni renderlashdan oldin menga 4 ta suratni ko'rsating (oynada f40 sarlavhasi, f86 belgisi kesishishi, f150 tugallangan satr, f230 ikkita karta).

Ask me for: my product name, a logo (or let you draw a simple mark), my brand colours (or pull them from my logo), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: my brand colours mapped onto these roles; if I give none, use page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

So'rov olingan joy post @notdwd.