Live VOM & Temporal Layout

This page is both documentation and a test bed. It demonstrates the temporal layout model (time as a layout axis), live timelines that never stop, DOM-like edits, inline JS + DOM events, and synchronized multi-screen playback.

---

Temporal reflow: auto duration from children

A sequence of timed elements without an explicit scene duration. The scene sizes itself to the sum of its children.

---

Sequence vs. stack

Sequence lays out children back-to-back. Stack overlays children in parallel.

---

Live open-ended scene + cut

The clock never stops. The current scene stays open-ended until you add the next scene.

---

Live DOM edits

Updates to visible elements are immediate, just like editing a DOM node in a browser.

---

Inline JS + events

DOM events and inline JavaScript can mutate live elements immediately.

---

Multi-screen sync

Multiple screens share the same clock for synchronized playback.