primocode 10.13.0 → 10.14.1

package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/gerar_emojis.py

@@ -0,0 +1,11 @@
+"""Empacota os Lottie do Telegram (assets/emoji-animado-telegram/*.json) em lib/emojis.js
+para abrir por file:// sem fetch: window.EMOJI['u1f914'] = {...}. Rodar de novo ao baixar emoji novo."""
+import json
+from pathlib import Path
+AQUI = Path(__file__).parent
+SRC = AQUI.parent / "assets" / "emoji-animado-telegram"
+out = ["window.EMOJI = window.EMOJI || {};"]
+for f in sorted(SRC.glob("u*.json")):
+    out.append(f"EMOJI[{json.dumps(f.stem)}] = {f.read_text(encoding='utf-8')};")
+(AQUI / "lib" / "emojis.js").write_text("\n".join(out), encoding="utf-8")
+print(len(out) - 1, "emojis em lib/emojis.js")

package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/img/filmes/_indice.js

@@ -0,0 +1,122 @@
+window.FILMES_INFO = {
+"ai-neon-prompt": {
+"n": 42,
+"fps": 30,
+"w": 1000,
+"h": 562,
+"dur": 1.4,
+"som": false,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-15-youmotion-templates\\dados\\ai-opener-645723\\previa.mp4",
+"de": 4.3
+},
+"ai-opener-vertical": {
+"n": 120,
+"fps": 30,
+"w": 440,
+"h": 782,
+"dur": 4.0,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-15-youmotion-templates\\dados\\ai-opener-645723\\previa.mp4",
+"de": 4.0
+},
+"ask-ai-gemini": {
+"n": 102,
+"fps": 30,
+"w": 960,
+"h": 540,
+"dur": 3.4,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-15-youmotion-templates\\dados\\ask-ai-workflow-391546\\previa.mp4",
+"de": 1.0
+},
+"disney-arco": {
+"n": 102,
+"fps": 30,
+"w": 960,
+"h": 540,
+"dur": 3.4,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\07-videos\\projetos\\2026-10-16-processo-motion-100-ia\\assets\\produtos\\marcas\\disney-abertura-2011-sMyHnZ4lV54.mp4",
+"de": 21.9
+},
+"emoji-ui-vertical": {
+"n": 126,
+"fps": 30,
+"w": 470,
+"h": 834,
+"dur": 4.2,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-15-youmotion-templates\\dados\\emoji-ui-opener-195417\\previa.mp4",
+"de": 13.6
+},
+"generico-dub": {
+"n": 120,
+"fps": 30,
+"w": 1280,
+"h": 720,
+"dur": 4.0,
+"som": false,
+"fonte": "steventey-0d20e4-recriacao.mp4 (prompt-motion, 'feito por IA') 7,0-11,0 s",
+"de": 7.0
+},
+"glass-hub": {
+"n": 96,
+"fps": 30,
+"w": 960,
+"h": 540,
+"dur": 3.2,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-15-youmotion-templates\\dados\\ui-glass-interface-opener-552434\\previa.mp4",
+"de": 12.4
+},
+"illdari-telegram": {
+"n": 63,
+"fps": 30,
+"w": 912,
+"h": 912,
+"dur": 2.1,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-17-illdari-ui-motion\\midia\\06-Db0sh1OshFr.mp4",
+"de": 6.3
+},
+"illdari-upload": {
+"n": 60,
+"fps": 30,
+"w": 912,
+"h": 912,
+"dur": 2.0,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-17-illdari-ui-motion\\midia\\07-Db8VNNFMpsE.mp4",
+"de": 2.7
+},
+"liquid-mini": {
+"n": 72,
+"fps": 30,
+"w": 400,
+"h": 226,
+"dur": 2.4,
+"som": false,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-15-youmotion-templates\\dados\\liquid-glass-opener-820335\\previa.mp4",
+"de": 4.0
+},
+"roadster-voo": {
+"n": 71,
+"fps": 30,
+"w": 960,
+"h": 540,
+"dur": 2.367,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\07-videos\\projetos\\2026-10-16-processo-motion-100-ia\\assets\\produtos\\tesla-roadster\\tesla-The_Kickflip_Roadster-r5vsHHPVhJg.mp4",
+"de": 32.45
+},
+"smartphone-ui-vertical": {
+"n": 126,
+"fps": 30,
+"w": 470,
+"h": 834,
+"dur": 4.2,
+"som": true,
+"fonte": "<SUA_CENTRAL>\\05-pesquisa\\referencias\\2026-10-15-youmotion-templates\\dados\\ui-smartphone-interface-opener-962821\\previa.mp4",
+"de": 19.6
+}
+};

package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/base.js

@@ -0,0 +1,380 @@
+/* base.js — kit da Variação A (aprovada pelo autor em 17/10/2026). Tudo é função pura do tempo t (motor take-único).
+ *
+ * A IDEIA: a fala vira uma letra de música rolando. Uma coluna única de texto grande (General Sans 120 px, à esquerda);
+ * cada palavra nasce do desfoque no tempo exato da voz; ícones, logos, emojis e vídeos entram DENTRO da linha (a linha
+ * abre espaço); a coluna sobe sem corte e a fala anterior fica cinza e desfocada. Os arquivos p1a/p1b/p1c/p2 só
+ * EMPILHAM conteúdo na coluna, na ordem da fala, com `linhas(fala, [...])`; o main.js diagrama e anima.
+ *
+ *   linhas('06', [
+ *     'Passo um:',                                   // linha = texto separado por espaço (cada palavra consome 1 da fala)
+ *     'não existe',
+ *     ['a|vídeo', 'f|diferente', emoji('u1f914')],   // linha como lista: palavras com marcas + itens
+ *     { w: 'sem referência.', foco: 1000 },          // linha com opções (foco = altura na tela, gap = espaço antes)
+ *     janela('glass-hub', { som: true, ate: 33.4 }), // bloco: janela com vídeo (registra o som para o mix)
+ *   ]);
+ *
+ * Marcas de palavra (antes de "|"): a = azul (vídeo/estilo), o = terracota (IA/Claude), c = cinza, f = forte (chega
+ * maior e mais desfocada; use na palavra-chave). "100%#3" = a palavra mostrada vale 3 da fala ("cem por cento").
+ * Palavra que não é falada: palavra('texto', t).
+ * Itens dentro da linha: emoji(id) · logo(arquivo) · mini(filme) · icones([...]) · item({w, monta, seek}) (seu próprio).
+ *   Sem `t`, o item entra 0,17 s antes da palavra seguinte da linha (ou logo depois da anterior).
+ * Blocos (ocupam a largura da coluna): janela(filme|[filmes]) · duo(premium, generico) · cardClaude({...}) · bloco({h, monta, seek}).
+ *   Sem `t`, o bloco abre no fim da última palavra antes dele.
+ * Fora da coluna: cena(nome, t0, t1, monta, seek) numa camada por cima (#sobre); ocultaColuna(t0, t1) apaga a coluna.
+ * Som: ev(t, kind, pan, v) para efeitos (mapa padrão da Mesa; v 0,2–0,35 = sutil); janelas com som entram sozinhas no mix.
+ * Vídeo novo: python comp-a/video.py <fonte> --nome x --de 3 --dur 4 (quadros + som + índice).
+ *
+ * MODO PALCO (17/10, a partir de 29,6 s — ver o fim deste arquivo e o BRIEF-A.md): a tela é do ELEMENTO da frase e o texto
+ * vira legenda curta embaixo: legenda(fala, grupos) · palco(t0, t1, monta, seek) · passoHeroi(n, emoji, t0, t1) · pula(n).
+ */
+const { clamp, lerp, seg } = TK;
+const bz = TK.bezier;
+const W = 1080, H = 1920;
+const ILL = bz(0.16, 1, 0.3, 1), IO = bz(0.55, 0, 0.2, 1), ILLIN = bz(0.7, 0, 0.84, 0), POP = bz(0.2, 1.25, 0.3, 1);
+const AS = '../assets/', LOGO = n => (/[\/]/.test(n) ? n : AS + 'logos/' + n), FIL = 'img/filmes/';
+const LIN = [], CENAS = [], EVENTOS = [], VIDEOS = [], OCULTA = [], LOTS = [], FILMES = [];
+const FOCO = 1330;                       // altura padrão (na tela) da linha que está sendo dita
+const LH = 136;                          // altura da linha de texto
+
+// ── contrato com o mix e cenas ──
+const ev = (t, kind, pan = 0, v = 0.3) => { EVENTOS.push({ t: +(+t).toFixed(3), kind, pan, v }); return t; };
+const cena = (nome, t0, t1, monta, seek) => { const c = { nome, t0, t1, monta, seek }; CENAS.push(c); return c; };
+const ocultaColuna = (t0, t1, d = 0.45) => OCULTA.push({ t0, t1, d });
+
+// ── DOM ──
+function $(tag, cls, pai, css, html) { const e = document.createElement(tag); if (cls) e.className = cls; if (css) Object.assign(e.style, css); if (html != null) e.innerHTML = html; (pai || document.getElementById('palco')).appendChild(e); return e; }
+function tf(e, { x = 0, y = 0, s = 1, r = 0, op = 1, blur = 0 } = {}) {
+  e.style.transform = `translate(${x.toFixed(2)}px,${y.toFixed(2)}px) rotate(${r.toFixed(3)}deg) scale(${s.toFixed(4)})`;
+  const v = clamp(op); e.style.opacity = v.toFixed(4); e.style.filter = blur > 0.1 ? `blur(${blur.toFixed(2)}px)` : 'none';
+  e.style.visibility = v < 0.003 ? 'hidden' : 'visible';
+}
+const deriva = (t, k = 0, amp = 4) => ({ x: amp * Math.sin(t * 0.6 + k * 2.1), y: amp * 0.7 * Math.cos(t * 0.47 + k * 1.3) });
+
+// ── tempo das palavras ──
+const norm = s => s.toLowerCase().normalize('NFD').replace(/[̀-ͯ]/g, '').replace(/[^a-z0-9]/g, '');
+function PF(f, txt, k = 0, fim = false) {
+  if (typeof k === 'boolean') { fim = k; k = 0; }
+  const p = TEMPO.falas[f].palavras, alvo = norm(txt); let c = 0;
+  for (const w of p) if (norm(w.w) === alvo) { if (c++ === k) return fim ? w.e : w.s; }
+  c = 0; for (const w of p) if (norm(w.w).startsWith(alvo)) { if (c++ === k) return fim ? w.e : w.s; }
+  console.warn('palavra não achada', f, txt); return TEMPO.falas[f].t0;
+}
+const F0 = f => TEMPO.falas[f].t0, F1 = f => TEMPO.falas[f].t1, CN = n => TEMPO.cenas[n];
+
+// ── entradas (curva única do @illdari: rápida no começo, cauda longa, sem quique) ──
+function palavraVida(t, ts, forte) {
+  const u = seg(t, ts - 0.06, ts + (forte ? 0.42 : 0.30)), k = ILL(u);
+  return { op: clamp(u * 2.4), y: (1 - k) * (forte ? 10 : 30), s: forte ? lerp(1.16, 1, k) : lerp(0.93, 1, k), blur: Math.pow(1 - k, 2) * (forte ? 30 : 16) };
+}
+const nasce = (t, t0, d = 0.4) => { const u = seg(t, t0 - 0.04, t0 + d), k = ILL(u); return { u, k, op: clamp(u * 2.5), s: lerp(0.4, 1, POP(u)), y: (1 - k) * 30, blur: Math.pow(1 - k, 2) * 16 }; };
+
+// ── Lottie e filmes ──
+function emojiLot(pai, id, tam) {
+  const box = $('div', null, pai, { position: 'absolute', left: '0', top: '0', width: tam + 'px', height: tam + 'px' });
+  const d = EMOJI[id]; if (!d) { console.warn('emoji não achado', id); box.toca = () => 0; return box; }
+  const an = lottie.loadAnimation({ container: box, renderer: 'svg', loop: true, autoplay: false, animationData: JSON.parse(JSON.stringify(d)) });
+  const n = (d.op - d.ip) || 120; box.toca = (t, t0) => { const f = Math.max(0, t - t0) * (d.fr || 60); an.goToAndStop(f % n, true); }; LOTS.push(an); return box;
+}
+// filme = sequência de quadros de img/filmes/<nome>/ (feita pelo video.py); toca(t, t0, loop)
+function filme(pai, nome) {
+  const I = (window.FILMES_INFO || {})[nome] || { n: 1, fps: 30 }; if (!(window.FILMES_INFO || {})[nome]) console.warn('filme sem índice', nome);
+  const e = $('img', null, pai); e.decoding = 'sync'; e.src = `${FIL}${nome}/0001.jpg`;
+  const f = { e, nome, n: I.n, fps: I.fps || 30, dur: I.dur || I.n / 30, at: 1, toca(t, t0, loop = true) { let i = Math.floor((t - t0) * f.fps); i = loop ? ((i % f.n) + f.n) % f.n : clamp(i, 0, f.n - 1); i += 1; if (i !== f.at) { f.at = i; e.src = `${FIL}${nome}/${String(i).padStart(4, '0')}.jpg`; } } };
+  FILMES.push(f); return f;
+}
+const durFilme = nome => ((window.FILMES_INFO || {})[nome] || {}).dur || 3;
+
+// ── coluna: linhas e itens ──
+const FILA = {}; const filaDe = f => FILA[f] || (FILA[f] = TEMPO.falas[f].palavras.slice());
+function palavra(txt, t, marcas = '') { return { palavraLivre: true, txt, t, marcas }; }
+function tokPalavra(f, s) {
+  if (s.palavraLivre) return mkPal(s.txt, s.t, s.t + 0.3, s.marcas);
+  const m = s.match(/^([aocf]+)\|(.+)$/); let fl = m ? m[1] : '', txt = m ? m[2] : s, n = 1;
+  const mn = txt.match(/^(.*)#(\d+)$/); if (mn) { txt = mn[1]; n = +mn[2]; }
+  const ws = filaDe(f).splice(0, n);
+  if (!ws.length) { console.warn('a fala ' + f + ' acabou em', txt); return mkPal(txt, F1(f), F1(f) + 0.3, fl); }
+  if (n === 1 && norm(ws[0].w) !== norm(txt)) console.warn('palavra diferente da fala', f, txt, '≠', ws[0].w);
+  return mkPal(txt, ws[0].s, ws[ws.length - 1].e, fl);
+}
+const mkPal = (txt, s, e, fl) => ({ txt, s, e, c: fl.includes('a') ? 'az' : fl.includes('o') ? 'or' : fl.includes('c') ? 'cinza' : '', forte: fl.includes('f') });
+
+// item genérico dentro da linha: a linha abre `w` px e o item nasce ali. monta(dentro, it) · seek(t, it, k) (k = entrada 0–1)
+function item(o) { return Object.assign({ item: 'custom', w: 124 }, o); }
+function emoji(id, o = {}) {
+  return item(Object.assign({ w: 124, kind: 'pop',
+    monta(d, it) { it.lot = emojiLot(d, id, it.w); it.lot.style.top = '-6px'; },
+    seek(t, it) { const n = nasce(t, it.t); tf(it.in, { op: n.op, s: n.s, y: n.y, blur: n.blur }); it.lot.toca(t, it.t); } }, o));
+}
+function logo(arq, o = {}) {   // logo oficial (assets/logos/) que gira de leve ao entrar; o.gira = false para parado
+  return item(Object.assign({ w: 112, tam: 96, kind: 'pop', gira: true,
+    monta(d, it) { const im = $('img', null, d, { position: 'absolute', left: ((it.w - it.tam) / 2) + 'px', top: ((116 - it.tam) / 2) + 'px', width: it.tam + 'px', height: it.tam + 'px', objectFit: 'contain' }); im.src = LOGO(arq); },
+    seek(t, it) { const n = nasce(t, it.t); tf(it.in, { op: n.op, s: lerp(0.3, 1, n.k), r: it.gira ? lerp(-120, 0, n.k) + 6 * Math.sin((t - it.t) * 1.6) : 0, blur: n.blur * 1.1 }); } }, o));
+}
+function mini(nome, o = {}) {   // mini vídeo inline (sem som), em loop
+  return item(Object.assign({ w: 190, kind: 'mini',
+    monta(d, it) { const m = $('div', 'mini', d, { width: (it.w - 4) + 'px' }); it.f = filme(m, nome); },
+    seek(t, it) { const n = nasce(t, it.t); tf(it.in, { op: n.op, s: lerp(0.6, 1, n.k), blur: n.blur * 1.25 }); it.f.toca(t, it.t); } }, o));
+}
+// fila de ícones que nasce de um só e se abre (ex.: processo → ideia, Claude, voz, After Effects)
+// ics: [{emoji:'u1f4a1', fundo:'#FFF6DC'} | {logo:'claude-symbol.svg', tam:56} | {logo:'after-effects-icon.svg', cheio:true}]
+function icones(ics, o = {}) {
+  const passo = o.passo || 100;
+  return item(Object.assign({ w: 88 + passo * (ics.length - 1), kind: 'pop',
+    monta(d, it) { it.sqs = ics.map((ic, k) => { const q = $('div', 'sq', d, { left: '0px', zIndex: 20 - k, background: ic.fundo || '#fff' });
+      if (ic.emoji) { q.lot = emojiLot(q, ic.emoji, 76); q.lot.style.left = '6px'; q.lot.style.top = '6px'; }
+      else { const tam = ic.cheio ? 88 : (ic.tam || 56); const im = $('img', null, q, { left: ((88 - tam) / 2) + 'px', top: ((88 - tam) / 2) + 'px', width: tam + 'px', height: tam + 'px', objectFit: ic.cheio ? 'cover' : 'contain', transform: ic.cheio ? 'scale(1.16)' : '' }); im.src = LOGO(ic.logo); }
+      return q; }); },
+    seek(t, it) { tf(it.in, { op: 1 }); const n0 = nasce(t, it.t);
+      it.sqs.forEach((q, i) => { const ti = it.t + (i === 0 ? 0 : 0.22 + i * 0.09), ui = seg(t, ti - 0.04, ti + 0.42), ki = ILL(ui);
+        tf(q, { x: i === 0 ? 0 : lerp(0, i * passo, ki), op: i === 0 ? n0.op : clamp(ui * 3), s: i === 0 ? n0.s : lerp(0.85, 1, ki), blur: i === 0 ? n0.blur : Math.pow(1 - ki, 2) * 12, y: 2 * Math.sin((t + i) * 1.3) });
+        if (q.lot) q.lot.toca(t, it.t); }); } }, o));
+}
+
+// ── blocos (largura da coluna) ──
+// bloco genérico: bloco({h, t, foco, monta(el, B), seek(t, B)}) — el é o retângulo 912 × h dentro da coluna
+function bloco(o) { return Object.assign({ bloco: 'custom', h: 500 }, o); }
+function abreJanela(t, el, t0, { d = 0.55, ex = 1, lado = 6 } = {}) {   // a frase "abre" para o vídeo (recorte do centro + desfoque)
+  const u = seg(t, t0, t0 + d), k = ILL(u);
+  el.style.clipPath = `inset(${((1 - k) * 50).toFixed(2)}% ${((1 - k) * lado).toFixed(2)}% round 34px)`;
+  tf(el, { op: clamp(u * 3), s: lerp(0.93, 1, k) * ex, y: (1 - k) * 30, blur: Math.pow(1 - k, 2) * 22 });
+  return k;
+}
+// janela: um ou mais filmes (trocas = instantes de troca, pelo desfoque). som: true registra o som do vídeo para o mix;
+// trilha: 'para' (a música sai enquanto o vídeo toca; padrão quando tem som) ou 'segue'. alvo: LUFS do vídeo antes do master
+// (−20 sob a voz; −12,5 sem voz). ate: quando o som/quadro para (padrão: fim do último filme). quadrada: 912 × 912.
+function janela(filmes, o = {}) {
+  const lista = [].concat(filmes);
+  return Object.assign({ bloco: 'janela', h: o.quadrada ? 912 : 513, foco: o.quadrada ? 960 : 1000, som: false, trocas: [], alvo: -20, kind: 'abre',
+    monta(el, B) {
+      B.jan = $('div', 'janela', el, { background: B.fundo || '#111' });
+      B.vs = lista.map(n => ({ c: $('div', null, B.jan, { position: 'absolute', inset: '0' }) })); B.vs.forEach((v, i) => v.f = filme(v.c, lista[i]));
+      B.ini = lista.map((n, i) => (i === 0 ? B.t : B.trocas[i - 1] - 0.05));
+      B.fim = B.ate ?? (B.ini[lista.length - 1] + durFilme(lista[lista.length - 1]));
+      if (B.som) lista.forEach((n, i) => VIDEOS.push({ nome: n, t0: B.ini[i], t1: i < lista.length - 1 ? B.trocas[i] + 0.12 : B.fim, trilha: B.trilha || 'para', alvo: B.alvo }));
+    },
+    seek(t, B) {
+      abreJanela(t, B.jan, B.t, { lado: B.quadrada ? 8 : 6, ex: B.quadrada ? 1 + 0.025 * seg(t, B.t, B.t + 4) : 1 });
+      B.vs.forEach((v, i) => { v.f.toca(Math.min(t, i < B.vs.length - 1 ? B.trocas[i] + 0.2 : B.fim), B.ini[i], false);
+        if (B.vs.length > 1) { const xa = i > 0 ? seg(t, B.trocas[i - 1] - 0.12, B.trocas[i - 1] + 0.22) : 1, xb = i < B.vs.length - 1 ? seg(t, B.trocas[i] - 0.12, B.trocas[i] + 0.22) : 0;
+          const op = ILL(xa) * (1 - ILL(xb)), bl = Math.sin(Math.PI * xa) * 18 * (1 - ILL(xa)) + Math.sin(Math.PI * xb) * 18 + (i > 0 ? (1 - ILL(xa)) * 10 : 0);
+          tf(v.c, { op, blur: bl, s: i > 0 ? lerp(1.08, 1, ILL(xa)) * (1 + 0.06 * ILL(xb)) : 1 + 0.06 * ILL(xb) }); } });
+    } }, o);
+}
+// duo: premium × genérico lado a lado (dois cards verticais de 440 × h). O premium abre em t, o genérico em tG, e em tCinza
+// o genérico perde a cor e encolhe enquanto o premium cresce 3%. emojis: [premium, genérico] (Lottie, no canto de cada card)
+function duo(premium, generico, o = {}) {
+  return Object.assign({ bloco: 'duo', h: 600, emojis: ['u1f929', 'u1f971'], kind: 'abre',
+    monta(el, B) {
+      B.p = $('div', 'janela', el, { inset: 'auto', left: '0', top: '0', width: '440px', height: B.h + 'px' }); B.fp = filme(B.p, premium);
+      B.g = $('div', 'janela', el, { inset: 'auto', left: '472px', top: '0', width: '440px', height: B.h + 'px', background: '#fff' }); B.fg = filme(B.g, generico);
+      B.ep = emojiLot($('div', null, el, { position: 'absolute', left: '330px', top: '-46px', width: '130px', height: '130px', zIndex: 5 }), B.emojis[0], 130);
+      B.eg = emojiLot($('div', null, el, { position: 'absolute', left: '802px', top: '-46px', width: '130px', height: '130px', zIndex: 5 }), B.emojis[1], 130);
+      B.tG = B.tG ?? B.t + 0.75; B.tCinza = B.tCinza ?? B.tG + 2;
+      ev(B.tG, 'abre', 0.3, 0.25); ev(B.t + 0.3, 'pop', -0.3, 0.2); ev(B.tCinza + 0.1, 'pop', 0.3, 0.2);
+    },
+    seek(t, B) {
+      const kg = ILL(seg(t, B.tCinza, B.tCinza + 0.5));
+      abreJanela(t, B.p, B.t, { d: 0.5, lado: 0, ex: 1 + 0.03 * kg }); abreJanela(t, B.g, B.tG, { d: 0.5, lado: 0, ex: 1 - 0.03 * kg });
+      B.fp.toca(t, B.t); B.fg.toca(Math.min(t, B.tCinza + 0.6), B.tG);
+      B.fg.e.style.filter = `grayscale(${kg.toFixed(3)}) contrast(${(1 - 0.15 * kg).toFixed(3)})`; B.g.style.opacity = (parseFloat(B.g.style.opacity) * (1 - 0.35 * kg)).toFixed(3);
+      const pe = (el, t0) => { const n = nasce(t, t0); tf(el.parentNode, { op: n.op, s: n.s, y: n.y + 4 * Math.sin(t * 2), blur: n.blur * 0.9 }); el.toca(t, t0); };
+      pe(B.ep, B.t + 0.3); pe(B.eg, B.tCinza + 0.1);
+    } }, o);
+}
+// card do claude.ai preso ao cursor: o cursor traz o card da direita (inclinando pela velocidade), solta no espaço aberto,
+// digita o pedido, clica em enviar; a resposta corre em serifa e as ferramentas marcam. t = quando o card pousa (± 0,35 s).
+function cardClaude(o = {}) {
+  return Object.assign({ bloco: 'card', h: 700, foco: 1010, kind: 'carry', titulo: 'Reel 100% IA', modelo: 'Opus 5.5', saudacao: 'E aí, o que vamos criar hoje?',
+    pedido: 'faz o motion dessa narração no estilo do Reel de referência',
+    resposta: 'Bora. Vou montar a composição em HTML no motor take-único, com a voz, a trilha e cada palavra no tempo da fala.',
+    ferramentas: ['<i>▤</i>Leu <code>roteiro.md</code> e <code>tempo.json</code>', '<i>✎</i>Criou <code>index.html</code> · 25 linhas animadas', '<i>▶</i>Renderizou <code>previa.mp4</code>'],
+    monta(el, B) {
+      const c = B.card = $('div', 'card', el);
+      c.innerHTML = `<div class="top"><img src="${LOGO('claude-symbol.svg')}" style="width:30px;height:30px"><span class="marca">Claude</span><span class="tit"><b>${B.titulo}</b> &nbsp;·&nbsp; Claude Code ⌄</span></div>
+        <div class="saud"><img src="${LOGO('claude-symbol.svg')}"><span>${B.saudacao}</span></div><div class="msgU">${B.pedido}</div><div class="resp"></div>
+        <div class="ferr">${B.ferramentas.map(f => `<div>${f}</div>`).join('')}</div><img class="asterisco" src="${LOGO('claude-symbol.svg')}">
+        <div class="caixa"><div class="txt"></div><div class="mais">+</div><div class="mod">${B.modelo} ⌄</div><div class="env"><svg width="20" height="20" viewBox="0 0 20 20"><path d="M10 16V4M4.5 9.5 10 4l5.5 5.5" stroke="#fff" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div>`;
+      B.q = s => c.querySelector(s); B.ferr = [...c.querySelectorAll('.ferr > div')];
+      B.cur = $('div', 'cursor', el, null, '<svg viewBox="0 0 32 32" width="64" height="64"><path d="M7 3.5 L7 25.5 L12.4 20.4 L16 28.6 L19.6 27 L16.1 19 L23.6 19 Z" fill="#111" stroke="#fff" stroke-width="2" stroke-linejoin="round"/></svg>');
+      B.anel = $('div', 'anel', el);
+      const T = B.t - 0.36; B.T = T; B.PEGA = { x: 640, y: 36 }; B.ENV = { x: 853, y: 647 };
+      B.CK = [{ t: T, x: 1250, y: 1150 }, { t: T + 0.7, x: 640, y: 36 }, { t: T + 0.82, x: 644, y: 38 }, { t: T + 1.12, x: 853, y: 647 }, { t: T + 1.3, x: 853, y: 647 }, { t: T + 2.0, x: 1230, y: 900 }];
+      B.clique = T + 1.2; B.tResp = B.clique + 0.22; B.dResp = Math.max(0.8, B.resposta.length / 95);
+      ev(T + 0.25, 'carry', 0.4, 0.22); ev(B.clique, 'clique', 0.3, 0.45);
+    },
+    seek(t, B) {
+      const cam = (tt) => { const K = B.CK; if (tt <= K[0].t) return K[0]; for (let i = 0; i < K.length - 1; i++) { const a = K[i], b = K[i + 1]; if (tt <= b.t) { const k = (i === 0 ? ILL : IO)(seg(tt, a.t, b.t)); return { x: lerp(a.x, b.x, k), y: lerp(a.y, b.y, k) }; } } return K[K.length - 1]; };
+      const T = B.T, cur = cam(t), atr = cam(t - 0.07), vx = cur.x - atr.x, vy = cur.y - atr.y, pousa = ILL(seg(t, T + 0.65, T + 1.0)), chega = seg(t, T, T + 0.32);
+      tf(B.card, { x: lerp(atr.x - B.PEGA.x, 0, pousa), y: lerp(atr.y - B.PEGA.y, 0, pousa), r: (1 - pousa) * (clamp(vx * 0.05, -7, 7) - clamp(vy * 0.012, -2, 2)), s: lerp(0.9, 1, ILL(seg(t, T, T + 0.9))), op: chega, blur: (1 - ILL(chega)) * 14 });
+      const pr = Math.exp(-Math.pow((t - B.clique) / 0.05, 2));
+      tf(B.cur, { x: cur.x - 7, y: cur.y - 4, s: 1 - 0.16 * pr, op: seg(t, T, T + 0.15) * (1 - seg(t, T + 1.75, T + 2.0)) });
+      const ua = seg(t, B.clique, B.clique + 0.7), r = lerp(8, 70, ILL(ua));
+      Object.assign(B.anel.style, { visibility: ua > 0 && ua < 1 ? 'visible' : 'hidden', left: (B.ENV.x - r) + 'px', top: (B.ENV.y - r) + 'px', width: 2 * r + 'px', height: 2 * r + 'px', opacity: (0.75 * (1 - ua)).toFixed(3), borderWidth: lerp(4, 1, ua) + 'px' });
+      const nDig = Math.floor(clamp((t - (T + 0.42)) / 0.66) * B.pedido.length), enviou = t >= B.clique + 0.04;
+      B.q('.caixa .txt').innerHTML = enviou || nDig === 0 ? '<span class="ph">Responder ao Claude…</span>' : B.pedido.slice(0, nDig) + '<span style="display:inline-block;width:2px;height:28px;background:#141413;vertical-align:-5px;margin-left:1px"></span>';
+      const us = seg(t, B.clique - 0.02, B.clique + 0.3); tf(B.q('.saud'), { op: 1 - us, y: -40 * ILL(us), blur: us * 10 });
+      const ub = seg(t, B.clique + 0.04, B.clique + 0.4), kb = ILL(ub); tf(B.q('.msgU'), { op: clamp(ub * 3), y: (1 - kb) * 300, s: lerp(0.9, 1, kb), blur: (1 - kb) * 8 });
+      B.q('.resp').textContent = B.resposta.slice(0, Math.floor(clamp((t - B.tResp) / B.dResp) * B.resposta.length));
+      B.ferr.forEach((f, i) => { const ui = seg(t, B.tResp + B.dResp - 0.37 + i * 0.3, B.tResp + B.dResp - 0.07 + i * 0.3), ki = ILL(ui); tf(f, { op: ui, y: (1 - ki) * 12, blur: (1 - ki) * 6 }); });
+      const pensa = t > B.clique && t < B.tResp + B.dResp + 1.1;
+      tf(B.q('.asterisco'), { op: seg(t, B.clique + 0.1, B.clique + 0.3), r: pensa ? (t - B.clique) * 140 : 0, s: pensa ? 1 + 0.12 * Math.sin((t - B.clique) * 9) : 1 });
+    } }, o);
+}
+
+// ── API de empilhar: linhas(fala, [...], {gap, grupo}) ──
+// fala = '01'…; grupo = chave do apagamento (padrão = a fala; a fala anterior apaga quando o próximo grupo começa)
+function linhas(f, lista, o = {}) {
+  let primeira = true;
+  for (const ent of lista) {
+    let L;
+    if (ent && ent.bloco) L = Object.assign({ g: o.grupo || f, f }, ent);
+    else {
+      const op = (ent && !Array.isArray(ent) && typeof ent === 'object' && !ent.item && !ent.palavraLivre) ? ent : { w: ent };
+      const raw = [].concat(op.w).flatMap(x => (typeof x === 'string' ? x.split(/\s+/).filter(Boolean) : [x]));   // 'o seu' dentro de lista também vira 2 palavras
+      const w = raw.map(x => (typeof x === 'string' || x.palavraLivre) ? tokPalavra(f, x) : Object.assign({}, x));
+      // tempo dos itens sem t: 0,17 s antes da próxima palavra da linha; senão logo depois da anterior
+      w.forEach((x, i) => { if (!x.item || x.t != null) return; const nx = w.slice(i + 1).find(y => !y.item), pv = w.slice(0, i).reverse().find(y => !y.item);
+        x.t = nx ? nx.s - 0.17 : pv ? Math.max(pv.s + 0.15, pv.e - 0.04) : (LIN.length ? fimDe(LIN[LIN.length - 1]) : 0); });
+      L = Object.assign({ g: o.grupo || f, f }, op, { w });
+    }
+    if (primeira && o.gap != null && L.gap == null) L.gap = o.gap;
+    if (primeira && L.gap == null && LIN.length && LIN[LIN.length - 1].g !== L.g) L.gap = 70;
+    if (L.bloco && L.t == null) L.t = LIN.length ? fimDe(LIN[LIN.length - 1]) + 0.02 : 0;
+    if (o.some) L.some = o.some;
+    LIN.push(L); primeira = false;
+  }
+}
+const fimDe = L => L.bloco ? (L.t + 0.3) : Math.max(...L.w.map(x => (x.item ? x.t + 0.2 : x.e)));
+
+// ── marcador de passo (17/10): "Passo n de 4" pequeno no topo da tela durante o passo, com 4 traços (os feitos em azul) ──
+// contadorPasso(2, F0('10'), F0('14')) — entra pelo desfoque, o traço do passo acende; sai pelo desfoque no fim
+function contadorPasso(n, t0, t1, total = 4) {
+  return cena('passo-' + n, t0, t1, (r, c) => {
+    c.box = $('div', null, r, { position: 'absolute', left: '84px', top: '128px', display: 'flex', alignItems: 'center', gap: '22px', font: '600 34px/1 GS', color: 'rgba(19,19,19,.62)', letterSpacing: '-0.01em' }, `<span>Passo ${n} de ${total}</span>`);
+    const tr = $('div', null, c.box, { display: 'flex', gap: '8px' }); c.tr = [...Array(total)].map((_, i) => $('i', null, tr, { display: 'block', width: '40px', height: '7px', borderRadius: '4px', background: 'rgba(19,19,19,.14)', overflow: 'hidden', position: 'relative' }, i < n ? '<b style="position:absolute;inset:0;background:var(--az);border-radius:4px;transform-origin:0 50%"></b>' : ''));
+    ev(t0 + 0.1, 'pop', 0, 0.18);
+  }, (t, c) => {
+    const e = palavraVida(t, t0, false), s = sai(t, t1);
+    tf(c.box, { op: e.op * s.op, y: e.y * 0.5 + s.y, blur: e.blur + s.blur });
+    c.tr.forEach((q, i) => { const b = q.firstChild; if (!b) return; const k = i < n - 1 ? 1 : ILL(seg(t, t0 + 0.3, t0 + 0.9)); b.style.transform = `scaleX(${k.toFixed(3)})`; });
+  });
+}
+// saída pelo desfoque, acelerando (para cenas/peças que saem antes da coluna as levar)
+function sai(t, t1, d = 0.35, { dy = -30, blur1 = 20 } = {}) { const u = ILLIN(seg(t, t1 - d, t1)); return { u, op: 1 - u * u, y: u * dy, blur: u * blur1 }; }
+
+// ═══════════════════════════════ MODO PALCO (17/10, a partir de 29,6 s) ═══════════════════════════════
+// Retorno do autor: a coluna inteira virou "teleprompter". No modo palco a TELA É DO ELEMENTO que desenha a palavra-chave
+// da frase, e o texto vira LEGENDA CURTA no terço de baixo (só o grupo da vez; o anterior sai inteiro, sobe e desfoca).
+//
+//   legenda('07', ['Como você já deve saber,', 'não basta você ter', ['um super', 'f|prompt', emoji('u270d')], ...]);
+//   legenda('09');                                   // automático: corta por pontuação / ≤ 6 palavras / ≤ 30 letras
+//   legenda('09', null, { marcas: { referencia: 'af' }, itens: { gosto: emoji('u1f3a8') } });   // automático com cor e ícone
+//   palco(t0, t1, (el, P) => { ...monta... }, (t, P) => { ...anima... });   // elemento da frase (área y 200–1300)
+//   palco(t0, t1, promptRefs({ tRef }), { y: 760 });                       // um bloco do kit (janela, duo, cardClaude, bloco) no palco
+//   palco(t0, t1, monta, seek, { esc: 1.25 });                              // peça 25% maior (17/10: palco grande, centro real ≈ y 820)
+//   passoHeroi(1, 'u1f50d', t0, t1, { ate: F0('10') });                    // emoji grande + nº do passo, tela limpa; depois o contador
+//   legenda('06', [pula(2), ...])                                            // "Passo um:" é dito no herói, sem legenda
+//
+// Grupos de legenda: mesmas marcas e itens da coluna (a| o| c| f|, 100%#3, emoji(), logo()...), os ícones saem a 66%.
+// Cada grupo entra palavra a palavra pelo desfoque e sai inteiro quando o próximo grupo começa (ou 1 s depois da última
+// palavra). ≤ 2 linhas (o confere avisa). Palco: a peça entra pelo desfoque (escala 0,94 → 1) e sai pelo desfoque; use
+// { entra: false } / { sai: false } quando a peça anima a própria entrada/saída ou VIRA a próxima (morph). O palco inteiro
+// tem câmera viva (deriva + zoom lento). PALCO_Y = centro do palco (760). Durante um passoHeroi, legenda e palco somem.
+// A coluna (modo letra, 0–29,6 s) some com ocultaColuna(t0, t1) nos trechos em modo palco.
+const LEGS = [], PALCOS = [], HEROIS = [], SILENCIO = [];
+const PALCO_Y = 760, PALCO_DY = 60, LEG_Y = 1530, LEG_ESC = 0.66;   // o palco desenha em volta de PALCO_Y; o kit desce tudo PALCO_DY (centro real ≈ 820, perto da legenda)
+const pula = n => ({ pula: n });   // na legenda: n palavras faladas que não aparecem (ex.: "Passo um:" no herói do passo)
+function partirFala(f, maxPal = 6, maxCar = 30) {
+  const ws = TEMPO.falas[f].palavras, gs = []; let g = [];
+  ws.forEach((w, i) => { g.push(w.w); const len = g.join(' ').length, pont = /[,.:;?!]$/.test(w.w);
+    if ((pont && g.length >= 2) || g.length >= maxPal || len >= maxCar || i === ws.length - 1) { gs.push(g.join(' ')); g = []; } });
+  return gs;
+}
+function legenda(f, grupos, o = {}) {
+  if (!grupos) grupos = partirFala(f, o.maxPal, o.maxCar).map(s => s.split(' ').flatMap(p => { const k = norm(p), mk = (o.marcas || {})[k], it = (o.itens || {})[k];
+    const w = mk ? mk + '|' + p : p; return it ? [w, Object.assign({}, it)] : [w]; }));
+  grupos.forEach(gr => {
+    const raw = [].concat(gr).flatMap(x => (typeof x === 'string' ? x.split(/\s+/).filter(Boolean) : [x]));
+    if (raw.length && raw.every(x => x.pula)) { raw.forEach(x => filaDe(f).splice(0, x.pula)); return; }   // pula(n) sozinho: palavras faladas sem legenda
+    const w = raw.filter(x => !(x.pula && filaDe(f).splice(0, x.pula))).map(x => (typeof x === 'string' || x.palavraLivre) ? tokPalavra(f, x) : Object.assign({}, x));
+    w.forEach((x, i) => { if (!x.item || x.t != null) return; const nx = w.slice(i + 1).find(y => !y.item), pv = w.slice(0, i).reverse().find(y => !y.item);
+      x.t = nx ? nx.s - 0.17 : pv ? Math.max(pv.s + 0.15, pv.e - 0.04) : 0; });
+    LEGS.push({ f, w, t0: Math.min(...w.map(x => (x.item ? x.t : x.s))) - 0.06, fim: Math.max(...w.map(x => (x.item ? x.t + 0.3 : x.e))), y: o.y ?? LEG_Y });
+  });
+  if (o.ate) LEGS[LEGS.length - 1].ate = o.ate;   // o último grupo sai até `ate` (ex.: antes da próxima cena)
+}
+function palco(t0, t1, monta, seek, o = {}) {
+  if (monta && monta.bloco) { const B = monta; o = seek || {}; B.t = B.t ?? t0 + 0.02;
+    return palco(t0, t1, (el, P) => { P.box = $('div', 'bloco', el, { left: '84px', top: ((o.y ?? PALCO_Y) - B.h / 2) + 'px', height: B.h + 'px' }); B.monta && B.monta(P.box, B); if (B.kind) ev(B.t, B.kind, 0, 0.25); },
+      (t, P) => B.seek && B.seek(t, B), Object.assign({ entra: false }, o)); }
+  const P = Object.assign({ t0, t1, monta, seek, entra: true, sai: true, esc: 1 }, o); PALCOS.push(P); return P;   // esc: cresce a peça em volta de (540, PALCO_Y)
+}
+function passoHeroi(n, emojiId, t0, t1, o = {}) {
+  const H = Object.assign({ n, emojiId, t0, t1 }, o); HEROIS.push(H); SILENCIO.push([t0, t1]);
+  if (o.ate) contadorPasso(n, t1 - 0.05, o.ate);
+  ev(t0 + 0.05, 'abre', 0, 0.3); ev(t0 + 0.35, 'pop', 0.2, 0.25);
+  return H;
+}
+// motor do modo palco (o main.js chama monta/medir/seek)
+window.PALCO_KIT = {
+  monta(sobre) {
+    this.lp = $('div', null, sobre, { position: 'absolute', inset: '0', transformOrigin: '540px 760px' });
+    this.lh = $('div', null, sobre, { position: 'absolute', inset: '0' });
+    this.ll = $('div', null, sobre, { position: 'absolute', inset: '0' });
+    PALCOS.forEach(P => { P.raiz = $('div', null, this.lp, { position: 'absolute', inset: '0', transformOrigin: `540px ${PALCO_Y}px` }); P.monta && P.monta(P.raiz, P); });
+    HEROIS.forEach(H => {
+      H.raiz = $('div', null, this.lh, { position: 'absolute', inset: '0' });
+      H.em = $('div', null, H.raiz, { position: 'absolute', left: (540 - 210) + 'px', top: (860 - 210) + 'px', width: '420px', height: '420px' }); H.lot = emojiLot(H.em, H.emojiId, 420);
+      H.badge = $('div', null, H.raiz, { position: 'absolute', left: (540 + 120) + 'px', top: (860 - 290) + 'px', width: '200px', height: '200px', borderRadius: '50%', background: 'var(--az)', color: '#fff', display: 'grid', placeItems: 'center', font: '700 136px/1 GS', letterSpacing: '-0.04em', boxShadow: '0 30px 60px -16px rgba(47,85,244,.55)' }, String(H.n));
+      if (H.rotulo) H.rot = $('div', null, H.raiz, { position: 'absolute', left: '0', right: '0', top: '1180px', textAlign: 'center', font: '600 72px/1 GS', letterSpacing: '-0.035em', color: 'var(--tinta)' }, H.rotulo);
+    });
+    LEGS.forEach((G, i) => {
+      const nx = LEGS[i + 1]; G.t1 = G.ate ?? (nx && nx.t0 - G.fim < 1.4 ? nx.t0 + 0.08 : G.fim + 1.0);
+      G.el = $('div', null, this.ll, { position: 'absolute', left: '60px', width: '960px', top: '0', textAlign: 'center', font: '600 80px/96px GS', letterSpacing: '-0.035em', color: 'var(--tinta)' });
+      G.w.forEach(w => {
+        if (!w.item) { w.el = $('span', 'p' + (w.c ? ' ' + w.c : ''), G.el, null, w.txt); return; }
+        w.el = $('span', 'it', G.el, { width: '0px', height: (116 * LEG_ESC) + 'px', marginTop: '-8px' });
+        const esc = $('div', null, w.el, { position: 'absolute', left: '0', top: '0', transformOrigin: '0 0', transform: `scale(${LEG_ESC})` });
+        w.in = $('div', null, esc, { position: 'absolute', left: '0', top: '0', width: w.w + 'px', height: '116px' });
+        w.monta && w.monta(w.in, w); if (w.kind && w.som !== false) ev(w.t, w.kind, 0, w.v ?? 0.2);
+      });
+    });
+  },
+  medir() { LEGS.forEach(G => { G.w.forEach(w => { if (w.item) w.el.style.width = (w.w * LEG_ESC + 4) + 'px'; }); const h = G.el.offsetHeight; G.el.style.top = (G.y - h / 2).toFixed(0) + 'px';
+    if (h > 96 * 2 + 8) console.warn('legenda com mais de 2 linhas (' + Math.round(h / 96) + ')', G.w.map(w => w.txt || w.item).join(' ')); G.w.forEach(w => { if (w.item) w.el.style.width = '0px'; }); }); },
+  seek(t) {
+    let sil = 0; for (const [a, b] of SILENCIO) sil = Math.max(sil, ILL(seg(t, a - 0.25, a + 0.1)) * (1 - ILL(seg(t, b - 0.1, b + 0.3))));
+    // câmera viva do palco: deriva lenta + respiração de escala
+    this.lp.style.transform = `translate(${(5 * Math.sin(t * 0.41)).toFixed(2)}px,${(PALCO_DY + 4 * Math.cos(t * 0.33)).toFixed(2)}px) scale(${(1.01 + 0.012 * Math.sin(t * 0.23)).toFixed(4)})`;
+    this.lp.style.opacity = (1 - sil).toFixed(3); this.ll.style.opacity = (1 - sil).toFixed(3);
+    PALCOS.forEach(P => { const vis = t >= P.t0 - 0.6 && t < P.t1 + 0.6; P.raiz.style.display = vis ? '' : 'none'; if (!vis) return;
+      const e = P.entra ? nasce(t, P.t0, 0.5) : { op: 1, s: 1, y: 0, blur: 0, k: 1 }, s = P.sai ? sai(t, P.t1, 0.4, { dy: -40, blur1: 24 }) : { op: 1, y: 0, blur: 0, u: 0 };
+      tf(P.raiz, { op: e.op * s.op, s: P.esc * (P.entra ? lerp(0.94, 1, e.k) : 1) * (1 + 0.04 * s.u), y: (P.entra ? (1 - e.k) * 24 : 0) + s.y, blur: e.blur + s.blur });
+      P.seek && P.seek(t, P); });
+    HEROIS.forEach(H => { const vis = t >= H.t0 - 0.3 && t < H.t1 + 0.6; H.raiz.style.display = vis ? '' : 'none'; if (!vis) return;
+      const e = nasce(t, H.t0, 0.55), s = sai(t, H.t1, 0.4, { dy: -60, blur1: 30 });
+      tf(H.em, { op: e.op * s.op, s: lerp(0.3, 1, POP(seg(t, H.t0 - 0.04, H.t0 + 0.55))) * (1 + 0.15 * s.u) * (1 + 0.015 * Math.sin((t - H.t0) * 3)), y: e.y + s.y, blur: e.blur + s.blur }); H.lot.toca(t, H.t0);
+      const b = seg(t, H.t0 + 0.25, H.t0 + 0.65); tf(H.badge, { op: clamp(b * 3) * s.op, s: lerp(0.2, 1, POP(b)), r: lerp(-25, 0, ILL(b)), y: s.y * 1.2, blur: Math.pow(1 - ILL(b), 2) * 14 + s.blur });
+      if (H.rot) { const r = palavraVida(t, H.t0 + 0.35, true); tf(H.rot, { op: r.op * s.op, y: r.y + s.y, s: r.s, blur: r.blur + s.blur }); } });
+    LEGS.forEach(G => { const vis = t >= G.t0 - 0.1 && t < G.t1 + 0.4; G.el.style.display = vis ? '' : 'none'; if (!vis) return;
+      const s = sai(t, G.t1, 0.32, { dy: -46, blur1: 22 }); tf(G.el, { op: s.op, y: s.y, blur: s.blur });
+      G.w.forEach(w => { if (!w.item) { tf(w.el, palavraVida(t, w.s, w.forte)); return; }
+        const ab = ILL(seg(t, w.t - 0.12, w.t + 0.30)); w.el.style.width = (ab * (w.w * LEG_ESC + 4)).toFixed(1) + 'px'; w.el.style.marginRight = (ab * 16).toFixed(1) + 'px'; w.seek && w.seek(t, w); }); });
+  },
+};
+
+
+// ═══ GANCHO / APRESENTAÇÃO (17/10, rodada C) ═══
+// golpe(t, forca): soco de câmera no quadro inteiro (escala que salta e assenta) — no impacto da abertura e no fim de trailer.
+// flash(t): clarão branco de câmera + som de obturador — a apresentação acabou, começa o tutorial.
+// linhas(fala, [...], { some: t }): as linhas dessa fala somem inteiras (desfoque) até `t` (o gancho sai de cena).
+const GOLPES = [];
+const golpe = (t, forca = 1) => { GOLPES.push({ t, forca }); return t; };
+// o: { som: false (sem obturador; o som vem de outro lugar), max: 0–1 (clarão mais fraco), dec: decaimento, forca: soco }
+function flash(t, o = {}) {
+  if (o.som !== false) ev(t, 'obturador', 0, o.v ?? 0.6);
+  golpe(t, o.forca ?? 0.5);
+  const max = o.max ?? 1, dec = o.dec ?? 5.5;
+  return cena('flash', t - 0.2, t + 0.9, (r, c) => { c.w = $('div', null, document.getElementById('palco'), { position: 'absolute', inset: '0', background: '#fff', zIndex: 95, pointerEvents: 'none', opacity: '0' }); },
+    (tt, c) => { const op = max * (tt < t ? ILL(seg(tt, t - 0.07, t)) : Math.exp(-(tt - t) * dec)); c.w.style.opacity = clamp(op).toFixed(3); c.w.style.visibility = op < 0.003 ? 'hidden' : 'visible'; });
+}

package/lib/estudio/dados/projetos-ae/processo-motion-100-ia/comp-a/js/main.js

@@ -0,0 +1,86 @@
+/* main.js — diagrama a coluna (LIN, empilhada pelos p*.js), anima a câmera que nunca para e cumpre o contrato do motor
+ * take-único: window.__seek / __ready / __meta / __events (com .videos = trechos de som dos vídeos mostrados, para o mix). */
+(function () {
+  const palco = document.getElementById('palco'), col = document.getElementById('col'), vista = document.getElementById('vista'), sobre = document.getElementById('sobre');
+  const Q = new URLSearchParams(location.search);
+  const DUR = Q.has('ate') ? parseFloat(Q.get('ate')) : (window.DUR_PARTE || TEMPO.dur);
+  // fundo: branco quente com duas luzes muito fracas que derivam (azul e terracota)
+  const luzA = $('div', 'luz', palco, { width: '1300px', height: '1300px', left: '-420px', top: '-380px', background: 'radial-gradient(closest-side, rgba(47,85,244,.10), rgba(47,85,244,0))' });
+  const luzB = $('div', 'luz', palco, { width: '1400px', height: '1400px', left: '260px', top: '900px', background: 'radial-gradient(closest-side, rgba(217,119,87,.13), rgba(217,119,87,0))' });
+  palco.insertBefore(luzB, palco.firstChild); palco.insertBefore(luzA, palco.firstChild);
+
+  // ── diagrama: y de cada linha/bloco; t0 de cada um ──
+  let y = 0;
+  LIN.forEach((L, i) => {
+    y += i === 0 ? 0 : (L.gap ?? (L.bloco || LIN[i - 1].bloco ? 44 : 0));
+    L.y = y; L.h = L.h || LH; y += L.h;
+    L.t0 = L.bloco ? L.t : Math.min(...L.w.map(w => (w.item ? w.t : w.s)));
+  });
+  // grupo seguinte (para apagar): instante em que o próximo grupo começa
+  LIN.forEach((L, i) => { const nx = LIN.slice(i + 1).find(M => M.g !== L.g); L.apaga = nx ? nx.t0 : 1e9; });
+  // DOM
+  LIN.forEach(L => {
+    if (L.bloco) { L.el = $('div', 'bloco', col, { top: L.y + 'px', height: L.h + 'px' }); L.monta && L.monta(L.el, L); if (L.kind) ev(L.t, L.kind, 0, 0.25); return; }
+    L.el = $('div', 'linha', col, { top: L.y + 'px' });
+    L.w.forEach(w => {
+      if (!w.item) { w.el = $('span', 'p' + (w.c ? ' ' + w.c : ''), L.el, null, w.txt); return; }
+      w.el = $('span', 'it', L.el, { width: '0px' });
+      w.in = $('div', null, w.el, { position: 'absolute', left: '0', top: '0', width: w.w + 'px', height: '116px' });
+      w.monta && w.monta(w.in, w); if (w.kind && w.som !== false) ev(w.t, w.kind, 0, w.v ?? 0.22);
+    });
+  });
+  if (window.PALCO_KIT) PALCO_KIT.monta(sobre);   // modo palco (base.js): palco, herói do passo, legenda curta
+  CENAS.forEach(c => { c.raiz = $('div', 'cena', sobre); c.monta && c.monta(c.raiz, c); });
+  const medeLinhas = () => LIN.forEach(L => { if (L.bloco) return; const fim = L.el.lastChild; const larg = L.w.reduce((a, w) => a + (w.item ? w.w + 22 : w.el.offsetWidth + 29), 0) - 29;
+    if (larg > 936) console.warn('linha larga (' + Math.round(larg) + ' px > 936)', L.w.map(w => w.txt || w.item).join(' ')); });
+
+  // ── câmera: a coluna sobe até a linha da vez com a curva única e cauda longa; nunca para (deriva lenta) ──
+  const ALVOS = LIN.map(L => ({ t: L.t0 - 0.12, v: (L.y + L.h / 2) - (L.foco ?? FOCO) }));
+  function camY(t) { if (!ALVOS.length) return 0; let v = ALVOS[0].v; for (let i = 1; i < ALVOS.length; i++) { const a = ALVOS[i]; if (t < a.t) break; v += (a.v - ALVOS[i - 1].v) * ILL(seg(t, a.t, a.t + 0.62)); } return v; }
+  // (a soma para no primeiro alvo futuro: alvos estão em ordem de tempo; se não estiverem, o diagrama avisa)
+  ALVOS.forEach((a, i) => { if (i && a.t < ALVOS[i - 1].t - 0.01) console.warn('linha fora de ordem no tempo', LIN[i]); });
+
+  function seek(t) {
+    const base = camY(t), cy = base + 2.5 * Math.sin(t * 0.6) + 0.35 * t, cx = 4 * Math.sin(t * 0.37 + 1);
+    col.style.transformOrigin = `456px ${(cy + 960).toFixed(1)}px`;   // gira em torno do centro da TELA (com origem no topo da coluna, 0,25° deslocava a letra ~100 px no fim)
+    col.style.transform = `translate(${cx.toFixed(2)}px,${(-cy).toFixed(2)}px) rotate(${(0.25 * Math.sin(t * 0.29)).toFixed(3)}deg)`;
+    luzA.style.transform = `translate(${(60 * Math.sin(t * 0.21)).toFixed(1)}px,${(40 * Math.cos(t * 0.17)).toFixed(1)}px)`;
+    luzB.style.transform = `translate(${(-70 * Math.sin(t * 0.19 + 2)).toFixed(1)}px,${(-50 * Math.cos(t * 0.23)).toFixed(1)}px)`;
+    // coluna oculta (cenas de tela cheia)
+    let oc = 0; for (const o of OCULTA) oc = Math.max(oc, ILL(seg(t, o.t0 - o.d, o.t0)) * (1 - ILL(seg(t, o.t1, o.t1 + o.d))));
+    vista.style.opacity = (1 - oc).toFixed(3); vista.style.filter = oc > 0.01 ? `blur(${(oc * 20).toFixed(1)}px)` : 'none'; vista.style.visibility = oc > 0.995 ? 'hidden' : 'visible';
+    if (oc <= 0.995) LIN.forEach(L => {
+      const sy = L.y + L.h / 2 - cy, fora = sy < -L.h / 2 - 200 || sy > H + L.h / 2 + 200 || t < L.t0 - 1.5;
+      L.el.style.display = fora ? 'none' : ''; if (fora) return;
+      const d = ILL(seg(t, L.apaga - 0.25, L.apaga + 0.35));
+      const so = L.some ? ILL(seg(t, L.some - 0.45, L.some)) : 0;   // linhas({ some }): a fala sai de cena inteira
+      if (so > 0.995) { L.el.style.display = 'none'; return; }
+      L.el.style.opacity = ((1 - 0.74 * d) * (1 - so)).toFixed(3); L.el.style.filter = (d + so) > 0.02 ? `blur(${(d * 2.2 + so * 16).toFixed(2)}px)` : 'none';
+      if (L.bloco) { L.seek && L.seek(t, L); return; }
+      L.w.forEach(w => {
+        if (!w.item) { tf(w.el, palavraVida(t, w.s, w.forte)); return; }
+        const ab = ILL(seg(t, w.t - 0.12, w.t + 0.30)); w.el.style.width = (ab * (w.w + 4)).toFixed(1) + 'px'; w.el.style.marginRight = (ab * 22).toFixed(1) + 'px';
+        w.seek && w.seek(t, w);
+      });
+    });
+    // golpe: soco de câmera no quadro inteiro
+    let gp = 0; for (const g of GOLPES) if (t >= g.t) gp += g.forca * Math.exp(-(t - g.t) * 6.5) * (1 - Math.exp(-(t - g.t) * 60));
+    const gs = gp > 0.002 ? `scale(${(1 + 0.05 * gp).toFixed(4)})` : '';
+    vista.style.transform = gs; vista.style.transformOrigin = '540px 960px'; sobre.style.transform = gs; sobre.style.transformOrigin = '540px 960px';
+    if (window.PALCO_KIT) PALCO_KIT.seek(t);
+    CENAS.forEach(c => { const vis = t >= c.t0 - 0.5 && t < c.t1 + 0.5; c.raiz.style.display = vis ? '' : 'none'; if (vis && c.seek) c.seek(t, c); });
+    const hud = document.getElementById('hud'); if (hud.style.display !== 'none') hud.textContent = t.toFixed(2) + ' s';
+  }
+
+  window.__meta = { dur: DUR, w: W, h: H, fps: 30, batidas: [], inFrame: {} };
+  window.__seek = async t => { seek(t); const vis = [...document.images].filter(i => i.offsetParent !== null && !i.complete);
+    if (vis.length) await Promise.all(vis.map(i => i.decode().catch(() => 0))); await new Promise(r => requestAnimationFrame(() => r())); return true; };
+  window.__track = t => ({}); window.__motion = (t0, t1) => 40;
+  window.__events = () => ({ dur: DUR, events: EVENTOS.filter(e => e.t < DUR).slice().sort((a, b) => a.t - b.t), videos: VIDEOS.filter(v => v.t0 < DUR) });
+  window.__ready = Promise.all([document.fonts.ready, ...['500', '600', '700'].map(w => document.fonts.load(`${w} 100px GS`)), document.fonts.load('500 20px Inter'),
+    ...[...document.images].map(i => i.decode ? i.decode().catch(() => 0) : 0)]).then(() => { medeLinhas(); if (window.PALCO_KIT) PALCO_KIT.medir(); seek(0); return true; });
+  if (Q.has('hud')) document.getElementById('hud').style.display = 'block';
+  if (Q.has('t')) window.__ready.then(() => window.__seek(parseFloat(Q.get('t'))));
+  if (Q.has('play')) window.__ready.then(() => { const au = Q.has('som') ? new Audio(window.MIX) : null; const de = parseFloat(Q.get('de') || 0); if (au) { au.currentTime = de; au.play(); } const t0 = performance.now() - de * 1000;
+    const loop = () => { seek(au ? au.currentTime : ((performance.now() - t0) / 1000) % DUR); requestAnimationFrame(loop); }; loop(); });
+})();