greenlight-motion 0.1.5 → 0.2.1

package/dist/greenlight-motion-script.mjs

@@ -34,15 +34,6 @@ var init_define_import_meta_env = __esm({
   }
 });
 
-// stand-in:three
-var require_three = __commonJS({
-  "stand-in:three"(exports, module) {
-    init_define_import_meta_env();
-    var f = () => void 0;
-    module.exports = new Proxy(f, { get: () => f });
-  }
-});
-
 // node_modules/mp4box/dist/mp4box.all.js
 var require_mp4box_all = __commonJS({
   "node_modules/mp4box/dist/mp4box.all.js"(exports) {
@@ -6700,8 +6691,8 @@ var require_mp4box_all = __commonJS({
 var require_advancedTransitions = __commonJS({
   "stand-in:./advancedTransitions"(exports, module) {
     init_define_import_meta_env();
-    var f = () => void 0;
-    module.exports = new Proxy(f, { get: () => f });
+    var f2 = () => void 0;
+    module.exports = new Proxy(f2, { get: () => f2 });
   }
 });
 
@@ -6718,13 +6709,14 @@ init_define_import_meta_env();
 init_define_import_meta_env();
 var TXA = (function() {
   "use strict";
-  const clamp3 = (v, a, b2) => Math.min(b2, Math.max(a, v));
+  const clamp6 = (v, a, b2) => Math.min(b2, Math.max(a, v));
   const lerp = (a, b2, t) => a + (b2 - a) * t;
-  const num4 = (label, def, min, max, step, unit = "", kf = true, title = "") => ({ type: "num", label, default: def, min, max, step, unit, kf, title });
+  const num8 = (label, def, min, max, step, unit = "", kf = true, title = "") => ({ type: "num", label, default: def, min, max, step, unit, kf, title });
   const en = (label, def, labels, title = "") => ({ type: "enum", label, default: def, values: Object.keys(labels), labels, title });
   const bool = (label, def, title = "") => ({ type: "bool", label, default: def, title });
   const col = (label, def) => ({ type: "color", label, default: def });
   const cols = (label, def) => ({ type: "colors", label, default: def });
+  const bez = (label, title = "") => ({ type: "bezier", label, default: null, title });
   const CURVE_NAMES2 = [
     "Linear",
     "Ease In",
@@ -6788,12 +6780,19 @@ var TXA = (function() {
       "In: units arrive from the effects. Out: they leave into them at the layer end. While its turn: the effects light each unit in turn. From its turn on: they stay on"
     ),
     order: en("Order", "forward", { forward: "Forward", backward: "Backward", center: "From centre", edges: "From edges", random: "Random" }),
-    delay: num4("Delay", 0, -60, 600, 0.01, "s", false, "In: after the layer starts. Out: before the layer ends. Voice: after the word is spoken (negative = before)"),
-    stagger: num4("Stagger", 0.06, 0, 10, 5e-3, "s", false, "Time between one unit's turn and the next"),
-    duration: num4("Duration", 0.6, 0, 20, 0.01, "s", false, "How long each unit takes"),
-    curve: en("Curve", "Ease Out", Object.fromEntries(CURVE_NAMES2.map((n2) => [n2, n2])), "Each unit's own easing: Back, Bounce and Overshoot land past their rest and settle"),
-    hold: num4("Hold", 0, 0, 600, 0.01, "s", false, "How long a unit stays lit. 0 = until the next unit's turn"),
-    fadeOut: num4("Fade out", 0, 0, 20, 0.01, "s", false),
+    delay: num8("Delay", 0, -60, 600, 0.01, "s", false, "In: after the layer starts. Out: before the layer ends. Voice: after the word is spoken (negative = before)"),
+    stagger: num8("Stagger", 0.06, 0, 10, 5e-3, "s", false, "Time between one unit's turn and the next"),
+    duration: num8("Duration", 0.6, 0, 20, 0.01, "s", false, "How long each unit takes"),
+    // Custom plays `bezier` (the app's keyframe Custom: a curve shaped by its handles).
+    curve: en(
+      "Curve",
+      "Ease Out",
+      { ...Object.fromEntries(CURVE_NAMES2.map((n2) => [n2, n2])), Custom: "Custom" },
+      "Each unit's own easing: Back, Bounce and Overshoot land past their rest and settle"
+    ),
+    bezier: bez("Custom curve", "The Custom curve's handles, x1 y1 x2 y2 (x 0\u20261, y \u22123\u20264)"),
+    hold: num8("Hold", 0, 0, 600, 0.01, "s", false, "How long a unit stays lit. 0 = until the next unit's turn"),
+    fadeOut: num8("Fade out", 0, 0, 20, 0.01, "s", false),
     keepLast: bool("Keep last on", false, "The last unit stays lit"),
     spread: bool("Letters follow the voice", true, "Letters of a word take their turns across the time it is spoken, so they type at speaking pace"),
     basedOn: en("Based on", "chars", { chars: "Characters", charsNoSpace: "Characters, no spaces", words: "Words", lines: "Lines" }),
@@ -6805,27 +6804,27 @@ var TXA = (function() {
       "The unit this animator moves, scales and turns. Same as Based on: a word range turns whole words"
     ),
     units: en("Units", "percent", { percent: "%", index: "Index" }, "Index = count units (Start 2 = the third unit)"),
-    start: num4("Start", 0, -1e3, 1e3, 1),
-    end: num4("End", 100, -1e3, 1e3, 1),
-    offset: num4("Offset", 0, -1e3, 1e3, 1),
+    start: num8("Start", 0, -1e3, 1e3, 1),
+    end: num8("End", 100, -1e3, 1e3, 1),
+    offset: num8("Offset", 0, -1e3, 1e3, 1),
     shape: en("Shape", "square", { square: "Square", rampUp: "Ramp up", rampDown: "Ramp down", triangle: "Triangle", round: "Round", smooth: "Smooth" }),
-    smooth: num4("Smoothness", 100, 0, 100, 1, "%", true, "Width of the edge fade, in units: 100 % = one unit"),
-    easeHigh: num4("Ease high", 0, -100, 100, 1, "%"),
-    easeLow: num4("Ease low", 0, -100, 100, 1, "%"),
-    amount: num4("Amount", 100, -100, 100, 1, "%", true, "Negative amounts push every effect the other way"),
+    smooth: num8("Smoothness", 100, 0, 100, 1, "%", true, "Width of the edge fade, in units: 100 % = one unit"),
+    easeHigh: num8("Ease high", 0, -100, 100, 1, "%"),
+    easeLow: num8("Ease low", 0, -100, 100, 1, "%"),
+    amount: num8("Amount", 100, -100, 100, 1, "%", true, "Negative amounts push every effect the other way"),
     randomize: bool("Random order", false),
-    seed: num4("Seed", 1, 0, 9999, 1, "", false),
+    seed: num8("Seed", 1, 0, 9999, 1, "", false),
     // Keyframe-free travel: Offset advances this much per second (the Stroke
     // options "Flow" idea). Integrated by time, so not keyframable. Without Loop a
     // range parked off the text lands at Offset 0 and stays (see rangeEdges).
-    flow: num4("Flow", 0, -400, 400, 1, "/s", false, "Moves the whole range (its Offset) this much per second, no keyframes. From a negative Offset the range travels in and stops in place; from 0 it travels off the text"),
+    flow: num8("Flow", 0, -400, 400, 1, "/s", false, "Moves the whole range (its Offset) this much per second, no keyframes. From a negative Offset the range travels in and stops in place; from 0 it travels off the text"),
     loop: bool("Loop", false, "The range wraps around the ends"),
     // Units are cut off at the edge of their own resting box (Transform around's
     // unit), so a move slides them in from behind it — Text Animation's Mask.
     mask: bool("Mask", false, "Each unit is cut off at the edge of its own box, so it slides in from behind it")
   };
   const RANGE_ONLY2 = { units: 1, start: 1, end: 1, offset: 1, shape: 1, smooth: 1, easeHigh: 1, easeLow: 1, flow: 1 };
-  const DRIVE_ONLY2 = { animate: 1, order: 1, delay: 1, stagger: 1, duration: 1, curve: 1, hold: 1, fadeOut: 1, keepLast: 1, spread: 1 };
+  const DRIVE_ONLY2 = { animate: 1, order: 1, delay: 1, stagger: 1, duration: 1, curve: 1, bezier: 1, hold: 1, fadeOut: 1, keepLast: 1, spread: 1 };
   function rangeShows2(an, key, { voiced = false } = {}) {
     const r = an && an.range || {};
     const driven = r.drive === "time" || r.drive === "voice";
@@ -6852,17 +6851,17 @@ var TXA = (function() {
   const WIGGLE_FIELDS2 = {
     enabled: bool("Wiggle", false),
     mode: en("Mode", "intersect", { add: "Add", subtract: "Subtract", intersect: "Intersect", min: "Min", max: "Max", difference: "Difference" }),
-    max: num4("Max amount", 100, -100, 100, 1, "%"),
-    min: num4("Min amount", -100, -100, 100, 1, "%"),
-    rate: num4("Wiggles / s", 2, 0, 30, 0.1, "/s", false),
-    corr: num4("Correlation", 0, 0, 100, 1, "%"),
-    tPhase: num4("Temporal phase", 0, -360, 360, 1, "\xB0", false),
-    sPhase: num4("Spatial phase", 0, -360, 360, 1, "\xB0", false),
-    seed: num4("Seed", 1, 0, 9999, 1, "", false)
+    max: num8("Max amount", 100, -100, 100, 1, "%"),
+    min: num8("Min amount", -100, -100, 100, 1, "%"),
+    rate: num8("Wiggles / s", 2, 0, 30, 0.1, "/s", false),
+    corr: num8("Correlation", 0, 0, 100, 1, "%"),
+    tPhase: num8("Temporal phase", 0, -360, 360, 1, "\xB0", false),
+    sPhase: num8("Spatial phase", 0, -360, 360, 1, "\xB0", false),
+    seed: num8("Seed", 1, 0, 9999, 1, "", false)
   };
   const LAYER_FIELDS2 = {
-    pivotX: num4("Pivot X", 0, -100, 100, 1, "%", false, "% of the unit from its centre: \u2212100 = left edge, 100 = right edge"),
-    pivotY: num4("Pivot Y", 0, -100, 100, 1, "%", false, "% of the unit from its centre: \u2212100 = top, 100 = bottom")
+    pivotX: num8("Pivot X", 0, -100, 100, 1, "%", false, "% of the unit from its centre: \u2212100 = left edge, 100 = right edge"),
+    pivotY: num8("Pivot Y", 0, -100, 100, 1, "%", false, "% of the unit from its centre: \u2212100 = top, 100 = bottom")
   };
   const LAYER_ITEM_KEYS2 = { pivotX: "textAnimatorPivotX", pivotY: "textAnimatorPivotY" };
   const EFFECTS2 = [
@@ -6871,21 +6870,21 @@ var TXA = (function() {
       label: "Position",
       group: "Transform",
       desc: "Move the selected units",
-      fields: { x: num4("X", 0, -2e3, 2e3, 1, "px"), y: num4("Y", -80, -2e3, 2e3, 1, "px") }
+      fields: { x: num8("X", 0, -2e3, 2e3, 1, "px"), y: num8("Y", -80, -2e3, 2e3, 1, "px") }
     },
     {
       key: "scale",
       label: "Scale",
       group: "Transform",
       desc: "Grow or shrink each unit",
-      fields: { scale: num4("Scale", 160, -1e3, 1e3, 1, "%"), x: num4("Width", 100, -1e3, 1e3, 1, "%"), y: num4("Height", 100, -1e3, 1e3, 1, "%") }
+      fields: { scale: num8("Scale", 160, -1e3, 1e3, 1, "%"), x: num8("Width", 100, -1e3, 1e3, 1, "%"), y: num8("Height", 100, -1e3, 1e3, 1, "%") }
     },
     {
       key: "rotation",
       label: "Rotation",
       group: "Transform",
       desc: "Spin each unit around its pivot",
-      fields: { angle: num4("Angle", 45, -3600, 3600, 1, "\xB0") }
+      fields: { angle: num8("Angle", 45, -3600, 3600, 1, "\xB0") }
     },
     {
       key: "rotate3d",
@@ -6893,9 +6892,9 @@ var TXA = (function() {
       group: "Transform",
       desc: "Flip around X or Y, in perspective",
       fields: {
-        x: num4("Rotate X", 90, -720, 720, 1, "\xB0", true, "Positive tips the top away from you"),
-        y: num4("Rotate Y", 0, -720, 720, 1, "\xB0", true, "Positive turns the right side away from you"),
-        perspective: num4("Perspective", 800, 0, 2e4, 10, "px", true, "Camera distance from the unit: smaller = deeper 3D. 0 = flat, no depth")
+        x: num8("Rotate X", 90, -720, 720, 1, "\xB0", true, "Positive tips the top away from you"),
+        y: num8("Rotate Y", 0, -720, 720, 1, "\xB0", true, "Positive turns the right side away from you"),
+        perspective: num8("Perspective", 800, 0, 2e4, 10, "px", true, "Camera distance from the unit: smaller = deeper 3D. 0 = flat, no depth")
       }
     },
     {
@@ -6903,70 +6902,70 @@ var TXA = (function() {
       label: "Skew",
       group: "Transform",
       desc: "Slant along an axis",
-      fields: { skew: num4("Skew", 25, -85, 85, 1, "\xB0"), axis: num4("Axis", 0, -180, 180, 1, "\xB0") }
+      fields: { skew: num8("Skew", 25, -85, 85, 1, "\xB0"), axis: num8("Axis", 0, -180, 180, 1, "\xB0") }
     },
     {
       key: "tracking",
       label: "Tracking",
       group: "Transform",
       desc: "Space the units out \u2014 the line reflows",
-      fields: { amount: num4("Amount", 40, -200, 600, 1, "px") }
+      fields: { amount: num8("Amount", 40, -200, 600, 1, "px") }
     },
     {
       key: "opacity",
       label: "Opacity",
       group: "Colour",
       desc: "Fade the selected units",
-      fields: { opacity: num4("Opacity", 0, 0, 100, 1, "%") }
+      fields: { opacity: num8("Opacity", 0, 0, 100, 1, "%") }
     },
     {
       key: "fill",
       label: "Fill colour",
       group: "Colour",
       desc: "Recolour the selection",
-      fields: { color: col("Colour", "#ffd84d"), mix: num4("Mix", 100, 0, 100, 1, "%") }
+      fields: { color: col("Colour", "#ffd84d"), mix: num8("Mix", 100, 0, 100, 1, "%") }
     },
     {
       key: "gradient",
       label: "Gradient",
       group: "Colour",
       desc: "Paint the selection with a gradient",
-      fields: { colors: cols("Colours", ["#7cf5ff", "#b36bff", "#ff5fa2"]), angle: num4("Angle", 0, -360, 360, 1, "\xB0"), span: en("Spans", "text", { text: "Text", unit: "Unit" }), shift: num4("Shift", 0, -1e3, 1e3, 1, "%"), repeat: bool("Repeat", false), mix: num4("Mix", 100, 0, 100, 1, "%") }
+      fields: { colors: cols("Colours", ["#7cf5ff", "#b36bff", "#ff5fa2"]), angle: num8("Angle", 0, -360, 360, 1, "\xB0"), span: en("Spans", "text", { text: "Text", unit: "Unit" }), shift: num8("Shift", 0, -1e3, 1e3, 1, "%"), repeat: bool("Repeat", false), mix: num8("Mix", 100, 0, 100, 1, "%") }
     },
     {
       key: "hue",
       label: "Hue shift",
       group: "Colour",
       desc: "Rotate hue, saturation and brightness",
-      fields: { hue: num4("Hue", 180, -720, 720, 1, "\xB0"), saturation: num4("Saturation", 0, -100, 100, 1, "%"), brightness: num4("Brightness", 0, -100, 100, 1, "%") }
+      fields: { hue: num8("Hue", 180, -720, 720, 1, "\xB0"), saturation: num8("Saturation", 0, -100, 100, 1, "%"), brightness: num8("Brightness", 0, -100, 100, 1, "%") }
     },
     {
       key: "stroke",
       label: "Stroke",
       group: "Colour",
       desc: "Outline around the glyphs",
-      fields: { color: col("Colour", "#ffffff"), width: num4("Width", 4, 0, 60, 0.5, "px"), outline: bool("Outline only", false) }
+      fields: { color: col("Colour", "#ffffff"), width: num8("Width", 4, 0, 60, 0.5, "px"), outline: bool("Outline only", false) }
     },
     {
       key: "glow",
       label: "Glow",
       group: "Light",
       desc: "Soft light around the glyphs",
-      fields: { color: col("Colour", "#5ef2ff"), size: num4("Size", 30, 0, 200, 1, "px"), strength: num4("Strength", 120, 0, 300, 1, "%") }
+      fields: { color: col("Colour", "#5ef2ff"), size: num8("Size", 30, 0, 200, 1, "px"), strength: num8("Strength", 120, 0, 300, 1, "%") }
     },
     {
       key: "shadow",
       label: "Drop shadow",
       group: "Light",
       desc: "Offset shadow under the glyphs",
-      fields: { color: col("Colour", "#000000"), x: num4("X", 0, -400, 400, 1, "px"), y: num4("Y", 18, -400, 400, 1, "px"), blur: num4("Blur", 20, 0, 200, 1, "px"), opacity: num4("Opacity", 70, 0, 100, 1, "%") }
+      fields: { color: col("Colour", "#000000"), x: num8("X", 0, -400, 400, 1, "px"), y: num8("Y", 18, -400, 400, 1, "px"), blur: num8("Blur", 20, 0, 200, 1, "px"), opacity: num8("Opacity", 70, 0, 100, 1, "%") }
     },
     {
       key: "blur",
       label: "Blur",
       group: "Light",
       desc: "Defocus the selection",
-      fields: { amount: num4("Blur", 18, 0, 120, 0.5, "px") }
+      fields: { amount: num8("Blur", 18, 0, 120, 0.5, "px") }
     },
     {
       key: "box",
@@ -6977,10 +6976,10 @@ var TXA = (function() {
         color: col("Colour", "#33efab"),
         behind: en("Behind", "selected", { selected: "Selected", revealed: "Revealed" }, "Revealed = the text this animator lets through. On a typing animator the box grows with the typing"),
         shape: en("Shape", "line", { line: "Per line", unit: "Per unit", block: "Block" }, "Per line = one bar per run of selected units in a row. Per unit = a bar behind each unit on its own. Block = one shape around all of it, growing a line at a time"),
-        padX: num4("Padding X", 12, 0, 200, 1, "px"),
-        padY: num4("Padding Y", 4, -60, 200, 1, "px"),
-        radius: num4("Radius", 10, 0, 200, 1, "px"),
-        opacity: num4("Opacity", 100, 0, 100, 1, "%"),
+        padX: num8("Padding X", 12, 0, 200, 1, "px"),
+        padY: num8("Padding Y", 4, -60, 200, 1, "px"),
+        radius: num8("Radius", 10, 0, 200, 1, "px"),
+        opacity: num8("Opacity", 100, 0, 100, 1, "%"),
         grow: bool("Grow with range", true),
         withText: bool("Fade with text", false, "Each bar is only as visible as its unit: a word that has not appeared yet has no bar")
       }
@@ -6996,10 +6995,10 @@ var TXA = (function() {
         style: en("Style", "bar", { bar: "Bar", underscore: "Underscore", block: "Block" }),
         ownColor: bool("Own colour", false, "Off = the text colour"),
         color: col("Colour", "#ffffff"),
-        width: num4("Width", 0, 0, 80, 0.5, "px", false, "0 = automatic"),
-        blink: num4("Blinks / s", 1.1, 0, 10, 0.1, "/s", false, "While the text is not typing. 0 = solid"),
+        width: num8("Width", 0, 0, 80, 0.5, "px", false, "0 = automatic"),
+        blink: num8("Blinks / s", 1.1, 0, 10, 0.1, "/s", false, "While the text is not typing. 0 = solid"),
         hide: bool("Hide when typed", false),
-        hideAfter: num4("Hide after", 0, 0, 600, 0.1, "s", false, "Seconds after the typing ends")
+        hideAfter: num8("Hide after", 0, 0, 600, 0.1, "s", false, "Seconds after the typing ends")
       }
     },
     {
@@ -7007,14 +7006,14 @@ var TXA = (function() {
       label: "Scramble",
       group: "Characters",
       desc: "Random glyphs that settle into the text",
-      fields: { charset: en("Characters", "upper", { upper: "A\u2013Z", lower: "a\u2013z", digits: "0\u20139", alnum: "A\u2013Z 0\u20139", symbols: "Symbols", binary: "Binary", blocks: "Blocks" }), rate: num4("Changes / s", 18, 0, 60, 1, "/s", false), seed: num4("Seed", 1, 0, 9999, 1, "", false) }
+      fields: { charset: en("Characters", "upper", { upper: "A\u2013Z", lower: "a\u2013z", digits: "0\u20139", alnum: "A\u2013Z 0\u20139", symbols: "Symbols", binary: "Binary", blocks: "Blocks" }), rate: num8("Changes / s", 18, 0, 60, 1, "/s", false), seed: num8("Seed", 1, 0, 9999, 1, "", false) }
     },
     {
       key: "charOffset",
       label: "Character offset",
       group: "Characters",
       desc: "Shift letters through the alphabet",
-      fields: { offset: num4("Offset", 6, -60, 60, 1, "") }
+      fields: { offset: num8("Offset", 6, -60, 60, 1, "") }
     }
   ];
   const EFFECT_BY_KEY2 = Object.fromEntries(EFFECTS2.map((e2) => [e2.key, e2]));
@@ -7032,33 +7031,42 @@ var TXA = (function() {
   };
   function defaultsOf2(fields) {
     const out = {};
-    for (const [k, f] of Object.entries(fields)) out[k] = Array.isArray(f.default) ? f.default.slice() : f.default;
+    for (const [k, f2] of Object.entries(fields)) out[k] = Array.isArray(f2.default) ? f2.default.slice() : f2.default;
     return out;
   }
-  function sanitizeField(f, v) {
-    switch (f.type) {
+  function sanitizeField(f2, v) {
+    switch (f2.type) {
       case "num": {
         const n2 = Number(v);
-        return Number.isFinite(n2) ? clamp3(n2, f.min, f.max) : f.default;
+        return Number.isFinite(n2) ? clamp6(n2, f2.min, f2.max) : f2.default;
       }
       case "enum":
-        return f.values.includes(v) ? v : f.default;
+        return f2.values.includes(v) ? v : f2.default;
       case "bool":
-        return typeof v === "boolean" ? v : f.default;
+        return typeof v === "boolean" ? v : f2.default;
       case "color":
-        return typeof v === "string" && /^#[0-9a-f]{6}$/i.test(v) ? v.toLowerCase() : f.default;
+        return typeof v === "string" && /^#[0-9a-f]{6}$/i.test(v) ? v.toLowerCase() : f2.default;
       case "colors": {
         const list = Array.isArray(v) ? v.filter((c) => typeof c === "string" && /^#[0-9a-f]{6}$/i.test(c)).slice(0, 6) : [];
-        return list.length >= 2 ? list.map((c) => c.toLowerCase()) : f.default.slice();
+        return list.length >= 2 ? list.map((c) => c.toLowerCase()) : f2.default.slice();
+      }
+      // The app's sanitizeBezier (easingCurves.js): x stays in 0…1 so the solver
+      // converges, y may overshoot; 4 dp so a dragged handle stays short.
+      case "bezier": {
+        if (!Array.isArray(v) || v.length !== 4) return f2.default;
+        const n2 = v.map(Number);
+        if (n2.some((x) => !Number.isFinite(x))) return f2.default;
+        const r42 = (x) => Math.round(x * 1e4) / 1e4;
+        return [r42(clamp6(n2[0], 0, 1)), r42(clamp6(n2[1], -3, 4)), r42(clamp6(n2[2], 0, 1)), r42(clamp6(n2[3], -3, 4))];
       }
       default:
-        return f.default;
+        return f2.default;
     }
   }
   function sanitizeGroup(fields, raw) {
     const out = {};
     const src = raw && typeof raw === "object" ? raw : {};
-    for (const [k, f] of Object.entries(fields)) out[k] = sanitizeField(f, src[k]);
+    for (const [k, f2] of Object.entries(fields)) out[k] = sanitizeField(f2, src[k]);
     return out;
   }
   const ID_RE = /^[A-Za-z0-9_-]{1,24}$/;
@@ -7071,11 +7079,14 @@ var TXA = (function() {
     if (!raw || typeof raw !== "object" || !ID_RE.test(String(raw.aid || ""))) return null;
     const seen = /* @__PURE__ */ new Set();
     const effects = (Array.isArray(raw.effects) ? raw.effects : []).map(sanitizeEffect).filter((e2) => e2 && !seen.has(e2.pid) && seen.add(e2.pid)).slice(0, MAX_EFFECTS2);
+    const range = sanitizeGroup(RANGE_FIELDS2, raw.range);
+    if (range.curve !== "Custom") range.bezier = null;
+    else if (!range.bezier) range.curve = RANGE_FIELDS2.curve.default;
     return {
       aid: raw.aid,
       name: typeof raw.name === "string" && raw.name.trim() ? raw.name.trim().slice(0, 40) : `Animator ${i + 1}`,
       enabled: raw.enabled !== false,
-      range: sanitizeGroup(RANGE_FIELDS2, raw.range),
+      range,
       wiggle: sanitizeGroup(WIGGLE_FIELDS2, raw.wiggle),
       effects
     };
@@ -7153,22 +7164,22 @@ var TXA = (function() {
     const an = (animators || []).find((a) => a && a.aid === aid);
     if (!an) return null;
     if (chan.startsWith("wig.")) {
-      const f2 = WIGGLE_FIELDS2[chan.slice(4)];
-      return f2 && f2.kf ? { an, spec: f2, label: `Wiggle ${f2.label.toLowerCase()}` } : null;
+      const f3 = WIGGLE_FIELDS2[chan.slice(4)];
+      return f3 && f3.kf ? { an, spec: f3, label: `Wiggle ${f3.label.toLowerCase()}` } : null;
     }
     const dot = chan.indexOf(".");
     if (dot > 0) {
       const fx = (an.effects || []).find((e2) => e2 && e2.pid === chan.slice(0, dot));
       const def = fx && EFFECT_BY_KEY2[fx.type];
-      const f2 = def && def.fields[chan.slice(dot + 1)];
-      if (!f2 || f2.type !== "num" || !f2.kf) return null;
+      const f3 = def && def.fields[chan.slice(dot + 1)];
+      if (!f3 || f3.type !== "num" || !f3.kf) return null;
       const numeric = Object.values(def.fields).filter((x) => x.type === "num" && x.kf).length;
-      return { an, fx, spec: f2, label: numeric === 1 || f2.label === def.label ? def.label : `${def.label} ${f2.label}` };
+      return { an, fx, spec: f3, label: numeric === 1 || f3.label === def.label ? def.label : `${def.label} ${f3.label}` };
     }
-    const f = RANGE_FIELDS2[chan];
-    if (!f || !f.kf) return null;
-    const unit = chan === "start" || chan === "end" || chan === "offset" ? an.range?.units === "index" ? "" : "%" : f.unit;
-    return { an, spec: { ...f, unit }, label: f.label };
+    const f2 = RANGE_FIELDS2[chan];
+    if (!f2 || !f2.kf) return null;
+    const unit = chan === "start" || chan === "end" || chan === "offset" ? an.range?.units === "index" ? "" : "%" : f2.unit;
+    return { an, spec: { ...f2, unit }, label: f2.label };
   }
   function trackLabel2(animators, key) {
     const p = parseTrackKey2(key);
@@ -7196,20 +7207,20 @@ var TXA = (function() {
     for (const an of list) {
       if (!an || !an.aid) continue;
       const driven = !!an.range?.drive && an.range.drive !== "range";
-      for (const [k, f] of Object.entries(RANGE_FIELDS2)) {
-        if (!f.kf) continue;
+      for (const [k, f2] of Object.entries(RANGE_FIELDS2)) {
+        if (!f2.kf) continue;
         if (driven && RANGE_ONLY2[k]) continue;
         if (k === "smooth" && an.range?.shape !== "square") continue;
         if ((k === "easeHigh" || k === "easeLow") && an.range?.shape === "square") continue;
         row(an, k);
       }
       if (an.wiggle && an.wiggle.enabled) {
-        for (const [k, f] of Object.entries(WIGGLE_FIELDS2)) if (f.kf) row(an, `wig.${k}`);
+        for (const [k, f2] of Object.entries(WIGGLE_FIELDS2)) if (f2.kf) row(an, `wig.${k}`);
       }
       for (const fx of an.effects || []) {
         const def = EFFECT_BY_KEY2[fx.type];
         if (!def) continue;
-        for (const [k, f] of Object.entries(def.fields)) if (f.type === "num" && f.kf) row(an, `${fx.pid}.${k}`);
+        for (const [k, f2] of Object.entries(def.fields)) if (f2.type === "num" && f2.kf) row(an, `${fx.pid}.${k}`);
       }
     }
     return out;
@@ -7249,10 +7260,10 @@ var TXA = (function() {
   const hash01 = (a, b2) => hashU32(a, b2) / 4294967295;
   function noise1(x, seed) {
     const i = Math.floor(x);
-    const f = x - i;
+    const f2 = x - i;
     const a = hash01(i, seed) * 2 - 1;
     const b2 = hash01(i + 1, seed) * 2 - 1;
-    const s = f * f * (3 - 2 * f);
+    const s = f2 * f2 * (3 - 2 * f2);
     return a + (b2 - a) * s;
   }
   function mulberry32(seed) {
@@ -7282,43 +7293,43 @@ var TXA = (function() {
     permCache.set(key, p);
     return p;
   }
-  function easeShape2(f, low, high) {
-    if (!low && !high) return f;
+  function easeShape2(f2, low, high) {
+    if (!low && !high) return f2;
     const m0 = 1 - low / 100;
     const m1 = 1 - high / 100;
-    const f2 = f * f, f3 = f2 * f;
-    return clamp3((f3 - 2 * f2 + f) * m0 + (-2 * f3 + 3 * f2) + (f3 - f2) * m1, 0, 1);
+    const f22 = f2 * f2, f3 = f22 * f2;
+    return clamp6((f3 - 2 * f22 + f2) * m0 + (-2 * f3 + 3 * f22) + (f3 - f22) * m1, 0, 1);
   }
-  function shapeAt2(c, S, E, r, zeroOutside) {
+  function shapeAt2(c, S, E2, r, zeroOutside) {
     if (r.shape === "square") {
       const w = Math.max(1e-4, r.smooth / 100);
-      return Math.min(clamp3((c - S) / w + 0.5, 0, 1), clamp3((E - c) / w + 0.5, 0, 1));
+      return Math.min(clamp6((c - S) / w + 0.5, 0, 1), clamp6((E2 - c) / w + 0.5, 0, 1));
     }
-    const width = E - S;
+    const width = E2 - S;
     if (width <= 1e-6) return 0;
     const u = (c - S) / width;
     if (u < 0) return !zeroOutside && r.shape === "rampDown" ? 1 : 0;
     if (u > 1) return !zeroOutside && r.shape === "rampUp" ? 1 : 0;
-    let f;
+    let f2;
     switch (r.shape) {
       case "rampUp":
-        f = u;
+        f2 = u;
         break;
       case "rampDown":
-        f = 1 - u;
+        f2 = 1 - u;
         break;
       case "triangle":
-        f = 1 - Math.abs(2 * u - 1);
+        f2 = 1 - Math.abs(2 * u - 1);
         break;
       case "round": {
         const q = 2 * u - 1;
-        f = Math.sqrt(Math.max(0, 1 - q * q));
+        f2 = Math.sqrt(Math.max(0, 1 - q * q));
         break;
       }
       default:
-        f = 0.5 - 0.5 * Math.cos(2 * Math.PI * u);
+        f2 = 0.5 - 0.5 * Math.cos(2 * Math.PI * u);
     }
-    return easeShape2(f, r.easeLow, r.easeHigh);
+    return easeShape2(f2, r.easeLow, r.easeHigh);
   }
   function combine(a, b2, mode) {
     switch (mode) {
@@ -7339,8 +7350,8 @@ var TXA = (function() {
   function rangeEdges2(r, N, time) {
     let s = r.start, e2 = r.end;
     if (r.units === "percent") {
-      s = clamp3(s, 0, 100);
-      e2 = clamp3(e2, 0, 100);
+      s = clamp6(s, 0, 100);
+      e2 = clamp6(e2, 0, 100);
     }
     if (s > e2) {
       const t = s;
@@ -7363,24 +7374,24 @@ var TXA = (function() {
   function selection2(r, w, N, time) {
     const out = new Float32Array(Math.max(0, N));
     if (N <= 0) return { amounts: out, S: 0, E: 0 };
-    const { S, E } = rangeEdges2(r, N, time);
+    const { S, E: E2 } = rangeEdges2(r, N, time);
     const perm = r.randomize ? seededPerm(N, r.seed) : null;
     const amt = r.amount / 100;
     for (let i = 0; i < N; i += 1) {
       const c = (perm ? perm[i] : i) + 0.5;
-      let f = r.loop ? Math.max(shapeAt2(c - N, S, E, r, true), shapeAt2(c, S, E, r, true), shapeAt2(c + N, S, E, r, true)) : shapeAt2(c, S, E, r, false);
-      f *= amt;
+      let f2 = r.loop ? Math.max(shapeAt2(c - N, S, E2, r, true), shapeAt2(c, S, E2, r, true), shapeAt2(c + N, S, E2, r, true)) : shapeAt2(c, S, E2, r, false);
+      f2 *= amt;
       if (w) {
         const t = time * w.rate + w.tPhase / 360;
         const nu = noise1(t + i * (w.sPhase / 360), hashU32(w.seed, i + 1));
         const ng = noise1(t, hashU32(w.seed, 0));
         const v = lerp(nu, ng, w.corr / 100);
         const wv = (w.min + (v + 1) / 2 * (w.max - w.min)) / 100;
-        f = combine(f, wv, w.mode);
+        f2 = combine(f2, wv, w.mode);
       }
-      out[i] = clamp3(f, -1, 1);
+      out[i] = clamp6(f2, -1, 1);
     }
-    return { amounts: out, S, E };
+    return { amounts: out, S, E: E2 };
   }
   const powIn = (n2) => (p) => Math.pow(p, n2);
   const outOf = (fin) => (p) => 1 - fin(1 - p);
@@ -7401,7 +7412,7 @@ var TXA = (function() {
     const bx = (t) => 3 * p1x * t * (1 - t) * (1 - t) + 3 * p2x * t * t * (1 - t) + t * t * t;
     const by = (t) => 3 * p1y * t * (1 - t) * (1 - t) + 3 * p2y * t * t * (1 - t) + t * t * t;
     return (x) => {
-      x = clamp3(x, 0, 1);
+      x = clamp6(x, 0, 1);
       let lo = 0, hi = 1, t = x;
       for (let i = 0; i < 24; i += 1) {
         const cx = bx(t);
@@ -7461,7 +7472,15 @@ var TXA = (function() {
       "Glide Easing Stop": bezier(0, 0.9125, 1, -0.0338)
     };
   })();
-  const curveFn2 = (name) => CURVE_FNS[name] || CURVE_FNS["Ease Out"];
+  let lastBez = null;
+  const curveFn2 = (name, handles) => {
+    if (name === "Custom" && Array.isArray(handles) && handles.length === 4) {
+      const key = handles.join(",");
+      if (!lastBez || lastBez.key !== key) lastBez = { key, fn: bezier(...handles) };
+      return lastBez.fn;
+    }
+    return CURVE_FNS[name] || CURVE_FNS["Ease Out"];
+  };
   function ranksOf2(order, N, seed) {
     const ranks = new Float32Array(Math.max(0, N));
     const c = (N - 1) / 2;
@@ -7552,9 +7571,9 @@ var TXA = (function() {
     const amounts = new Float32Array(Math.max(0, N));
     const res = { amounts, voiced: false, spans: [], inEnd: 0, outStart: Infinity };
     if (N <= 0) return res;
-    const E = curveFn2(r.curve);
+    const E2 = curveFn2(r.curve, r.bezier);
     const d = Math.max(0, r.duration);
-    const ramp = (t, t0, len) => len > 1e-6 ? clamp3((t - t0) / len, 0, 1) : t >= t0 ? 1 : 0;
+    const ramp = (t, t0, len) => len > 1e-6 ? clamp6((t - t0) / len, 0, 1) : t >= t0 ? 1 : 0;
     const time = Number(ctx.time) || 0;
     const clip = Math.max(0, Number(ctx.clipSec) || 0);
     const vt = r.drive === "voice" ? voiceTurns2(r, N, ctx.units, ctx.counts, ctx.voice) : null;
@@ -7583,24 +7602,24 @@ var TXA = (function() {
       let a;
       switch (r.animate) {
         case "out":
-          a = E(ramp(time, outT0(i), d));
+          a = E2(ramp(time, outT0(i), d));
           break;
         case "inOut":
-          a = 1 - E(ramp(tc, t0, d)) + E(ramp(time, outT0(i), d));
+          a = 1 - E2(ramp(tc, t0, d)) + E2(ramp(time, outT0(i), d));
           break;
         case "stay":
-          a = E(ramp(tc, t0, d));
+          a = E2(ramp(tc, t0, d));
           break;
         case "active": {
           const isLast = vt ? i === N - 1 : ranks[i] === max;
           const off = isLast && r.keepLast && !looping ? Infinity : r.hold > 0 ? t0 + r.hold : t1;
-          a = E(ramp(tc, t0, d));
-          if (tc >= off) a = Math.min(a, r.fadeOut > 0 ? 1 - E(ramp(tc, off, r.fadeOut)) : 0);
+          a = E2(ramp(tc, t0, d));
+          if (tc >= off) a = Math.min(a, r.fadeOut > 0 ? 1 - E2(ramp(tc, off, r.fadeOut)) : 0);
           a1 = Math.max(a1, off === Infinity ? t0 + d : off + r.fadeOut);
           break;
         }
         default:
-          a = 1 - E(ramp(tc, t0, d));
+          a = 1 - E2(ramp(tc, t0, d));
       }
       if (r.animate !== "active") a1 = Math.max(a1, t0 + d);
       a0 = Math.min(a0, t0);
@@ -7621,15 +7640,15 @@ var TXA = (function() {
     const out = res.amounts;
     const amt = r.amount / 100;
     for (let i = 0; i < N; i += 1) {
-      let f = out[i] * amt;
+      let f2 = out[i] * amt;
       if (w) {
         const t = time * w.rate + w.tPhase / 360;
         const nu = noise1(t + i * (w.sPhase / 360), hashU32(w.seed, i + 1));
         const ng = noise1(t, hashU32(w.seed, 0));
         const v = lerp(nu, ng, w.corr / 100);
-        f = combine(f, (w.min + (v + 1) / 2 * (w.max - w.min)) / 100, w.mode);
+        f2 = combine(f2, (w.min + (v + 1) / 2 * (w.max - w.min)) / 100, w.mode);
       }
-      out[i] = clamp3(f, -2, 2);
+      out[i] = clamp6(f2, -2, 2);
     }
     return { amounts: out, S: null, E: null, drive: res };
   }
@@ -7693,7 +7712,7 @@ var TXA = (function() {
     if (s === 0) return [l * 255, l * 255, l * 255];
     const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
     const p = 2 * l - q;
-    const f = (t) => {
+    const f2 = (t) => {
       if (t < 0) t += 1;
       if (t > 1) t -= 1;
       if (t < 1 / 6) return p + (q - p) * 6 * t;
@@ -7701,13 +7720,13 @@ var TXA = (function() {
       if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
       return p;
     };
-    return [f(h + 1 / 3) * 255, f(h) * 255, f(h - 1 / 3) * 255];
+    return [f2(h + 1 / 3) * 255, f2(h) * 255, f2(h - 1 / 3) * 255];
   }
   function shiftColor(c, dh, ds, db) {
     const [h, s, l] = rgbToHsl(c);
-    const s2 = clamp3(s * (1 + ds), 0, 1);
+    const s2 = clamp6(s * (1 + ds), 0, 1);
     const l2 = db >= 0 ? l + (1 - l) * db : l * (1 + db);
-    return hslToRgb([h + dh, s2, clamp3(l2, 0, 1)]);
+    return hslToRgb([h + dh, s2, clamp6(l2, 0, 1)]);
   }
   const rgbCss2 = (c, a = 1) => `rgba(${Math.round(c[0])},${Math.round(c[1])},${Math.round(c[2])},${a})`;
   function gradientStops(colors, shiftPct, repeat) {
@@ -7715,7 +7734,7 @@ var TXA = (function() {
     if (!shiftPct && !repeat) return rgb.map((c, i) => ({ p: rgb.length > 1 ? i / (rgb.length - 1) : 0, c }));
     const list = repeat ? rgb.concat([rgb[0]]) : rgb;
     const at = (q) => {
-      const x = (repeat ? (q % 1 + 1) % 1 : clamp3(q, 0, 1)) * (list.length - 1);
+      const x = (repeat ? (q % 1 + 1) % 1 : clamp6(q, 0, 1)) * (list.length - 1);
       const i = Math.min(Math.floor(x), list.length - 2);
       return mixRgb2(list[i], list[i + 1], x - i);
     };
@@ -7833,8 +7852,8 @@ var TXA = (function() {
   function rangeAt2(an, val) {
     const r = { ...an.range };
     const driven = r.drive === "time" || r.drive === "voice";
-    for (const [k, f] of Object.entries(RANGE_FIELDS2)) {
-      if (f.kf && !(driven && RANGE_ONLY2[k])) r[k] = clamp3(val(an.aid, k, r[k]), f.min, f.max);
+    for (const [k, f2] of Object.entries(RANGE_FIELDS2)) {
+      if (f2.kf && !(driven && RANGE_ONLY2[k])) r[k] = clamp6(val(an.aid, k, r[k]), f2.min, f2.max);
     }
     return r;
   }
@@ -7857,7 +7876,7 @@ var TXA = (function() {
       let w = null;
       if (an.wiggle && an.wiggle.enabled) {
         w = { ...an.wiggle };
-        for (const [k, f] of Object.entries(WIGGLE_FIELDS2)) if (f.kf) w[k] = clamp3(val(an.aid, `wig.${k}`, w[k]), f.min, f.max);
+        for (const [k, f2] of Object.entries(WIGGLE_FIELDS2)) if (f2.kf) w[k] = clamp6(val(an.aid, `wig.${k}`, w[k]), f2.min, f2.max);
       }
       const N = counts[r.basedOn] || 0;
       const level = levelOf2(r);
@@ -7872,9 +7891,9 @@ var TXA = (function() {
       for (const fx of effects) {
         const def = EFFECT_BY_KEY2[fx.type];
         const v = {};
-        for (const [k, f] of Object.entries(def.fields)) {
-          const stored = fx[k] === void 0 ? f.default : fx[k];
-          v[k] = f.type === "num" && f.kf ? clamp3(val(an.aid, `${fx.pid}.${k}`, stored), f.min, f.max) : stored;
+        for (const [k, f2] of Object.entries(def.fields)) {
+          const stored = fx[k] === void 0 ? f2.default : fx[k];
+          v[k] = f2.type === "num" && f2.kf ? clamp6(val(an.aid, `${fx.pid}.${k}`, stored), f2.min, f2.max) : stored;
         }
         if (fx.type === "box") {
           const groups = v.shape === "unit" ? Int32Array.from(units, (u) => {
@@ -7900,7 +7919,7 @@ var TXA = (function() {
       }
     }
     for (const st of states) {
-      st.alpha = clamp3(st.alpha, 0, 1);
+      st.alpha = clamp6(st.alpha, 0, 1);
       st.blur = Math.max(0, st.blur);
     }
     for (const b2 of boxes) if (b2.v.withText && b2.v.shape === "unit") b2.amt = Float32Array.from(b2.amt, (a, i) => a * (states[i] ? states[i].alpha : 1));
@@ -7912,7 +7931,7 @@ var TXA = (function() {
     return xf[level] || (xf[level] = { tx: 0, ty: 0, s: 1, sx: 1, sy: 1, rot: 0, rx: 0, ry: 0, skew: 0, axis: 0, persp: 0 });
   }
   function applyEffect(st, type, v, k, i, time, g, fillRgb, level = "char") {
-    const kp = clamp3(k, 0, 1);
+    const kp = clamp6(k, 0, 1);
     switch (type) {
       case "position": {
         const e2 = xfOf(st, level);
@@ -8058,7 +8077,7 @@ var TXA = (function() {
     const sy = e2.s * e2.sy;
     let k00 = 1, k01 = 0, k10 = 0, k11 = 1;
     if (e2.skew) {
-      const t = Math.tan(clamp3(e2.skew, -85, 85) * Math.PI / 180);
+      const t = Math.tan(clamp6(e2.skew, -85, 85) * Math.PI / 180);
       const ca = Math.cos(e2.axis * Math.PI / 180);
       const sa = Math.sin(e2.axis * Math.PI / 180);
       k00 = 1 + t * ca * sa;
@@ -8117,6 +8136,77 @@ var TXA = (function() {
     }
     return xf || st.xf;
   }
+  function m4Mul2(A, B) {
+    const C = new Array(16);
+    for (let r = 0; r < 4; r += 1) {
+      for (let c = 0; c < 4; c += 1) {
+        C[r * 4 + c] = A[r * 4] * B[c] + A[r * 4 + 1] * B[4 + c] + A[r * 4 + 2] * B[8 + c] + A[r * 4 + 3] * B[12 + c];
+      }
+    }
+    return C;
+  }
+  function levelM4(e2, box2, pivot) {
+    const cx = (box2.x0 + box2.x1) / 2;
+    const cy = (box2.y0 + box2.y1) / 2;
+    const px = cx + pivot.x * (box2.x1 - box2.x0) / 2;
+    const py = cy + pivot.y * (box2.y1 - box2.y0) / 2;
+    const sx = e2.s * e2.sx;
+    const sy = e2.s * e2.sy;
+    let k00 = 1, k01 = 0, k10 = 0, k11 = 1;
+    if (e2.skew) {
+      const t = Math.tan(clamp6(e2.skew, -85, 85) * Math.PI / 180);
+      const ca = Math.cos(e2.axis * Math.PI / 180);
+      const sa = Math.sin(e2.axis * Math.PI / 180);
+      k00 = 1 + t * ca * sa;
+      k01 = -t * ca * ca;
+      k10 = t * sa * sa;
+      k11 = 1 - t * sa * ca;
+    }
+    const a00 = k00 * sx, a01 = k01 * sy, a10 = k10 * sx, a11 = k11 * sy;
+    const az = e2.s;
+    const th = e2.rx * Math.PI / 180;
+    const ph = e2.ry * Math.PI / 180;
+    const ct = Math.cos(th), st = Math.sin(th), cp = Math.cos(ph), sp = Math.sin(ph);
+    const R = [cp, sp * st, -sp * ct, 0, ct, st, sp, -cp * st, cp * ct];
+    const rad = e2.rot * Math.PI / 180;
+    const cr = Math.cos(rad), sr = Math.sin(rad);
+    const RA = [
+      R[0] * a00 + R[1] * a10,
+      R[0] * a01 + R[1] * a11,
+      R[2] * az,
+      R[3] * a00 + R[4] * a10,
+      R[3] * a01 + R[4] * a11,
+      R[5] * az,
+      R[6] * a00 + R[7] * a10,
+      R[6] * a01 + R[7] * a11,
+      R[8] * az
+    ];
+    const L = [
+      cr * RA[0] - sr * RA[3],
+      cr * RA[1] - sr * RA[4],
+      cr * RA[2] - sr * RA[5],
+      sr * RA[0] + cr * RA[3],
+      sr * RA[1] + cr * RA[4],
+      sr * RA[2] + cr * RA[5],
+      RA[6],
+      RA[7],
+      RA[8]
+    ];
+    const tx = px + e2.tx - (L[0] * px + L[1] * py);
+    const ty = py + e2.ty - (L[3] * px + L[4] * py);
+    const tz = -(L[6] * px + L[7] * py);
+    return [L[0], L[1], L[2], tx, L[3], L[4], L[5], ty, L[6], L[7], L[8], tz, 0, 0, 0, 1];
+  }
+  function unitTransform3d2(xf, boxOf, pivot) {
+    let M = null;
+    for (const lv of LEVELS2) {
+      const e2 = xf && xf[lv];
+      if (!e2) continue;
+      const r = levelM4(e2, boxOf(lv), pivot);
+      M = M ? m4Mul2(r, M) : r;
+    }
+    return M;
+  }
   function unitTransform2(xf, boxOf, pivot) {
     let H = null;
     let projective = false;
@@ -8256,12 +8346,12 @@ var TXA = (function() {
     const gv = Math.max(Math.abs(w01 - w00), Math.abs(w11 - w10)) / wMin / Lv;
     const K = 2 * (gu + gv) + R * (gu * gu + gv * gv);
     const cell = K > 1e-12 ? Math.sqrt(4 * WARP_TOL / K) : Infinity;
-    let nu = clamp3(Math.ceil(Lu / cell), 1, 64);
-    let nv = clamp3(Math.ceil(Lv / cell), 1, 64);
+    let nu = clamp6(Math.ceil(Lu / cell), 1, 64);
+    let nv = clamp6(Math.ceil(Lv / cell), 1, 64);
     if (nu * nv > WARP_CELLS) {
-      const f = Math.sqrt(WARP_CELLS / (nu * nv));
-      nu = Math.max(1, Math.round(nu * f));
-      nv = Math.max(1, Math.round(nv * f));
+      const f2 = Math.sqrt(WARP_CELLS / (nu * nv));
+      nu = Math.max(1, Math.round(nu * f2));
+      nv = Math.max(1, Math.round(nv * f2));
     }
     const src = [];
     const dst = [];
@@ -8329,7 +8419,7 @@ var TXA = (function() {
   }
   function revealedOf2(amt) {
     const out = new Float32Array(amt.length);
-    for (let i = 0; i < amt.length; i += 1) out[i] = Number.isNaN(amt[i]) ? NaN : 1 - clamp3(amt[i], 0, 1);
+    for (let i = 0; i < amt.length; i += 1) out[i] = Number.isNaN(amt[i]) ? NaN : 1 - clamp6(amt[i], 0, 1);
     return out;
   }
   const BOX_MIN = 1e-4;
@@ -8356,10 +8446,10 @@ var TXA = (function() {
             peak2 = Math.max(peak2, amt[j]);
           }
         }
-        const f = cells[k], l = cells[last];
-        const x02 = f.x - v.padX, x12 = l.x + l.ink + v.padX, y02 = f.top - v.padY, y12 = f.bottom + v.padY;
+        const f2 = cells[k], l = cells[last];
+        const x02 = f2.x - v.padX, x12 = l.x + l.ink + v.padX, y02 = f2.top - v.padY, y12 = f2.bottom + v.padY;
         if (x12 - x02 > 0.5 && y12 - y02 > 0.5) {
-          out.push({ x0: x02, y0: y02, x1: x12, y1: y12, r: Math.max(0, Math.min(v.radius, (y12 - y02) / 2, (x12 - x02) / 2)), alpha: opacity2 * clamp3(peak2, 0, 1) });
+          out.push({ x0: x02, y0: y02, x1: x12, y1: y12, r: Math.max(0, Math.min(v.radius, (y12 - y02) / 2, (x12 - x02) / 2)), alpha: opacity2 * clamp6(peak2, 0, 1) });
         }
         k = j + 1;
       }
@@ -8381,10 +8471,10 @@ var TXA = (function() {
         j += 1;
       }
       const last = j - 1;
-      const f = cells[i];
+      const f2 = cells[i];
       const l = cells[last];
-      const share = (k) => v.grow ? clamp3(amt[k] / peak2, 0, 1) : 1;
-      let x02 = f.x;
+      const share = (k) => v.grow ? clamp6(amt[k] / peak2, 0, 1) : 1;
+      let x02 = f2.x;
       let x12 = l.x + l.ink;
       if (v.grow && i < last) {
         const sl = share(last);
@@ -8395,7 +8485,7 @@ var TXA = (function() {
         for (let k = i; k < last && share(k) < 1; k += 1) x02 += (1 - share(k)) * adv(k);
         if (x12 < x02) x12 = x02;
       }
-      runs.push({ row: f.row, x0: x02, x1: x12, top: f.top, bottom: f.bottom, peak: peak2, covered: x12 - x02 });
+      runs.push({ row: f2.row, x0: x02, x1: x12, top: f2.top, bottom: f2.bottom, peak: peak2, covered: x12 - x02 });
       i = j;
     }
     if (!runs.length) return [];
@@ -8406,7 +8496,7 @@ var TXA = (function() {
       y02 -= v.padY;
       y12 += v.padY;
       if (!(x12 - x02 > 0.5 && y12 - y02 > 0.5) || !(a > 0)) return null;
-      return { x0: x02, y0: y02, x1: x12, y1: y12, r: Math.max(0, Math.min(v.radius, (y12 - y02) / 2, (x12 - x02) / 2)), alpha: opacity * clamp3(a, 0, 1) };
+      return { x0: x02, y0: y02, x1: x12, y1: y12, r: Math.max(0, Math.min(v.radius, (y12 - y02) / 2, (x12 - x02) / 2)), alpha: opacity * clamp6(a, 0, 1) };
     };
     if (v.shape !== "block") return runs.map((q) => rect(q.x0, q.top, q.x1, q.bottom, q.peak)).filter(Boolean);
     const rows = /* @__PURE__ */ new Map();
@@ -8436,7 +8526,7 @@ var TXA = (function() {
     for (const r of list) {
       const sp = span.get(r.row);
       const width = sp && sp.b > sp.a ? sp.b - sp.a : 0;
-      const grown = v.grow ? clamp3(r.covered / Math.max(1e-6, Math.min(width, r.bottom - r.top)), 0, 1) : 1;
+      const grown = v.grow ? clamp6(r.covered / Math.max(1e-6, Math.min(width, r.bottom - r.top)), 0, 1) : 1;
       const s = grown * grown * (3 - 2 * grown);
       r.h = s * (peak > 0 ? r.peak / peak : 0);
     }
@@ -8462,10 +8552,10 @@ var TXA = (function() {
     const { v, amt } = c;
     const n2 = Math.min(amt.length, cells.length);
     if (!n2 || time >= c.outStart) return null;
-    let f = 0;
-    for (let k = 0; k < n2; k += 1) f += Number.isNaN(amt[k]) ? 0 : clamp3(amt[k], 0, 1);
-    const done = f >= n2 - 1e-3;
-    const typing = f > 1e-3 && !done;
+    let f2 = 0;
+    for (let k = 0; k < n2; k += 1) f2 += Number.isNaN(amt[k]) ? 0 : clamp6(amt[k], 0, 1);
+    const done = f2 >= n2 - 1e-3;
+    const typing = f2 > 1e-3 && !done;
     const end = Number.isFinite(c.inEnd) ? c.inEnd : null;
     if (v.hide && done && (end === null || time >= end + v.hideAfter)) return null;
     if (!typing && v.blink > 0) {
@@ -8479,10 +8569,10 @@ var TXA = (function() {
       cell = cells[k];
       x = cell.x + cell.ink;
     } else {
-      const k = Math.min(n2 - 1, Math.floor(f));
+      const k = Math.min(n2 - 1, Math.floor(f2));
       cell = cells[k];
       const adv = k + 1 < n2 && cells[k + 1].row === cell.row ? Math.max(0, cells[k + 1].x - cell.x) : cell.w;
-      x = cell.x + (f - k) * adv;
+      x = cell.x + (f2 - k) * adv;
     }
     const fs = Math.max(1, cell.bottom - cell.top);
     const y = cell.top;
@@ -8558,6 +8648,8 @@ var TXA = (function() {
     groupBoxes: groupBoxes2,
     maskedXf: maskedXf2,
     unitTransform: unitTransform2,
+    unitTransform3d: unitTransform3d2,
+    m4Mul: m4Mul2,
     applyH: applyH2,
     hToCanvas: hToCanvas2,
     warpBegin: warpBegin2,
@@ -8629,6 +8721,8 @@ var {
   groupBoxes,
   maskedXf,
   unitTransform,
+  unitTransform3d,
+  m4Mul,
   applyH,
   hToCanvas,
   warpBegin,
@@ -8753,7 +8847,7 @@ var factory = function(T) {
       }
     ]
   });
-  const PRESETS2 = [
+  const PRESETS3 = [
     // ── Sweep Reveal ──
     GLIDE_TEXT,
     glideThrough(
@@ -8762,6 +8856,63 @@ var factory = function(T) {
       "Smooth Glide",
       "Letters type in under a chasing blue band as the word keeps gliding through the whole layer, slow in the middle, then slides off to the left"
     ),
+    // Smart Overshoot = the owner's "Glow Select — text preset" project (board Vibe Motion,
+    // 2026-10-27), third in the list on request. Built on a 54 px layer, so its lengths are
+    // px / 54 em, to 4 places (exact on 54 px, and the skill's × size / 100 rule agrees on
+    // any size). Words rise out of a blur and overshoot into place, glowing hot green and
+    // cooling to white behind the reveal, while the whole line slides back to centre; a soft
+    // glow stays and one key word stays lit green. The project picked by index (word 3); here
+    // the Range is in %, so other text gets the same share: words 60–85 % is exactly that
+    // word on the 5-word sample and still finds a word near the end of a 2- to 8-word line.
+    // The selection box that grew over the end is gone (owner, 2026-10-29): with no keyframe
+    // left, the plate stops repainting once the last word lands.
+    {
+      id: "smart-overshoot",
+      name: "Smart Overshoot",
+      cat: "sweep",
+      sides: "in",
+      anchor: "start",
+      sample: "Just the best stablecoin strategies",
+      tile: "Smart overshoot",
+      labLayer: { size: 54, weight: 400, stage: "#0c0e0d" },
+      description: "Words spring in out of a hot green glow and overshoot into place as the line recentres, and a key word stays lit",
+      animators: [
+        {
+          name: "Recenter",
+          range: kIn("words", "all", { stagger: 0, duration: 1.8, curve: "Power3 Out" }),
+          effects: [["position", { x: em(4.6296), y: 0 }]]
+        },
+        {
+          name: "Spring in",
+          range: kIn("words", "word", { stagger: 0.15, duration: 1.1, curve: "Overshoot" }),
+          effects: [["position", { x: em(1.2963), y: em(1.5741) }], ["scale", { scale: 78 }]]
+        },
+        {
+          name: "Focus in",
+          range: kIn("words", "auto", { stagger: 0.15, duration: 0.38, curve: "Power2 Out" }),
+          effects: [["opacity", { opacity: 0 }], ["blur", { amount: em(0.2593) }]]
+        },
+        {
+          name: "Hot glow",
+          range: kIn("words", "auto", { stagger: 0.15, duration: 0.65, curve: "Sine Smooth" }),
+          effects: [["fill", { color: "#6dff86" }], ["glow", { color: "#3dff6a", size: em(0.6296), strength: 230 }]]
+        },
+        {
+          name: "Soft glow",
+          range: { basedOn: "chars" },
+          effects: [["glow", { color: "#b8ffc6", size: em(0.2222), strength: 30 }]]
+        },
+        {
+          name: "Key word",
+          range: { basedOn: "words", start: 60, end: 85, smooth: 0 },
+          effects: [
+            ["fill", { color: "#6dff86" }],
+            ["stroke", { color: "#6dff86", width: em(0.0241) }],
+            ["glow", { color: "#3dff6a", size: em(0.2963), strength: 60 }]
+          ]
+        }
+      ]
+    },
     glideThrough(
       "glide-soft-stop",
       "Glide Soft Stop",
@@ -10061,7 +10212,7 @@ var factory = function(T) {
       }]
     }
   ];
-  for (const p of PRESETS2) for (const a of p.animators) a.range = { basedOn: "charsNoSpace", ...a.range };
+  for (const p of PRESETS3) for (const a of p.animators) a.range = { basedOn: "charsNoSpace", ...a.range };
   const anchorOf2 = (p, a) => a && a.anchor || p.anchor;
   function presetSpan2(p) {
     if (p.anchor !== "start" && p.anchor !== "end") return 0;
@@ -10169,7 +10320,7 @@ var factory = function(T) {
       }]
     };
   }
-  const api = { CATEGORIES: CATEGORIES2, PRESETS: PRESETS2, anchorOf: anchorOf2, presetSpan: presetSpan2, isTimed: isTimed2, resolveEm: resolveEm2, build: build2, fakeVoice: fakeVoice2, usesVoice: usesVoice2, hasExit: hasExit2, withExit: withExit2 };
+  const api = { CATEGORIES: CATEGORIES2, PRESETS: PRESETS3, anchorOf: anchorOf2, presetSpan: presetSpan2, isTimed: isTimed2, resolveEm: resolveEm2, build: build2, fakeVoice: fakeVoice2, usesVoice: usesVoice2, hasExit: hasExit2, withExit: withExit2 };
   return api;
 };
 var PRESETS_API = factory(textAnimators_default);
@@ -12439,6 +12590,40 @@ init_define_import_meta_env();
 
 // src/components/videoEditor/types.js
 init_define_import_meta_env();
+var CONTAINER_MEDIA_TYPES = /* @__PURE__ */ new Set(["sequence", "grid"]);
+var isContainerClip = (clip) => !!clip && CONTAINER_MEDIA_TYPES.has(clip.mediaType) && !!clip.sequence;
+var TransitionType = {
+  NONE: "None",
+  FADE: "Cross Fade",
+  // One type per move, the way is `transitionOptions.direction` (see
+  // DIRECTIONAL_TRANSITIONS). Push absorbed Slide Left/Right and Push Up/Down —
+  // the same move (both clips travel together) on two axes.
+  PUSH: "Push",
+  PARALLAX: "Parallax",
+  WIPE: "Wipe",
+  ZOOM_IN: "Zoom In",
+  ZOOM_OUT: "Zoom Out",
+  // 'Zoom Blur' was retired in 9.0.6 — 'Advanced Zoom' does the same thing with a
+  // pivot you can choose, so it was removed rather than kept as a duplicate.
+  // Renamed from 'Zoom to Point'/'Move to Point' when they grew the fisheye and
+  // wiggle groups: they are no longer only about aiming at a point. Every project
+  // saved before that still holds the old string — see TRANSITION_TYPE_ALIASES.
+  ZOOM_POINT: "Advanced Zoom",
+  MOVE_POINT: "Advanced Movement",
+  CAROUSEL_3D: "3D Carousel",
+  LOUVER_FLIP: "Louver Flip",
+  CIRCULAR_WIPE: "Circular Wipe",
+  PIXEL_BLOCKS: "Pixel Blocks",
+  CAMERA_WHIP: "Camera Whip",
+  ZOOM_RULER: "Zoom Ruler",
+  GLOW_STACK: "Gradient Glow Stack",
+  GRADIENT_MAP: "Gradient Map",
+  SCALE_SWAP: "Scale Swap",
+  SIDE_BY_SIDE: "Side by Side",
+  DIP_TO_BLACK: "Dip to Black",
+  RADIAL_WIPE: "Radial Wipe",
+  CUSTOM: "Custom"
+};
 var TRANSITION_TYPE_ALIASES = Object.freeze({
   "Zoom to Point": "Advanced Zoom",
   "Move to Point": "Advanced Movement",
@@ -12611,7 +12796,11 @@ var TRANSITION_EASING_OPTIONS = Object.values(TransitionEasing).filter((e2) => !
 
 // src/components/videoEditor/gsapTransitions.js
 init_define_import_meta_env();
-var THREE = __toESM(require_three(), 1);
+
+// stand-in:three
+init_define_import_meta_env();
+function f() {
+}
 
 // src/components/videoEditor/keyframeProps.js
 init_define_import_meta_env();
@@ -12880,8 +13069,8 @@ var KF_PROPS = [
   { label: "motionPathOffsetZ", displayLabel: "Path Offset Z", group: "Transform", placeholder: "0", unit: "px", type: "number", min: -1e4, max: 1e4, step: 5 },
   { label: "letterSpacing", group: "Transform", placeholder: "0", unit: "px", type: "number", min: -80, max: 200, step: 1 },
   // Text on Path (text layers with textPathEnabled). Progress reuses motionPathT
-  // above; these animate the glyph distribution itself — keyed trims give a
-  // write-on/write-off along the curve. No-ops elsewhere, like letterSpacing.
+  // above; these animate the glyph distribution itself — keyed trims move the
+  // window the run is laid out in (letters are not hidden past it). No-ops elsewhere, like letterSpacing.
   { label: "textPathSpread", displayLabel: "Text Path Spread", group: "Transform", placeholder: "100", unit: "%", type: "number", min: 10, max: 400, step: 1 },
   { label: "textPathSpacing", displayLabel: "Text Path Spacing", group: "Transform", placeholder: "0", unit: "px", type: "number", min: -200, max: 500, step: 1 },
   { label: "textPathTrimStart", displayLabel: "Text Path Trim Start", group: "Transform", placeholder: "0", unit: "%", type: "number", min: 0, max: 100, step: 0.5 },
@@ -12999,6 +13188,9 @@ var KF_PROPS = [
   { label: "frWindow", displayLabel: "Rim Depth Window", group: "Effects", placeholder: "14", unit: "%", type: "number", min: 1, max: 60, step: 0.5 },
   { label: "frBody", displayLabel: "Rim Body Light", group: "Effects", placeholder: "100", unit: "%", type: "number", min: 0, max: 100, step: 1 },
   { label: "frAmount", displayLabel: "Rim Amount", group: "Effects", placeholder: "100", unit: "%", type: "number", min: 0, max: 100, step: 1 },
+  // Posterize Time (per-layer clock — posterizeTime.js). The rate is integrated,
+  // so a keyed ramp speeds the steps up smoothly.
+  { label: "ptFps", displayLabel: "Posterize Frame Rate", group: "Effects", placeholder: "12", unit: "fps", type: "number", min: 1, max: 60, step: 1 },
   // Motion Blur (per-layer, transform-velocity driven — motionBlurLayer.js).
   { label: "mblurShutter", group: "Effects", placeholder: "180", unit: "deg", type: "number", min: 0, max: 720, step: 5 },
   { label: "mblurAmount", group: "Effects", placeholder: "100", unit: "%", type: "number", min: 0, max: 100, step: 1 },
@@ -13256,6 +13448,15 @@ var KF_PROPS = [
   { label: "bwL2Y", displayLabel: "Bezier Left 2 Y", group: "Effects", placeholder: "33", unit: "%", type: "number", min: -100, max: 200, step: 0.5 }
 ];
 var KF_PROP_LABELS = KF_PROPS.map((p) => p.label);
+var KF_COLOR_PROPS = /* @__PURE__ */ new Set(["color", "backgroundColor", "textColor", "textBgColor", "shapeFill", "textOutlineColor", "borderColor"]);
+var MOTION_KF_COLOR_PREFIX = "mpc:";
+var MASK_PATH_KF_RE = /^msk:[A-Za-z0-9_-]{1,24}:path$/;
+function isMaskPathTrackKey(prop) {
+  return typeof prop === "string" && MASK_PATH_KF_RE.test(prop);
+}
+function isColorTrackKey(prop) {
+  return KF_COLOR_PROPS.has(prop) || STROKE_COLOR_KF_LABELS.has(prop) || typeof prop === "string" && prop.startsWith(MOTION_KF_COLOR_PREFIX);
+}
 
 // src/utils/cssGradient.js
 init_define_import_meta_env();
@@ -13356,10 +13557,138 @@ function buildGradient(type = "linear", angle = 90, stops = []) {
 
 // src/components/videoEditor/shapePath.js
 init_define_import_meta_env();
+
+// src/components/videoEditor/objectMotionPath.js
+init_define_import_meta_env();
+var OBJECT_MOTION_PATH_AIMS = ["tangent", "points", "free"];
+var num = (value, fallback = 0) => {
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : fallback;
+};
+var vec3 = (value) => {
+  if (!value || typeof value !== "object") return null;
+  if (![value.x, value.y, value.z].every((v) => Number.isFinite(Number(v)))) return null;
+  return { x: num(value.x), y: num(value.y), z: num(value.z) };
+};
+function sanitizeObjectMotionPath(path) {
+  if (!path || typeof path !== "object") return null;
+  const points = [];
+  for (const raw of Array.isArray(path.points) ? path.points : []) {
+    const p = vec3(raw);
+    if (!p) continue;
+    const point = p;
+    const hIn = vec3(raw.hIn);
+    const hOut = vec3(raw.hOut);
+    if (hIn) point.hIn = hIn;
+    if (hOut) point.hOut = hOut;
+    if (raw.manual === true) point.manual = true;
+    const rx = num(raw.rx);
+    const ry = num(raw.ry);
+    const rz = num(raw.rz);
+    if (rx || ry || rz) {
+      point.rx = rx;
+      point.ry = ry;
+      point.rz = rz;
+    }
+    points.push(point);
+  }
+  if (!points.length) return null;
+  return {
+    points,
+    closed: path.closed === true,
+    follow: path.follow === true,
+    aim: OBJECT_MOTION_PATH_AIMS.includes(path.aim) ? path.aim : "tangent",
+    keyframesPerPoint: path.keyframesPerPoint === true,
+    ...path.keyframesPerPoint === true ? {
+      keyframesPerPointCount: Math.max(0, Math.round(num(path.keyframesPerPointCount))),
+      keyframesPerPointClosed: path.keyframesPerPointClosed === true
+    } : {}
+  };
+}
+var DEG2RAD = Math.PI / 180;
+var MOTION_PATH_KF_KEY = "motionPathPoints";
+var isMotionPathTrackKey = (prop) => prop === MOTION_PATH_KF_KEY;
+var decodedMotionPaths = /* @__PURE__ */ new Map();
+var DECODED_MOTION_PATH_LIMIT = 4096;
+function decodeMotionPathValue(value) {
+  if (Array.isArray(value)) return sanitizeObjectMotionPath({ points: value })?.points || null;
+  if (typeof value !== "string" || !value.trim()) return null;
+  const cached = decodedMotionPaths.get(value);
+  if (cached !== void 0) return cached;
+  let points = null;
+  try {
+    points = sanitizeObjectMotionPath({ points: JSON.parse(value) })?.points || null;
+  } catch {
+    points = null;
+  }
+  if (decodedMotionPaths.size >= DECODED_MOTION_PATH_LIMIT) decodedMotionPaths.clear();
+  decodedMotionPaths.set(value, points);
+  return points;
+}
+function interpolateMotionPaths(a, b2, t) {
+  if (!Array.isArray(a) || !a.length) return Array.isArray(b2) ? b2 : [];
+  if (!Array.isArray(b2) || !b2.length) return a;
+  if (!Number.isFinite(t) || t <= 0) return a;
+  if (t >= 1) return b2;
+  const lerp = (p, q) => p + (q - p) * t;
+  const lerpVec = (p, q) => ({
+    x: lerp(num(p?.x), num(q?.x)),
+    y: lerp(num(p?.y), num(q?.y)),
+    z: lerp(num(p?.z), num(q?.z))
+  });
+  const n2 = Math.min(a.length, b2.length);
+  const out = new Array(n2);
+  for (let i = 0; i < n2; i += 1) {
+    const p = a[i];
+    const q = b2[i];
+    const point = {
+      x: lerp(p.x, q.x),
+      y: lerp(p.y, q.y),
+      z: lerp(p.z, q.z),
+      hIn: lerpVec(p.hIn, q.hIn),
+      hOut: lerpVec(p.hOut, q.hOut),
+      manual: true
+    };
+    if (p.rx || p.ry || p.rz || q.rx || q.ry || q.rz) {
+      point.rx = lerp(num(p.rx), num(q.rx));
+      point.ry = lerp(num(p.ry), num(q.ry));
+      point.rz = lerp(num(p.rz), num(q.rz));
+    }
+    out[i] = point;
+  }
+  return out;
+}
+
+// src/components/videoEditor/shapePath.js
+var num2 = (value, fallback = 0) => {
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : fallback;
+};
 var round4 = (n2) => Math.round(n2 * 1e4) / 1e4;
 var clamp = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
 var KAPPA = 0.5522847498307936 * 0.5;
+var SHAPE_PATH_KF_KEY = "shapePath";
 var SHAPE_PATH_KF_GROUP = "Shape";
+var vec2 = (v) => {
+  if (!v || typeof v !== "object") return null;
+  return { x: num2(v.x), y: num2(v.y) };
+};
+function sanitizeShapePathPoints(points) {
+  if (!Array.isArray(points)) return [];
+  const clean = [];
+  for (const p of points) {
+    if (!p || typeof p !== "object") continue;
+    if (!Number.isFinite(Number(p.x)) || !Number.isFinite(Number(p.y))) continue;
+    const point = { x: clamp(num2(p.x), -8, 8), y: clamp(num2(p.y), -8, 8) };
+    const hIn = vec2(p.hIn);
+    const hOut = vec2(p.hOut);
+    if (hIn) point.hIn = { x: clamp(hIn.x, -8, 8), y: clamp(hIn.y, -8, 8) };
+    if (hOut) point.hOut = { x: clamp(hOut.x, -8, 8), y: clamp(hOut.y, -8, 8) };
+    if (p.manual === true) point.manual = true;
+    clean.push(point);
+  }
+  return clean;
+}
 var corner = (x, y) => ({ x, y, hIn: { x: 0, y: 0 }, hOut: { x: 0, y: 0 }, manual: true });
 function ellipsePoints() {
   return [
@@ -13561,6 +13890,50 @@ var LINE_KF_PROPS = [
   })
 ];
 var LINE_KF_KEYS = LINE_KF_PROPS.map((p) => p.label);
+function interpolateShapePaths(a, b2, t) {
+  if (!Array.isArray(a) || !a.length) return Array.isArray(b2) ? b2 : [];
+  if (!Array.isArray(b2) || !b2.length) return a;
+  if (!Number.isFinite(t) || t <= 0) return a;
+  if (t >= 1) return b2;
+  const n2 = Math.min(a.length, b2.length);
+  const lerp = (p, q) => p + (q - p) * t;
+  const lerpVec = (p, q) => ({
+    x: lerp(p?.x || 0, q?.x || 0),
+    y: lerp(p?.y || 0, q?.y || 0)
+  });
+  const out = new Array(n2);
+  for (let i = 0; i < n2; i += 1) {
+    out[i] = {
+      x: lerp(a[i].x, b2[i].x),
+      y: lerp(a[i].y, b2[i].y),
+      hIn: lerpVec(a[i].hIn, b2[i].hIn),
+      hOut: lerpVec(a[i].hOut, b2[i].hOut),
+      // The blended handles are explicit geometry — never let an auto-tangent
+      // pass downstream decide it knows better.
+      manual: true
+    };
+  }
+  return out;
+}
+function decodeShapePathValue(value) {
+  if (Array.isArray(value)) return sanitizeShapePathPoints(value);
+  if (typeof value !== "string" || !value.trim()) return null;
+  try {
+    const points = sanitizeShapePathPoints(JSON.parse(value));
+    return points.length ? points : null;
+  } catch {
+    return null;
+  }
+}
+function isPathTrackKey(prop) {
+  return prop === SHAPE_PATH_KF_KEY || isMaskPathTrackKey(prop) || isMotionPathTrackKey(prop);
+}
+function decodePathTrackValue(prop, value) {
+  return isMotionPathTrackKey(prop) ? decodeMotionPathValue(value) : decodeShapePathValue(value);
+}
+function interpolatePathTrackValues(prop, a, b2, t) {
+  return isMotionPathTrackKey(prop) ? interpolateMotionPaths(a, b2, t) : interpolateShapePaths(a, b2, t);
+}
 
 // src/components/videoEditor/motionTemplates/mtl.js
 init_define_import_meta_env();
@@ -14389,25 +14762,588 @@ init_define_import_meta_env();
 
 // src/components/videoEditor/crossTransitionOrder.js
 init_define_import_meta_env();
+var PREV_OVER_NEXT = "Previous over next";
+function movesPreviousClip(order) {
+  return order === PREV_OVER_NEXT;
+}
 
 // src/components/videoEditor/speedUtils.js
 var SPEED_MIN = 0.1;
 var SPEED_MAX = 20;
 var AUTO_HANDLE = 1 / 3;
+var clamp2 = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
+var num3 = (value, fallback = 0) => {
+  const parsed = Number(value);
+  return Number.isFinite(parsed) ? parsed : fallback;
+};
 var LOG_SLOW = -Math.log(SPEED_MIN);
 var LOG_FAST = Math.log(SPEED_MAX);
+var cubic = (a, b2, c, d, t) => {
+  const u = 1 - t;
+  return u * u * u * a + 3 * u * u * t * b2 + 3 * u * t * t * c + t * t * t * d;
+};
+var cubicDeriv = (a, b2, c, d, t) => {
+  const u = 1 - t;
+  return 3 * u * u * (b2 - a) + 6 * u * t * (c - b2) + 3 * t * t * (d - c);
+};
+var speedCurveCache = /* @__PURE__ */ new WeakMap();
+function resolveSpeedCurve(points) {
+  if (!Array.isArray(points) || points.length === 0) return null;
+  const cached = speedCurveCache.get(points);
+  if (cached) return cached;
+  const sorted = points.filter((p) => p && Number.isFinite(Number(p.x)) && Number.isFinite(Number(p.y))).map((p) => ({
+    x: num3(p.x),
+    y: clamp2(num3(p.y, 1), SPEED_MIN, SPEED_MAX),
+    manual: p.manual === true,
+    hIn: p.hIn ? { x: num3(p.hIn.x), y: num3(p.hIn.y) } : null,
+    hOut: p.hOut ? { x: num3(p.hOut.x), y: num3(p.hOut.y) } : null
+  })).sort((a, b2) => a.x - b2.x);
+  if (sorted.length === 0) return null;
+  const anchors = sorted.map((p, i) => {
+    const prev = sorted[i - 1];
+    const next = sorted[i + 1];
+    const shape = (raw, neighbour) => {
+      if (!neighbour) return null;
+      const dx = neighbour.x - p.x;
+      const auto = { x: dx * AUTO_HANDLE, y: (neighbour.y - p.y) * AUTO_HANDLE };
+      const h = p.manual && raw ? raw : auto;
+      return {
+        // Inside the segment only: x must never run backwards past its anchor or
+        // forwards past the next one, or the curve stops being a function of time.
+        x: dx >= 0 ? clamp2(h.x, 0, dx) : clamp2(h.x, dx, 0),
+        // Convex hull: a legal control point means a legal curve.
+        y: clamp2(p.y + h.y, SPEED_MIN, SPEED_MAX) - p.y
+      };
+    };
+    return { x: p.x, y: p.y, manual: p.manual, hIn: shape(p.hIn, prev), hOut: shape(p.hOut, next) };
+  });
+  const segments = [];
+  for (let i = 0; i < anchors.length - 1; i += 1) {
+    const a = anchors[i];
+    const b2 = anchors[i + 1];
+    const ah = a.hOut || { x: 0, y: 0 };
+    const bh = b2.hIn || { x: 0, y: 0 };
+    const seg = {
+      x0: a.x,
+      x1: a.x + ah.x,
+      x2: b2.x + bh.x,
+      x3: b2.x,
+      y0: a.y,
+      y1: a.y + ah.y,
+      y2: b2.y + bh.y,
+      y3: b2.y
+    };
+    seg.linear = isLinearSegment(seg);
+    seg.area = segmentArea(seg, 1);
+    segments.push(seg);
+  }
+  const curve = {
+    anchors,
+    segments,
+    area: segments.reduce((sum, s) => sum + s.area, 0),
+    first: anchors[0],
+    last: anchors[anchors.length - 1]
+  };
+  speedCurveCache.set(points, curve);
+  return curve;
+}
+function isLinearSegment(seg) {
+  const dx = seg.x3 - seg.x0;
+  const dy = seg.y3 - seg.y0;
+  const eps = 1e-9 * Math.max(1, Math.abs(dx), Math.abs(dy));
+  return Math.abs(seg.x1 - (seg.x0 + dx / 3)) <= eps && Math.abs(seg.x2 - (seg.x0 + 2 * dx / 3)) <= eps && Math.abs(seg.y1 - (seg.y0 + dy / 3)) <= eps && Math.abs(seg.y2 - (seg.y0 + 2 * dy / 3)) <= eps;
+}
+function solveSegmentT(seg, x) {
+  const span = seg.x3 - seg.x0;
+  if (span <= 1e-9) return 0;
+  let t = clamp2((x - seg.x0) / span, 0, 1);
+  if (seg.linear) return t;
+  for (let i = 0; i < 8; i += 1) {
+    const err = cubic(seg.x0, seg.x1, seg.x2, seg.x3, t) - x;
+    if (Math.abs(err) < 1e-7) return t;
+    const d = cubicDeriv(seg.x0, seg.x1, seg.x2, seg.x3, t);
+    if (Math.abs(d) < 1e-7) break;
+    t = clamp2(t - err / d, 0, 1);
+  }
+  let lo = 0;
+  let hi = 1;
+  for (let i = 0; i < 24; i += 1) {
+    const mid = (lo + hi) * 0.5;
+    if (cubic(seg.x0, seg.x1, seg.x2, seg.x3, mid) < x) lo = mid;
+    else hi = mid;
+  }
+  return (lo + hi) * 0.5;
+}
+var GAUSS = [
+  [-0.8611363115940526, 0.3478548451374538],
+  [-0.3399810435848563, 0.6521451548625461],
+  [0.3399810435848563, 0.6521451548625461],
+  [0.8611363115940526, 0.3478548451374538]
+];
+function segmentArea(seg, tEnd) {
+  if (tEnd <= 0) return 0;
+  if (seg.linear) {
+    const width = (seg.x3 - seg.x0) * tEnd;
+    const yAtT = seg.y0 + (seg.y3 - seg.y0) * tEnd;
+    return width * (seg.y0 + yAtT) / 2;
+  }
+  const half = tEnd * 0.5;
+  let sum = 0;
+  for (const [node, weight] of GAUSS) {
+    const t = half * (node + 1);
+    sum += weight * cubic(seg.y0, seg.y1, seg.y2, seg.y3, t) * cubicDeriv(seg.x0, seg.x1, seg.x2, seg.x3, t);
+  }
+  return sum * half;
+}
+var getAverageSpeed = (points) => {
+  const curve = resolveSpeedCurve(points);
+  if (!curve) return 1;
+  if (curve.segments.length === 0) return curve.first.y || 1;
+  return curve.area || 1;
+};
+var mapTimelineToSource = (points, t) => {
+  const curve = resolveSpeedCurve(points);
+  if (!curve || curve.segments.length === 0) return t;
+  const totalArea = curve.area;
+  if (totalArea === 0) return 0;
+  let currentArea = 0;
+  for (const seg of curve.segments) {
+    if (seg.x3 <= t) {
+      currentArea += seg.area;
+    } else if (seg.x0 < t) {
+      currentArea += segmentArea(seg, solveSegmentT(seg, t));
+      break;
+    } else {
+      break;
+    }
+  }
+  return currentArea / totalArea;
+};
+var getTimelineDuration = (sourceDuration, points) => {
+  const avgSpeed = getAverageSpeed(points);
+  return sourceDuration / avgSpeed;
+};
 var UNSNAPPED_TOUCH_EPSILON = 1 / 120;
+var slideEarlierClipsLater = (layout, anchorEnds, index, amount) => {
+  if (!(amount > 0)) return;
+  for (let j = index; j >= 0; j--) {
+    layout[j].startTime += amount;
+    layout[j].endTime += amount;
+    if (anchorEnds[j] != null) anchorEnds[j] += amount;
+  }
+};
+var getTimelineLayout = (timeline, { unsnapped } = {}) => {
+  const layout = [];
+  let currentCursor = 0;
+  const anchorEnds = [];
+  for (let i = 0; i < timeline.length; i++) {
+    const item = timeline[i];
+    const sourceDuration = item.trimEnd - item.trimStart;
+    const tlDuration = getTimelineDuration(sourceDuration, item.speedPoints);
+    if (unsnapped && item.freeStart != null) {
+      const prevAnchorEnd = i > 0 ? anchorEnds[i - 1] : null;
+      const touchingPrev = prevAnchorEnd != null && Math.abs(prevAnchorEnd - item.freeStart) <= UNSNAPPED_TOUCH_EPSILON;
+      let overlap = 0;
+      if (touchingPrev && item.transition !== TransitionType.NONE) {
+        overlap = Math.min(layout[i - 1].duration, tlDuration, item.transitionDuration);
+      }
+      const previousMoves = overlap > 0 && movesPreviousClip(item.transitionOrder);
+      const startTime = overlap > 0 ? previousMoves ? layout[i - 1].endTime : layout[i - 1].endTime - overlap : item.freeStart;
+      const endTime = startTime + tlDuration;
+      layout.push({ startTime, endTime, duration: tlDuration, overlapIn: overlap, touchingPrev });
+      anchorEnds.push(item.freeStart + tlDuration);
+      currentCursor = endTime;
+      if (previousMoves) slideEarlierClipsLater(layout, anchorEnds, i - 1, overlap);
+    } else {
+      let overlap = 0;
+      if (i > 0 && item.transition !== TransitionType.NONE) {
+        const prevLayout = layout[i - 1];
+        const maxOverlap = Math.min(prevLayout.duration, tlDuration, item.transitionDuration);
+        overlap = maxOverlap;
+      }
+      const previousMoves = overlap > 0 && movesPreviousClip(item.transitionOrder);
+      const startTime = previousMoves ? currentCursor : currentCursor - overlap;
+      const endTime = startTime + tlDuration;
+      layout.push({ startTime, endTime, duration: tlDuration, overlapIn: overlap, touchingPrev: i > 0 });
+      anchorEnds.push(endTime);
+      currentCursor = endTime;
+      if (previousMoves) slideEarlierClipsLater(layout, anchorEnds, i - 1, overlap);
+    }
+  }
+  return layout;
+};
 
 // src/components/videoEditor/keyframeFx.js
 init_define_import_meta_env();
 
 // src/components/videoEditor/keyframeExpr.js
 init_define_import_meta_env();
+var ExprError = class extends Error {
+  constructor(message, pos = 0) {
+    super(message);
+    this.name = "ExprError";
+    this.pos = pos;
+  }
+};
+var MAX_NODES = 600;
+var MAX_DEPTH = 40;
+var MAX_STEPS = 2e4;
 var MAX_EXPR_LENGTH = 4e3;
-var num = (v) => {
+var PUNCT = ["===", "!==", "==", "!=", "<=", ">=", "&&", "||", "**", "(", ")", "[", "]", ",", ".", "+", "-", "*", "/", "%", "^", "<", ">", "?", ":", "!"];
+function tokenize(src) {
+  const tokens = [];
+  let i = 0;
+  const n2 = src.length;
+  while (i < n2) {
+    const c = src[i];
+    if (c === " " || c === "	" || c === "\n" || c === "\r") {
+      i += 1;
+      continue;
+    }
+    if (c === "/" && src[i + 1] === "/") {
+      while (i < n2 && src[i] !== "\n") i += 1;
+      continue;
+    }
+    if (c === "/" && src[i + 1] === "*") {
+      const end = src.indexOf("*/", i + 2);
+      i = end === -1 ? n2 : end + 2;
+      continue;
+    }
+    if (c >= "0" && c <= "9" || c === "." && src[i + 1] >= "0" && src[i + 1] <= "9") {
+      const start = i;
+      while (i < n2 && src[i] >= "0" && src[i] <= "9") i += 1;
+      if (src[i] === ".") {
+        i += 1;
+        while (i < n2 && src[i] >= "0" && src[i] <= "9") i += 1;
+      }
+      if (src[i] === "e" || src[i] === "E") {
+        let j = i + 1;
+        if (src[j] === "+" || src[j] === "-") j += 1;
+        if (src[j] >= "0" && src[j] <= "9") {
+          i = j;
+          while (i < n2 && src[i] >= "0" && src[i] <= "9") i += 1;
+        }
+      }
+      tokens.push({ type: "num", value: Number.parseFloat(src.slice(start, i)), pos: start });
+      continue;
+    }
+    if (c === '"' || c === "'") {
+      const start = i;
+      const quote = c;
+      i += 1;
+      let out = "";
+      while (i < n2 && src[i] !== quote) {
+        if (src[i] === "\\" && i + 1 < n2) {
+          const esc = src[i + 1];
+          out += esc === "n" ? "\n" : esc === "t" ? "	" : esc;
+          i += 2;
+          continue;
+        }
+        out += src[i];
+        i += 1;
+      }
+      if (i >= n2) throw new ExprError("Unterminated string", start);
+      i += 1;
+      tokens.push({ type: "str", value: out, pos: start });
+      continue;
+    }
+    if (/[A-Za-z_$]/.test(c)) {
+      const start = i;
+      while (i < n2 && /[A-Za-z0-9_$]/.test(src[i])) i += 1;
+      tokens.push({ type: "ident", value: src.slice(start, i), pos: start });
+      continue;
+    }
+    const punct = PUNCT.find((p) => src.startsWith(p, i));
+    if (punct) {
+      tokens.push({ type: "punct", value: punct, pos: i });
+      i += punct.length;
+      continue;
+    }
+    throw new ExprError(`Unexpected character "${c}"`, i);
+  }
+  tokens.push({ type: "eof", value: "", pos: n2 });
+  return tokens;
+}
+var BINARY_PRECEDENCE = {
+  "||": 1,
+  "&&": 2,
+  "==": 3,
+  "!=": 3,
+  "===": 3,
+  "!==": 3,
+  "<": 4,
+  ">": 4,
+  "<=": 4,
+  ">=": 4,
+  "+": 5,
+  "-": 5,
+  "*": 6,
+  "/": 6,
+  "%": 6,
+  "^": 8,
+  "**": 8
+};
+var RIGHT_ASSOC = /* @__PURE__ */ new Set(["^", "**"]);
+var Parser = class {
+  constructor(tokens) {
+    this.tokens = tokens;
+    this.i = 0;
+    this.nodes = 0;
+  }
+  peek() {
+    return this.tokens[this.i];
+  }
+  next() {
+    return this.tokens[this.i++];
+  }
+  isPunct(v) {
+    const t = this.peek();
+    return t.type === "punct" && t.value === v;
+  }
+  expect(v) {
+    if (!this.isPunct(v)) throw new ExprError(`Expected "${v}"`, this.peek().pos);
+    return this.next();
+  }
+  node(obj) {
+    this.nodes += 1;
+    if (this.nodes > MAX_NODES) throw new ExprError("Expression is too long", 0);
+    return obj;
+  }
+  parseExpression(depth = 0) {
+    if (depth > MAX_DEPTH) throw new ExprError("Expression is nested too deeply", this.peek().pos);
+    const test = this.parseBinary(0, depth + 1);
+    if (this.isPunct("?")) {
+      this.next();
+      const then = this.parseExpression(depth + 1);
+      this.expect(":");
+      const other = this.parseExpression(depth + 1);
+      return this.node({ kind: "cond", test, then, other });
+    }
+    return test;
+  }
+  parseBinary(minPrec, depth) {
+    if (depth > MAX_DEPTH) throw new ExprError("Expression is nested too deeply", this.peek().pos);
+    let left = this.parseUnary(depth + 1);
+    for (; ; ) {
+      const t = this.peek();
+      if (t.type !== "punct") break;
+      const prec = BINARY_PRECEDENCE[t.value];
+      if (prec === void 0 || prec < minPrec) break;
+      this.next();
+      const nextMin = RIGHT_ASSOC.has(t.value) ? prec : prec + 1;
+      const right = this.parseBinary(nextMin, depth + 1);
+      left = this.node({ kind: "bin", op: t.value, left, right, pos: t.pos });
+    }
+    return left;
+  }
+  parseUnary(depth) {
+    const t = this.peek();
+    if (t.type === "punct" && (t.value === "-" || t.value === "+" || t.value === "!")) {
+      this.next();
+      return this.node({ kind: "un", op: t.value, arg: this.parseUnary(depth + 1), pos: t.pos });
+    }
+    return this.parsePostfix(depth);
+  }
+  parsePostfix(depth) {
+    let target = this.parsePrimary(depth);
+    for (; ; ) {
+      if (this.isPunct(".")) {
+        this.next();
+        const name = this.next();
+        if (name.type !== "ident") throw new ExprError('Expected a property name after "."', name.pos);
+        target = this.node({ kind: "member", target, name: name.value, pos: name.pos });
+      } else if (this.isPunct("[")) {
+        const open = this.next();
+        const index = this.parseExpression(depth + 1);
+        this.expect("]");
+        target = this.node({ kind: "index", target, index, pos: open.pos });
+      } else if (this.isPunct("(")) {
+        const open = this.next();
+        const args = [];
+        if (!this.isPunct(")")) {
+          for (; ; ) {
+            args.push(this.parseExpression(depth + 1));
+            if (this.isPunct(",")) {
+              this.next();
+              continue;
+            }
+            break;
+          }
+        }
+        this.expect(")");
+        target = this.node({ kind: "call", callee: target, args, pos: open.pos });
+      } else break;
+    }
+    return target;
+  }
+  parsePrimary(depth) {
+    const t = this.next();
+    if (t.type === "num") return this.node({ kind: "num", value: t.value });
+    if (t.type === "str") return this.node({ kind: "str", value: t.value });
+    if (t.type === "ident") return this.node({ kind: "ident", name: t.value, pos: t.pos });
+    if (t.type === "punct" && t.value === "(") {
+      const inner = this.parseExpression(depth + 1);
+      this.expect(")");
+      return inner;
+    }
+    if (t.type === "punct" && t.value === "[") {
+      const items = [];
+      if (!this.isPunct("]")) {
+        for (; ; ) {
+          items.push(this.parseExpression(depth + 1));
+          if (this.isPunct(",")) {
+            this.next();
+            continue;
+          }
+          break;
+        }
+      }
+      this.expect("]");
+      return this.node({ kind: "array", items });
+    }
+    throw new ExprError(t.type === "eof" ? "Expression is incomplete" : `Unexpected "${t.value}"`, t.pos);
+  }
+};
+function parseExpression(src) {
+  const text = String(src ?? "");
+  if (text.length > MAX_EXPR_LENGTH) throw new ExprError("Expression is too long");
+  const trimmed = text.trim().replace(/;+\s*$/, "");
+  if (!trimmed) throw new ExprError("Expression is empty");
+  const parser = new Parser(tokenize(trimmed));
+  const ast = parser.parseExpression();
+  const tail = parser.peek();
+  if (tail.type !== "eof") throw new ExprError(`Unexpected "${tail.value}"`, tail.pos);
+  return ast;
+}
+var astCache = /* @__PURE__ */ new Map();
+var AST_CACHE_MAX = 200;
+function compileExpression(src) {
+  const key = String(src ?? "");
+  const hit = astCache.get(key);
+  if (hit) return hit;
+  let entry;
+  try {
+    entry = { ast: parseExpression(key), error: null };
+  } catch (err) {
+    entry = { ast: null, error: err instanceof ExprError ? err : new ExprError(String(err?.message || err)) };
+  }
+  if (astCache.size >= AST_CACHE_MAX) astCache.delete(astCache.keys().next().value);
+  astCache.set(key, entry);
+  return entry;
+}
+function latticeNoise(i, seed) {
+  let h = Math.imul(i | 0, 374761393) + Math.imul(seed | 0, 668265263);
+  h = Math.imul(h ^ h >>> 13, 1274126177);
+  h ^= h >>> 16;
+  return (h & 2147483647) / 1073741823 - 1;
+}
+function stringSeed(str) {
+  let h = 2166136261;
+  const s = String(str || "");
+  for (let i = 0; i < s.length; i += 1) {
+    h ^= s.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h | 0;
+}
+function smoothNoise(x, seed) {
+  const i = Math.floor(x);
+  const f2 = x - i;
+  const u = f2 * f2 * (3 - 2 * f2);
+  return latticeNoise(i, seed) * (1 - u) + latticeNoise(i + 1, seed) * u;
+}
+function fractalNoise(x, seed, octaves) {
+  let sum = 0;
+  let amp = 1;
+  let norm = 0;
+  let freq = 1;
+  const n2 = Math.max(1, Math.min(4, Math.round(octaves)));
+  for (let o = 0; o < n2; o += 1) {
+    sum += smoothNoise(x * freq, seed + o * 1013) * amp;
+    norm += amp;
+    amp *= 0.5;
+    freq *= 2;
+  }
+  return norm > 0 ? sum / norm : 0;
+}
+var LOOP_TYPES = /* @__PURE__ */ new Set(["cycle", "pingpong", "offset", "continue"]);
+function loopSegment(keyTimes, n2, isOut, byDuration) {
+  const first = keyTimes[0];
+  const last = keyTimes[keyTimes.length - 1];
+  if (byDuration) {
+    const d = Math.abs(n2);
+    if (!(d > 0)) return [first, last];
+    return isOut ? [Math.max(first, last - d), last] : [first, Math.min(last, first + d)];
+  }
+  const count = Math.max(0, Math.round(n2));
+  if (count <= 0) return [first, last];
+  const idx = isOut ? Math.max(0, keyTimes.length - 1 - count) : Math.min(keyTimes.length - 1, count);
+  return isOut ? [keyTimes[idx], last] : [first, keyTimes[idx]];
+}
+function loopValue(ctx, isOut, typeRaw, n2, byDuration) {
+  const keyTimes = ctx.keyTimes;
+  const valueAt = ctx.valueAt;
+  if (typeof valueAt !== "function" || !Array.isArray(keyTimes) || keyTimes.length < 2) return ctx.value;
+  const type = String(typeRaw ?? "cycle").toLowerCase();
+  if (!LOOP_TYPES.has(type)) throw new ExprError(`Unknown loop type "${typeRaw}" \u2014 use cycle, pingpong, offset or continue`);
+  const t = num4(ctx.time);
+  const [segStart, segEnd] = loopSegment(keyTimes, num4(n2), isOut, byDuration);
+  const edge = isOut ? keyTimes[keyTimes.length - 1] : keyTimes[0];
+  const delta = isOut ? t - edge : edge - t;
+  if (delta <= 0) return ctx.value;
+  const span = segEnd - segStart;
+  if (!(span > 0)) return valueAt(edge);
+  if (type === "continue") {
+    const h = Math.min(span * 0.25, 1 / 60);
+    const vEdge = valueAt(edge);
+    const slope = isOut ? (vEdge - valueAt(edge - h)) / h : (valueAt(edge + h) - vEdge) / h;
+    return vEdge + slope * (isOut ? delta : -delta);
+  }
+  const cycles = Math.floor(delta / span);
+  const phase = delta - cycles * span;
+  if (type === "pingpong") {
+    const backwards = cycles % 2 === 0;
+    const at2 = isOut ? backwards ? segEnd - phase : segStart + phase : backwards ? segStart + phase : segEnd - phase;
+    return valueAt(at2);
+  }
+  const at = isOut ? segStart + phase : segEnd - phase;
+  const v = valueAt(at);
+  if (type === "cycle") return v;
+  const rise = valueAt(segEnd) - valueAt(segStart);
+  return v + rise * (cycles + 1) * (isOut ? 1 : -1);
+}
+var GLIDE_FAST_TAPS = 48;
+var GLIDE_SLOW_TAPS = 64;
+function glideValue(ctx, fastArg, slowArg, weightArg, delayArg) {
+  const valueAt = ctx.valueAt;
+  if (typeof valueAt !== "function") return num4(ctx.value);
+  const fast = clampNumber(fastArg === void 0 ? 0.1 : num4(fastArg), 5e-3, 3);
+  const slow = clampNumber(slowArg === void 0 ? 0.6 : num4(slowArg), 0.01, 8);
+  const weight = clampNumber(weightArg === void 0 ? 0.25 : num4(weightArg), 0, 1);
+  const delay = clampNumber(delayArg === void 0 ? 0 : num4(delayArg), 0, 3);
+  const t = num4(ctx.time);
+  let acc = 0;
+  let total = 0;
+  const part = (share, tau0, timeConstant, taps) => {
+    if (share <= 0) return;
+    const span = 4 * timeConstant;
+    const step = span / taps;
+    for (let i = 0; i <= taps; i += 1) {
+      const tau = i * step;
+      const w = share * Math.exp(-tau / timeConstant) * step / timeConstant;
+      acc += w * valueAt(t - tau0 - tau);
+      total += w;
+    }
+  };
+  part(1 - weight, 0, fast, GLIDE_FAST_TAPS);
+  part(weight, delay, slow, GLIDE_SLOW_TAPS);
+  return total > 0 ? acc / total : num4(ctx.value);
+}
+var num4 = (v) => {
   const n2 = typeof v === "number" ? v : Number.parseFloat(v);
   return Number.isFinite(n2) ? n2 : 0;
 };
+var truthy = (v) => typeof v === "number" ? v !== 0 : !!v;
 function clampNumber(v, lo, hi) {
   return Math.min(hi, Math.max(lo, v));
 }
@@ -14418,17 +15354,17 @@ function remap(args, shape) {
   let v1;
   let v2;
   if (args.length <= 3) {
-    t = num(args[0]);
+    t = num4(args[0]);
     tMin = 0;
     tMax = 1;
-    v1 = num(args[1]);
-    v2 = num(args[2]);
+    v1 = num4(args[1]);
+    v2 = num4(args[2]);
   } else {
-    t = num(args[0]);
-    tMin = num(args[1]);
-    tMax = num(args[2]);
-    v1 = num(args[3]);
-    v2 = num(args[4]);
+    t = num4(args[0]);
+    tMin = num4(args[1]);
+    tMax = num4(args[2]);
+    v1 = num4(args[3]);
+    v2 = num4(args[4]);
   }
   if (tMax === tMin) return t <= tMin ? v1 : v2;
   const raw = clampNumber((t - tMin) / (tMax - tMin), 0, 1);
@@ -14443,12 +15379,12 @@ var EASE_SHAPES = {
 function makeMathNamespace() {
   const ns = /* @__PURE__ */ Object.create(null);
   const unary = ["abs", "floor", "ceil", "round", "sqrt", "cbrt", "exp", "log", "log2", "log10", "sin", "cos", "tan", "asin", "acos", "atan", "sinh", "cosh", "tanh", "sign", "trunc"];
-  for (const name of unary) ns[name] = (...a) => Math[name](num(a[0]));
-  ns.pow = (a, b2) => Math.pow(num(a), num(b2));
-  ns.atan2 = (a, b2) => Math.atan2(num(a), num(b2));
-  ns.hypot = (...a) => Math.hypot(...a.map(num));
-  ns.min = (...a) => a.length ? Math.min(...a.map(num)) : 0;
-  ns.max = (...a) => a.length ? Math.max(...a.map(num)) : 0;
+  for (const name of unary) ns[name] = (...a) => Math[name](num4(a[0]));
+  ns.pow = (a, b2) => Math.pow(num4(a), num4(b2));
+  ns.atan2 = (a, b2) => Math.atan2(num4(a), num4(b2));
+  ns.hypot = (...a) => Math.hypot(...a.map(num4));
+  ns.min = (...a) => a.length ? Math.min(...a.map(num4)) : 0;
+  ns.max = (...a) => a.length ? Math.max(...a.map(num4)) : 0;
   ns.PI = Math.PI;
   ns.E = Math.E;
   return ns;
@@ -14462,17 +15398,187 @@ var STATIC_GLOBALS = (() => {
   for (const name of ["abs", "floor", "ceil", "round", "sqrt", "exp", "log", "sin", "cos", "tan", "asin", "acos", "atan", "atan2", "pow", "min", "max", "sign", "hypot"]) {
     g[name] = MATH_NS[name];
   }
-  g.clamp = (v, lo, hi) => clampNumber(num(v), num(lo), num(hi));
-  g.lerp = (a, b2, t) => num(a) + (num(b2) - num(a)) * num(t);
+  g.clamp = (v, lo, hi) => clampNumber(num4(v), num4(lo), num4(hi));
+  g.lerp = (a, b2, t) => num4(a) + (num4(b2) - num4(a)) * num4(t);
   g.linear = (...a) => remap(a, EASE_SHAPES.linear);
   g.ease = (...a) => remap(a, EASE_SHAPES.ease);
   g.easeIn = (...a) => remap(a, EASE_SHAPES.easeIn);
   g.easeOut = (...a) => remap(a, EASE_SHAPES.easeOut);
-  g.degrees = (r) => num(r) * 180 / Math.PI;
-  g.radians = (d) => num(d) * Math.PI / 180;
+  g.degrees = (r) => num4(r) * 180 / Math.PI;
+  g.radians = (d) => num4(d) * Math.PI / 180;
   g.seedRandom = () => 0;
   return g;
 })();
+function evaluateAst(ast, ctx) {
+  const state = { steps: 0 };
+  let randomCounter = 0;
+  const seed = ctx.seed | 0;
+  const timeSeed = () => Math.floor(num4(ctx.time) * 1e3);
+  const layerRef = (ref) => {
+    if (!ref) return null;
+    const obj = /* @__PURE__ */ Object.create(null);
+    obj.__layer = ref;
+    return obj;
+  };
+  const globals = Object.create(STATIC_GLOBALS);
+  globals.value = ctx.value;
+  globals.time = ctx.time;
+  globals.frame = ctx.frame;
+  globals.fps = ctx.fps;
+  globals.duration = ctx.duration;
+  globals.progress = ctx.progress;
+  globals.index = ctx.index;
+  globals.thisProperty = ctx.value;
+  globals.noise = (t, octaves) => fractalNoise(num4(t), seed, octaves === void 0 ? 1 : num4(octaves));
+  globals.wiggle = (freq, amp, octaves) => num4(ctx.value) + num4(amp) * fractalNoise(num4(ctx.time) * num4(freq), seed, octaves === void 0 ? 2 : num4(octaves));
+  globals.random = (...a) => {
+    randomCounter += 1;
+    const r = (latticeNoise(timeSeed() + randomCounter * 7919, seed) + 1) / 2;
+    if (a.length === 0) return r;
+    if (a.length === 1) return r * num4(a[0]);
+    return num4(a[0]) + r * (num4(a[1]) - num4(a[0]));
+  };
+  globals.loopOut = (type, n2) => loopValue(ctx, true, type, n2, false);
+  globals.loopIn = (type, n2) => loopValue(ctx, false, type, n2, false);
+  globals.loopOutDuration = (type, d) => loopValue(ctx, true, type, d, true);
+  globals.loopInDuration = (type, d) => loopValue(ctx, false, type, d, true);
+  globals.numKeys = Array.isArray(ctx.keyTimes) ? ctx.keyTimes.length : 0;
+  globals.valueAtTime = (t) => typeof ctx.valueAt === "function" ? ctx.valueAt(num4(t)) : ctx.value;
+  globals.glide = (fast, slow, weight, delay) => glideValue(ctx, fast, slow, weight, delay);
+  globals.layer = (name) => {
+    const ref = ctx.resolveLayer?.(typeof name === "string" ? name : num4(name));
+    if (!ref) throw new ExprError(`No layer named ${JSON.stringify(String(name))} overlaps this clip`);
+    return layerRef(ref);
+  };
+  globals.thisLayer = layerRef(ctx.resolveSelf?.());
+  globals.thisComp = (() => {
+    const ns = /* @__PURE__ */ Object.create(null);
+    ns.layer = globals.layer;
+    ns.duration = ctx.duration;
+    ns.frameDuration = ctx.fps > 0 ? 1 / ctx.fps : 1 / 30;
+    return ns;
+  })();
+  const walk = (node) => {
+    state.steps += 1;
+    if (state.steps > MAX_STEPS) throw new ExprError("Expression is too slow to evaluate");
+    switch (node.kind) {
+      case "num":
+      case "str":
+        return node.value;
+      case "array":
+        return node.items.map(walk);
+      case "ident": {
+        if (!(node.name in globals)) throw new ExprError(`Unknown name "${node.name}"`, node.pos);
+        return globals[node.name];
+      }
+      case "un": {
+        const v = walk(node.arg);
+        if (node.op === "-") return -num4(v);
+        if (node.op === "+") return num4(v);
+        return truthy(v) ? 0 : 1;
+      }
+      case "bin": {
+        const op = node.op;
+        if (op === "&&") {
+          const l2 = walk(node.left);
+          return truthy(l2) ? walk(node.right) : l2;
+        }
+        if (op === "||") {
+          const l2 = walk(node.left);
+          return truthy(l2) ? l2 : walk(node.right);
+        }
+        const l = walk(node.left);
+        const r = walk(node.right);
+        switch (op) {
+          // `+` concatenates when either side is a string, like JS.
+          case "+":
+            return typeof l === "string" || typeof r === "string" ? `${l}${r}` : num4(l) + num4(r);
+          case "-":
+            return num4(l) - num4(r);
+          case "*":
+            return num4(l) * num4(r);
+          case "/": {
+            const d = num4(r);
+            return d === 0 ? 0 : num4(l) / d;
+          }
+          case "%": {
+            const d = num4(r);
+            return d === 0 ? 0 : num4(l) % d;
+          }
+          case "^":
+          case "**":
+            return Math.pow(num4(l), num4(r));
+          case "<":
+            return num4(l) < num4(r) ? 1 : 0;
+          case ">":
+            return num4(l) > num4(r) ? 1 : 0;
+          case "<=":
+            return num4(l) <= num4(r) ? 1 : 0;
+          case ">=":
+            return num4(l) >= num4(r) ? 1 : 0;
+          case "==":
+          case "===":
+            return l === r ? 1 : 0;
+          case "!=":
+          case "!==":
+            return l !== r ? 1 : 0;
+          default:
+            throw new ExprError(`Unknown operator "${op}"`, node.pos);
+        }
+      }
+      case "cond":
+        return truthy(walk(node.test)) ? walk(node.then) : walk(node.other);
+      case "index": {
+        const target = walk(node.target);
+        const idx = walk(node.index);
+        if (Array.isArray(target)) return target[Math.trunc(num4(idx))] ?? 0;
+        if (target && typeof target === "object" && target.__layer) return target.__layer.get(String(idx));
+        throw new ExprError("Only layers and lists can be indexed", node.pos);
+      }
+      case "member": {
+        const target = walk(node.target);
+        if (target && typeof target === "object") {
+          if (target.__layer) {
+            if (node.name === "layer") {
+              return (inner) => {
+                const child = target.__layer.child?.(String(inner));
+                if (!child) throw new ExprError(`Cannot read layers inside ${JSON.stringify(String(inner))} here`, node.pos);
+                return layerRef(child);
+              };
+            }
+            return target.__layer.get(node.name);
+          }
+          if (node.name in target) return target[node.name];
+          throw new ExprError(`Unknown property "${node.name}"`, node.pos);
+        }
+        if (Array.isArray(target)) return node.name === "length" ? target.length : 0;
+        throw new ExprError(`"${node.name}" is not available here`, node.pos);
+      }
+      case "call": {
+        const fn = walk(node.callee);
+        if (typeof fn !== "function") throw new ExprError("Not a function", node.pos);
+        const args = node.args.map(walk);
+        return fn(...args);
+      }
+      default:
+        throw new ExprError("Unsupported expression", node.pos);
+    }
+  };
+  const out = walk(ast);
+  return out;
+}
+function runExpression(src, ctx) {
+  const { ast, error } = compileExpression(src);
+  if (error) return { value: ctx.value, error: error.message };
+  try {
+    const raw = evaluateAst(ast, ctx);
+    const v = typeof raw === "number" ? raw : Number.parseFloat(raw);
+    if (!Number.isFinite(v)) return { value: ctx.value, error: "Result is not a number" };
+    return { value: v, error: null };
+  } catch (err) {
+    return { value: ctx.value, error: err instanceof ExprError ? err.message : String(err?.message || err) };
+  }
+}
 
 // src/components/videoEditor/textPlaceholders.js
 init_define_import_meta_env();
@@ -14493,14 +15599,116 @@ var COUNTER_DEFAULTS = Object.freeze({
   textCounterDirection: "auto",
   textCounterBlur: 35
 });
+var MAX_COLUMNS = 15;
 var RANGE_SEP = "\\s*(?:\\.\\.|\u2192|\u2013|\u2014|to|-)\\s*";
 var NUM_SRC = "[-\u2212]?\\d[\\d,]*(?:\\.\\d+)?";
 var COUNTER_RE = new RegExp(`^(${NUM_SRC})(?:${RANGE_SEP}(${NUM_SRC}))?$`, "i");
 var TIME_SRC = "\\d+(?::\\d+){0,2}(?:\\.\\d+)?";
 var TIMER_RE = new RegExp(`^(${TIME_SRC})(?:${RANGE_SEP}(${TIME_SRC}))?$`, "i");
+function digitCount(n2) {
+  return String(Math.floor(Math.abs(n2))).length;
+}
+function parseLiteral(raw) {
+  const s = raw.replace(/−/g, "-");
+  const neg = s[0] === "-";
+  const body = neg ? s.slice(1) : s;
+  const dot = body.indexOf(".");
+  const intRaw = dot >= 0 ? body.slice(0, dot) : body;
+  const frac = dot >= 0 ? body.slice(dot + 1) : "";
+  const intDigits = intRaw.replace(/,/g, "") || "0";
+  return {
+    value: Number(`${neg ? "-" : ""}${intDigits}${frac ? `.${frac}` : ""}`),
+    decimals: frac.length,
+    sep: intRaw.includes(","),
+    pad: intDigits.length > 1 && intDigits[0] === "0" ? intDigits.length : 0
+  };
+}
+function parseCounterRange(body) {
+  const m = COUNTER_RE.exec(String(body ?? "").trim());
+  if (!m) return null;
+  const single = m[2] == null;
+  const a = single ? { value: 0, decimals: 0, sep: false, pad: 0 } : parseLiteral(m[1]);
+  const b2 = parseLiteral(single ? m[1] : m[2]);
+  if (!Number.isFinite(a.value) || !Number.isFinite(b2.value)) return null;
+  const decimals = Math.min(4, Math.max(a.decimals, b2.decimals));
+  const scale = 10 ** decimals;
+  const pad = Math.max(a.pad, b2.pad);
+  const from = Math.round(a.value * scale);
+  const to = Math.round(b2.value * scale);
+  const intCols = Math.max(1, pad, digitCount(Math.abs(from) / scale), digitCount(Math.abs(to) / scale));
+  if (intCols + decimals > MAX_COLUMNS) return null;
+  const cols = [];
+  for (let j = 0; j < intCols + decimals; j += 1) {
+    cols.push({ place: 10 ** j, radix: 10, lead: j - decimals >= Math.max(1, pad) });
+  }
+  const sepRight = {};
+  if (decimals > 0) sepRight[decimals] = ".";
+  if (a.sep || b2.sep) for (let i = 3; i < intCols; i += 3) sepRight[decimals + i] = ",";
+  return { kind: "counter", from, to, scale, cols, sepRight, signed: from < 0 || to < 0 };
+}
+function parseTime(raw) {
+  const dot = raw.indexOf(".");
+  const main = dot >= 0 ? raw.slice(0, dot) : raw;
+  const frac = dot >= 0 ? raw.slice(dot + 1) : "";
+  const parts = main.split(":");
+  for (let i = 1; i < parts.length; i += 1) {
+    if (parts[i].length > 2 || Number(parts[i]) >= 60) return null;
+  }
+  let seconds = 0;
+  for (const p of parts) seconds = seconds * 60 + Number(p);
+  return { parts, frac, seconds: seconds + (frac ? Number(`0.${frac}`) : 0) };
+}
+function parseTimerRange(body) {
+  const m = TIMER_RE.exec(String(body ?? "").trim());
+  if (!m) return null;
+  const a = parseTime(m[1]);
+  const b2 = m[2] != null ? parseTime(m[2]) : { parts: ["0"], frac: "", seconds: 0 };
+  if (!a || !b2) return null;
+  const fields = Math.max(a.parts.length, b2.parts.length);
+  const decimals = Math.min(3, Math.max(a.frac.length, b2.frac.length));
+  const S = 10 ** decimals;
+  const from = Math.round(a.seconds * S);
+  const to = Math.round(b2.seconds * S);
+  const topPlace = fields === 3 ? 3600 * S : fields === 2 ? 60 * S : S;
+  const typedTop = [a, b2].filter((t) => t.parts.length === fields).map((t) => t.parts[0]);
+  const pad = Math.max(0, ...typedTop.map((p) => p.length > 1 && p[0] === "0" ? p.length : 0));
+  const topDigits = Math.max(1, pad, digitCount(Math.floor(from / topPlace)), digitCount(Math.floor(to / topPlace)));
+  const cols = [];
+  for (let k = 0; k < decimals; k += 1) cols.push({ place: 10 ** k, radix: 10, lead: false });
+  const clockField = (place) => {
+    cols.push({ place, radix: 10, lead: false });
+    cols.push({ place: place * 10, radix: 6, lead: false });
+  };
+  if (fields >= 2) clockField(S);
+  if (fields === 3) clockField(60 * S);
+  for (let k = 0; k < topDigits; k += 1) {
+    cols.push({ place: topPlace * 10 ** k, radix: 10, lead: k >= Math.max(1, pad) });
+  }
+  if (cols.length > MAX_COLUMNS) return null;
+  const sepRight = {};
+  if (decimals > 0) sepRight[decimals] = ".";
+  if (fields >= 2) sepRight[decimals + 2] = ":";
+  if (fields === 3) sepRight[decimals + 4] = ":";
+  return { kind: "timer", from, to, scale: S, cols, sepRight, signed: false };
+}
+function formatUnits(units, spec) {
+  let out = "";
+  for (let j = spec.cols.length - 1; j >= 0; j -= 1) {
+    const c = spec.cols[j];
+    if (c.lead && units < c.place) continue;
+    out += String(Math.floor(units / c.place) % c.radix);
+    if (j > 0 && spec.sepRight[j]) out += spec.sepRight[j];
+  }
+  return out;
+}
+function formatCounterValue(units, spec) {
+  const u = Math.abs(Math.round(units));
+  return `${units < 0 && u > 0 ? "-" : ""}${formatUnits(u, spec)}`;
+}
 var SHUTTER_SEC = 1 / 60;
 
 // src/components/videoEditor/textPlaceholders.js
+var TOKEN_RE = /\{\{\{\s*([A-Za-z]+)\s*(?::([^{}]*?))?\s*\}\}\}/g;
 var PLACEHOLDER_CATALOG = Object.freeze([
   {
     id: "COUNTER",
@@ -14551,6 +15759,7 @@ var PLACEHOLDER_CATALOG = Object.freeze([
     description: "The current frame number. {{{FRAME:clip}}} counts from the layer's start."
   }
 ]);
+var clamp3 = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
 var CYCLE_DEFAULTS = Object.freeze({
   textCycleStyle: "roll",
   textCycleDelay: 0,
@@ -14576,6 +15785,9 @@ var SCRAMBLE_DEFAULTS = Object.freeze({
   textScrambleOrder: "ltr",
   textScrambleRate: 18
 });
+var TIMECODE_FORMATS = ["hh:mm:ss:ff", "hh:mm:ss", "mm:ss:ff", "mm:ss", "ss:ff", "ss"];
+var EASING_VALUE_RE = /^[a-z][a-z0-9_]{0,31}$/;
+var KF_ID_RE = /^[a-z0-9]{1,8}$/;
 var PLACEHOLDER_OPTIONS = Object.freeze({
   number: {
     style: { values: ["odometer", "roll", "count"] },
@@ -14610,6 +15822,81 @@ var PLACEHOLDER_OPTIONS = Object.freeze({
   },
   readout: {}
 });
+function cleanOption(schema, raw) {
+  const v = String(raw ?? "").trim().toLowerCase();
+  if (!schema || !v) return null;
+  if (schema.values) return schema.values.includes(v) ? v : null;
+  if (schema.easing) return EASING_VALUE_RE.test(v) ? v : null;
+  if (schema.kf) return KF_ID_RE.test(v) ? v : null;
+  const n2 = Number(v);
+  if (!Number.isFinite(n2)) return null;
+  const c = clamp3(n2, schema.num[0], schema.num[1]);
+  return schema.int ? Math.round(c) : Number(c.toFixed(3));
+}
+function splitBody(rawBody) {
+  const parts = String(rawBody ?? "").split(";");
+  const main = parts[0].trim();
+  const options = {};
+  for (const part of parts.slice(1)) {
+    const eq = part.indexOf("=");
+    if (eq < 0) continue;
+    const key = part.slice(0, eq).trim().toLowerCase();
+    if (key) options[key] = part.slice(eq + 1).trim();
+  }
+  return { main, options };
+}
+function parseReadoutArgs(body) {
+  const words2 = String(body || "").toLowerCase().split(/[\s,]+/).filter(Boolean);
+  const format = words2.find((w) => TIMECODE_FORMATS.includes(w)) || null;
+  const clip = words2.includes("clip");
+  if (words2.some((w) => w !== "clip" && w !== "project" && !TIMECODE_FORMATS.includes(w))) return null;
+  return { clip, format };
+}
+function parseUnit(type, rawBody) {
+  const { main, options: rawOptions } = splitBody(rawBody);
+  let unit = null;
+  switch (type) {
+    case "COUNTER": {
+      const spec = parseCounterRange(main);
+      unit = spec ? { type: "number", spec } : null;
+      break;
+    }
+    case "TIMER": {
+      const spec = parseTimerRange(main);
+      unit = spec ? { type: "number", spec } : null;
+      break;
+    }
+    case "CYCLE": {
+      const words2 = main.split("|").map((w) => w.trim()).filter(Boolean);
+      unit = words2.length ? { type: "cycle", words: words2 } : null;
+      break;
+    }
+    case "SCRAMBLE":
+      unit = main ? { type: "scramble", text: main } : null;
+      break;
+    case "TIMECODE": {
+      const args = parseReadoutArgs(main);
+      unit = args ? { type: "readout", mode: "timecode", clip: args.clip, format: args.format || "hh:mm:ss:ff" } : null;
+      break;
+    }
+    case "FRAME": {
+      const args = parseReadoutArgs(main);
+      unit = args && !args.format ? { type: "readout", mode: "frame", clip: args.clip } : null;
+      break;
+    }
+    default:
+      return null;
+  }
+  if (!unit) return null;
+  const schema = PLACEHOLDER_OPTIONS[unit.type];
+  const options = {};
+  for (const [k, v] of Object.entries(rawOptions)) {
+    const clean = cleanOption(schema[k], v);
+    if (clean !== null) options[k] = clean;
+  }
+  return { ...unit, tokenType: type, main, options };
+}
+var hasToken = (text) => typeof text === "string" && text.indexOf("{{{") >= 0;
 var PLACEHOLDER_LABELS = Object.freeze({
   COUNTER: "Counter",
   TIMER: "Timer",
@@ -14618,6 +15905,55 @@ var PLACEHOLDER_LABELS = Object.freeze({
   TIMECODE: "Timecode",
   FRAME: "Frame number"
 });
+function findVariable(variables, name) {
+  if (!Array.isArray(variables)) return null;
+  const key = name.toLowerCase();
+  return variables.find((v) => String(v?.name || "").toLowerCase() === key) || null;
+}
+function formatTimecode(sec, fps, format = "hh:mm:ss:ff") {
+  const f2 = Math.max(1, Math.round(Number(fps) || 30));
+  const frames = Math.max(0, Math.floor(sec * f2 + 1e-6));
+  const ff = frames % f2;
+  const total = Math.floor(frames / f2);
+  const ss = total % 60;
+  const mm = Math.floor(total / 60) % 60;
+  const hh = Math.floor(total / 3600);
+  const p2 = (n2) => String(n2).padStart(2, "0");
+  const pf = (n2) => String(n2).padStart(String(f2 - 1).length, "0");
+  switch (format) {
+    case "hh:mm:ss":
+      return `${p2(hh)}:${p2(mm)}:${p2(ss)}`;
+    case "mm:ss:ff":
+      return `${p2(Math.floor(total / 60))}:${p2(ss)}:${pf(ff)}`;
+    case "mm:ss":
+      return `${p2(Math.floor(total / 60))}:${p2(ss)}`;
+    case "ss:ff":
+      return `${p2(total)}:${pf(ff)}`;
+    case "ss":
+      return p2(total);
+    default:
+      return `${p2(hh)}:${p2(mm)}:${p2(ss)}:${pf(ff)}`;
+  }
+}
+function resolvePlaceholderText(text, env = {}) {
+  if (!hasToken(text)) return text;
+  const expanded = text.replace(TOKEN_RE, (whole, rawType, body) => {
+    const type = rawType.toUpperCase();
+    if (type === "VAR") {
+      const name = String(body || "").trim();
+      const v = name ? findVariable(env.variables, name) : null;
+      return v && typeof v.value === "string" ? v.value : name || whole;
+    }
+    if (type === "MARKER") return String(body || "").trim() || "Marker";
+    const unit = parseUnit(type, body);
+    if (!unit) return whole;
+    if (unit.type === "number") return formatCounterValue(unit.spec.to, unit.spec);
+    if (unit.type === "cycle") return unit.words[0];
+    if (unit.type === "scramble") return unit.text;
+    return unit.mode === "frame" ? "0" : formatTimecode(0, env.fps, unit.format);
+  });
+  return expanded;
+}
 
 // src/components/videoEditor/keyframeFx.js
 var KEYFRAME_FX_TYPES = [
@@ -14735,11 +16071,308 @@ function sanitizeKeyframeFxMap(raw, propertyKeyframes = null) {
   }
   return out;
 }
+function hasAnyKeyframeFx(map) {
+  return !!map && typeof map === "object" && Object.keys(map).length > 0;
+}
+function numOr(v, fallback) {
+  const n2 = Number.parseFloat(v);
+  return Number.isFinite(n2) ? n2 : fallback;
+}
+function elasticProfile(u, wobbles, decay) {
+  if (u <= 0) return 0;
+  if (decay * u > 6.9) return 1;
+  return 1 - Math.exp(-decay * u) * Math.cos(2 * Math.PI * wobbles * u);
+}
+function bounceProfile(u, e2, nMax) {
+  if (u <= 0) return 0;
+  const hopSum = 2 * e2 * (1 - Math.pow(e2, nMax)) / (1 - e2);
+  const T0 = 1 / (1 + hopSum);
+  if (u >= 1) return 1;
+  if (u < T0) {
+    const r = u / T0;
+    return r * r;
+  }
+  const g = 2 / (T0 * T0);
+  const v = g * T0;
+  let vk = v * e2;
+  let hop = 2 * vk / g;
+  let tb = u - T0;
+  let nb = 1;
+  while (tb > hop && nb <= nMax) {
+    tb -= hop;
+    vk *= e2;
+    hop *= e2;
+    nb += 1;
+  }
+  if (nb > nMax) return 1;
+  return 1 - (vk * tb - g * tb * tb / 2);
+}
+function profiledValue(track, pct, base, durationSec, strength, profile) {
+  if (track.length < 2 || !(strength > 0)) return base;
+  const t = pct / 100 * durationSec;
+  let value = numOr(track[0].value, NaN);
+  if (!Number.isFinite(value)) return base;
+  for (let i = 1; i < track.length; i += 1) {
+    const prev = numOr(track[i - 1].value, NaN);
+    const cur = numOr(track[i].value, NaN);
+    if (!Number.isFinite(prev) || !Number.isFinite(cur)) return base;
+    const step = cur - prev;
+    if (step === 0) continue;
+    const tPrev = Number(track[i - 1].position) / 100 * durationSec;
+    const segSec = Number(track[i].position) / 100 * durationSec - tPrev;
+    if (!(segSec > 0)) continue;
+    value += step * profile((t - tPrev) / segSec);
+  }
+  return base + strength * (value - base);
+}
+function elasticValue(cfg, track, pct, base, durationSec) {
+  const { amp, freq, decay } = cfg.params;
+  return profiledValue(track, pct, base, durationSec, amp / 100, (u) => elasticProfile(u, freq, decay));
+}
+function bounceValue(cfg, track, pct, base, durationSec) {
+  const { amp, elasticity, bounces } = cfg.params;
+  const e2 = Math.min(0.95, Math.max(0.01, elasticity / 100));
+  const nMax = Math.max(1, Math.round(bounces));
+  return profiledValue(track, pct, base, durationSec, amp / 100, (u) => bounceProfile(u, e2, nMax));
+}
+function wiggleOffset(cfg, tSec, seed) {
+  const amp = cfg.params.amp;
+  if (!(amp > 0)) return 0;
+  return amp * smoothNoise(tSec * cfg.params.freq, seed);
+}
+var scene = null;
+var layerNameCache = /* @__PURE__ */ new WeakMap();
+function layersByName() {
+  if (!scene?.index) return null;
+  const hit = layerNameCache.get(scene.index);
+  if (hit) return hit;
+  const map = /* @__PURE__ */ new Map();
+  for (const entry of scene.index.values()) {
+    const name = String(scene.nameOf?.(entry) || "").trim().toLowerCase();
+    if (name && !map.has(name)) map.set(name, entry);
+  }
+  layerNameCache.set(scene.index, map);
+  return map;
+}
+function staticPropValue(item, prop) {
+  switch (prop) {
+    case "opacity":
+      return (Number(item.opacity) || 0) / 100;
+    case "scale":
+      return Number(item.zoom) || 1;
+    case "scaleX":
+      return Number(item.scaleX) || 1;
+    case "scaleY":
+      return Number(item.scaleY) || 1;
+    case "rotate":
+    case "rotateZ":
+      return Number(item.rotateZ ?? item.rotation) || 0;
+    case "rotateX":
+      return Number(item.rotateX) || 0;
+    case "rotateY":
+      return Number(item.rotateY) || 0;
+    case "xPercent":
+      return Number(item.panX) || 0;
+    case "yPercent":
+      return Number(item.panY) || 0;
+    case "translateZ":
+      return Number(item.panZ) || 0;
+    case "motionPathT":
+      return Number(item.motionPathT) || 0;
+    default:
+      return 0;
+  }
+}
+var evalDepth = 0;
+var MAX_LAYER_DEPTH = 2;
 var KNOWN_PROP_NAMES = new Set(KF_PROP_LABELS);
+var innerIndexCache = /* @__PURE__ */ new WeakMap();
+function innerIndexOf(clip) {
+  const channels = clip?.sequence?.channels;
+  if (!Array.isArray(channels)) return null;
+  const hit = innerIndexCache.get(channels);
+  if (hit) return hit;
+  const clipsMap = new Map((clip.sequence.clips || []).map((c) => [c.id, c]));
+  const byName = /* @__PURE__ */ new Map();
+  channels.forEach((channel) => {
+    const layout = getTimelineLayout(channel.items || [], { unsnapped: channel.unsnapped });
+    (channel.items || []).forEach((item, i) => {
+      const span = layout[i];
+      if (!span) return;
+      const inner = clipsMap.get(item.clipId);
+      const name = String(
+        item.customName || (inner?.mediaType === "text" ? resolvePlaceholderText(item.textContent) || inner?.name : inner?.name) || ""
+      ).trim().toLowerCase();
+      if (!name || byName.has(name)) return;
+      byName.set(name, {
+        item,
+        clip: inner,
+        startTime: span.startTime,
+        duration: Math.max(0, span.endTime - span.startTime)
+      });
+    });
+  });
+  innerIndexCache.set(channels, byName);
+  return byName;
+}
+function containerInnerTime(item, outerLocal) {
+  const trimStart = Number(item.trimStart) || 0;
+  const sourceDuration = (Number(item.trimEnd) || 0) - trimStart;
+  if (!(sourceDuration > 0)) return Math.max(0, outerLocal);
+  const timelineDuration = getTimelineDuration(sourceDuration, item.speedPoints);
+  const normalized = timelineDuration > 0 ? Math.max(0, Math.min(1, outerLocal / timelineDuration)) : 0;
+  return trimStart + mapTimelineToSource(item.speedPoints, normalized) * sourceDuration;
+}
+function layerReader(entry, nowOf, label) {
+  if (!entry) return null;
+  const localTime = () => Math.max(0, (Number(nowOf()) || 0) - (Number(entry.startTime) || 0));
+  return {
+    get(prop) {
+      const item = entry.item;
+      if (!item) return 0;
+      const dur = Number(entry.duration) || 0;
+      const progress = dur > 0 ? Math.max(0, Math.min(1, localTime() / dur)) : 0;
+      if (Array.isArray(item.propertyKeyframes?.[prop]) && typeof scene?.evaluate === "function") {
+        evalDepth += 1;
+        try {
+          const v = scene.evaluate(item, progress)?.[prop];
+          const n2 = Number.parseFloat(v);
+          if (Number.isFinite(n2)) return n2;
+        } finally {
+          evalDepth -= 1;
+        }
+      }
+      if (!KNOWN_PROP_NAMES.has(prop)) {
+        throw new Error(`"${label}" has no property "${prop}"`);
+      }
+      return staticPropValue(item, prop);
+    },
+    // Drill into a container layer's own timeline.
+    child(name) {
+      const clip = entry.clip || scene?.clipOf?.(entry.item);
+      if (!isContainerClip(clip)) throw new Error(`"${label}" is not a sequence, so it has no layers inside it`);
+      if (evalDepth >= MAX_LAYER_DEPTH) return null;
+      const index = innerIndexOf(clip);
+      const found = index?.get(String(name).trim().toLowerCase());
+      if (!found) throw new Error(`"${label}" has no layer named ${JSON.stringify(String(name))} inside it`);
+      const innerNow = () => containerInnerTime(entry.item, localTime());
+      return layerReader(found, innerNow, `${label} \u203A ${name}`);
+    }
+  };
+}
+function readerFor(entry) {
+  return layerReader(entry, () => Number(scene?.time) || 0, scene?.nameOf?.(entry) || "that layer");
+}
 var trackSampler = null;
 function setKeyframeTrackSampler(fn) {
   if (typeof fn === "function") trackSampler = fn;
 }
+function linearSampleTrack(track, pct) {
+  const keys = [...track].sort((a, b2) => Number(a.position) - Number(b2.position));
+  const first = keys[0];
+  const last = keys[keys.length - 1];
+  if (pct <= Number(first.position)) return numOr(first.value, 0);
+  if (pct >= Number(last.position)) return numOr(last.value, 0);
+  for (let i = 0; i < keys.length - 1; i += 1) {
+    const a = keys[i];
+    const b2 = keys[i + 1];
+    const pa = Number(a.position);
+    const pb = Number(b2.position);
+    if (pct >= pa && pct <= pb) {
+      const u = pb > pa ? (pct - pa) / (pb - pa) : 0;
+      return numOr(a.value, 0) + (numOr(b2.value, 0) - numOr(a.value, 0)) * u;
+    }
+  }
+  return numOr(last.value, 0);
+}
+function sampleTrackAt(track, pct) {
+  const v = trackSampler ? trackSampler(track, pct) : linearSampleTrack(track, pct);
+  return numOr(v, 0);
+}
+function glideTrackValue(cfg, track, pct, base, durationSec) {
+  const { fast, slow, weight, delay } = cfg.params;
+  const ctx = {
+    value: base,
+    time: pct / 100 * durationSec,
+    valueAt: (tSec) => sampleTrackAt(track, tSec / durationSec * 100)
+  };
+  return glideValue(ctx, fast, slow, weight / 100, delay);
+}
+function expressionContext(item, track, pct, base, durationSec, seedKey) {
+  const localTime = pct / 100 * durationSec;
+  const fps = Number(scene?.fps) > 0 ? Number(scene.fps) : 30;
+  const selfEntry = scene?.index?.get(item?.id) || null;
+  const keys = Array.isArray(track) ? track : [];
+  return {
+    value: base,
+    time: localTime,
+    frame: Math.floor(localTime * fps + 1e-6),
+    fps,
+    duration: durationSec,
+    progress: pct / 100,
+    index: selfEntry?.channelIndex ?? 0,
+    seed: stringSeed(seedKey),
+    // This property's own keyframes, in clip-local seconds, plus a sampler —
+    // what loopOut/loopIn/valueAtTime read.
+    keyTimes: keys.map((k) => Number(k.position) / 100 * durationSec).filter((t) => Number.isFinite(t)).sort((a, b2) => a - b2),
+    valueAt: (tSec) => durationSec > 0 ? sampleTrackAt(keys, tSec / durationSec * 100) : base,
+    resolveLayer: (name) => {
+      if (evalDepth >= MAX_LAYER_DEPTH) return null;
+      if (typeof name === "number") {
+        for (const entry of scene?.index?.values() || []) {
+          if (entry.channelIndex === Math.trunc(name)) return readerFor(entry);
+        }
+        return null;
+      }
+      const found = layersByName()?.get(String(name).trim().toLowerCase());
+      return found ? readerFor(found) : null;
+    },
+    resolveSelf: () => selfEntry ? readerFor(selfEntry) : null
+  };
+}
+function evaluateKeyframeFx(cfg, track, pct, base, durationSec, seedKey = "", item = null) {
+  if (!cfg || !Array.isArray(track) || track.length === 0) return base;
+  if (!Number.isFinite(base) || !(durationSec > 0)) return base;
+  switch (cfg.type) {
+    case "elastic":
+      return elasticValue(cfg, track, pct, base, durationSec);
+    case "bounce":
+      return bounceValue(cfg, track, pct, base, durationSec);
+    case "wiggle":
+      return base + wiggleOffset(cfg, pct / 100 * durationSec, stringSeed(seedKey));
+    case "glide":
+      return glideTrackValue(cfg, track, pct, base, durationSec);
+    case "custom": {
+      const ctx = expressionContext(item || {}, track, pct, base, durationSec, seedKey);
+      return runExpression(cfg.params.code, ctx).value;
+    }
+    default:
+      return base;
+  }
+}
+function applyKeyframeFxToValues(item, values, progress, durationSec) {
+  const fxMap = item?.propertyKeyframeFx;
+  if (!values || !hasAnyKeyframeFx(fxMap)) return values;
+  if (evalDepth >= MAX_LAYER_DEPTH) return values;
+  let out = values;
+  let cloned = false;
+  const pct = progress * 100;
+  for (const [prop, cfg] of Object.entries(fxMap)) {
+    const track = item.propertyKeyframes?.[prop];
+    if (!Array.isArray(track) || track.length === 0) continue;
+    const base = Number.parseFloat(out[prop]);
+    if (!Number.isFinite(base)) continue;
+    const v = evaluateKeyframeFx(cfg, track, pct, base, durationSec, `${item.id || ""}|${prop}`, item);
+    if (v !== base) {
+      if (!cloned) {
+        out = { ...values };
+        cloned = true;
+      }
+      out[prop] = v;
+    }
+  }
+  return out;
+}
 
 // src/components/videoEditor/appEases.js
 init_define_import_meta_env();
@@ -14762,6 +16395,17 @@ function playedEase(easingType) {
   return parseEase(getGsapEase(easingType));
 }
 
+// src/components/videoEditor/posterizeTime.js
+init_define_import_meta_env();
+var integrateRate = null;
+function setPosterizeRateIntegrator(fn) {
+  integrateRate = typeof fn === "function" ? fn : null;
+}
+var PT_NUMBER_FIELDS = [
+  { key: "ptFps", label: "Frame Rate", min: 1, max: 60, step: 1, suffix: "fps", kf: true }
+];
+var PT_KF_KEYS = PT_NUMBER_FIELDS.filter((f2) => f2.kf).map((f2) => f2.key);
+
 // src/components/videoEditor/gsapTransitions.js
 var HOLD_EASE = () => 0;
 var customEaseCache = /* @__PURE__ */ new Map();
@@ -14915,7 +16559,92 @@ function evaluatePropertyTrack(track, pct, isColor = false) {
   const easeFn = resolveKeyEase(low);
   return lerpValue(low.value, high.value, easeFn(linearT), isColor);
 }
+function evaluatePathTrack(track, pct, prop = null) {
+  if (!Array.isArray(track) || track.length === 0) return void 0;
+  const sorted = [...track].sort((a2, b3) => a2.position - b3.position);
+  const read = (key) => decodePathTrackValue(prop, key?.value) || void 0;
+  if (sorted.length === 1 || pct <= sorted[0].position) return read(sorted[0]);
+  if (pct >= sorted[sorted.length - 1].position) return read(sorted[sorted.length - 1]);
+  let low = sorted[0];
+  let high = sorted[1];
+  for (let i = 0; i < sorted.length - 1; i += 1) {
+    if (pct >= sorted[i].position && pct <= sorted[i + 1].position) {
+      low = sorted[i];
+      high = sorted[i + 1];
+      break;
+    }
+  }
+  const a = read(low);
+  const b2 = read(high);
+  if (!a) return b2;
+  if (!b2) return a;
+  const range = high.position - low.position;
+  const linearT = range > 0 ? (pct - low.position) / range : 0;
+  const easeFn = resolveKeyEase(low);
+  return interpolatePathTrackValues(prop, a, b2, easeFn(linearT));
+}
+function interpolatePropertyKeyframes(propertyKeyframes, progress, transformOrigin = "center") {
+  if (!propertyKeyframes || typeof propertyKeyframes !== "object") return null;
+  const pct = progress * 100;
+  const values = {};
+  let any = false;
+  for (const [prop, track] of Object.entries(propertyKeyframes)) {
+    const v = isPathTrackKey(prop) ? evaluatePathTrack(track, pct, prop) : evaluatePropertyTrack(track, pct, isColorTrackKey(prop));
+    if (v !== void 0) {
+      values[prop] = v;
+      any = true;
+    }
+  }
+  if (!any) return null;
+  values.transformOrigin = typeof transformOrigin === "string" && transformOrigin.trim() ? transformOrigin.trim() : "center";
+  return values;
+}
 setKeyframeTrackSampler((track, pct) => evaluatePropertyTrack(track, pct, false));
+function getItemKeyframeValues(item, progress) {
+  if (!item) return null;
+  const values = interpolatePropertyKeyframes(item.propertyKeyframes, progress, item.keyframeTransformOrigin);
+  if (!values || !hasAnyKeyframeFx(item.propertyKeyframeFx)) return values;
+  const durationSec = getTimelineDuration(
+    Math.max(0, (Number(item.trimEnd) || 0) - (Number(item.trimStart) || 0)),
+    item.speedPoints
+  );
+  return applyKeyframeFxToValues(item, values, progress, durationSec);
+}
+var pathRateIntegralCache = /* @__PURE__ */ new Map();
+function integratePathRate(item, rateKey, staticValue, localTime, durationSec) {
+  const track = item?.propertyKeyframes?.[rateKey];
+  if (!Array.isArray(track) || track.length === 0 || !(durationSec > 0)) {
+    return localTime * staticValue;
+  }
+  const cacheId = `${item.id}|${rateKey}`;
+  const key = `${JSON.stringify(track)}:${Math.round(durationSec * 1e3)}`;
+  let entry = pathRateIntegralCache.get(cacheId);
+  if (!entry || entry.key !== key) {
+    const steps = Math.max(8, Math.min(3600, Math.ceil(durationSec * 30)));
+    const cum = new Float64Array(steps + 1);
+    const dt = durationSec / steps;
+    const valueAt = (progress) => {
+      const v = getItemKeyframeValues(item, progress)[rateKey];
+      return Number.isFinite(v) ? v : staticValue;
+    };
+    let prev = valueAt(0);
+    for (let i2 = 1; i2 <= steps; i2 += 1) {
+      const v = valueAt(i2 / steps);
+      cum[i2] = cum[i2 - 1] + (prev + v) / 2 * dt;
+      prev = v;
+    }
+    entry = { key, cum, steps };
+    pathRateIntegralCache.set(cacheId, entry);
+    if (pathRateIntegralCache.size > 64) {
+      const first = pathRateIntegralCache.keys().next().value;
+      if (first !== cacheId) pathRateIntegralCache.delete(first);
+    }
+  }
+  const f2 = Math.max(0, Math.min(1, localTime / durationSec)) * entry.steps;
+  const i = Math.min(Math.floor(f2), entry.steps - 1);
+  return entry.cum[i] + (entry.cum[i + 1] - entry.cum[i]) * (f2 - i);
+}
+setPosterizeRateIntegrator(integratePathRate);
 function commonToPropertyKeyframes(keyframes, allowedProps = KF_PROP_LABELS) {
   const propertyKeyframes = {};
   const list = Array.isArray(keyframes) ? [...keyframes].sort((a, b2) => a.position - b2.position) : [];
@@ -15012,7 +16741,7 @@ function parseColorWithAlpha(value) {
     }
   }
   try {
-    const color = new THREE.Color(str);
+    const color = new f(str);
     return { r: color.r, g: color.g, b: color.b, a: 1 };
   } catch {
     return null;
@@ -15050,7 +16779,7 @@ function directionsOf(preset) {
   return preset.directions === "diagonal" ? DIAGONAL : CARDINAL;
 }
 var transpose = ([[a, b2], [c, d]]) => [[a, c], [b2, d]];
-var mul2 = ([[a, b2], [c, d]], [[e2, f], [g, h]]) => [[a * e2 + b2 * g, a * f + b2 * h], [c * e2 + d * g, c * f + d * h]];
+var mul2 = ([[a, b2], [c, d]], [[e2, f2], [g, h]]) => [[a * e2 + b2 * g, a * f2 + b2 * h], [c * e2 + d * g, c * f2 + d * h]];
 var det = ([[a, b2], [c, d]]) => a * d - b2 * c;
 function directionMap(baseDir, dir) {
   const base = FROM_CANONICAL[baseDir];
@@ -15058,7 +16787,7 @@ function directionMap(baseDir, dir) {
   if (!base || !target) return [[1, 0], [0, 1]];
   return mul2(target, transpose(base));
 }
-var num2 = (v) => Number.parseFloat(v);
+var num5 = (v) => Number.parseFloat(v);
 var fmt = (v) => {
   const r = Math.round(v * 1e4) / 1e4;
   return String(Object.is(r, -0) ? 0 : r);
@@ -15071,13 +16800,13 @@ function mapProperties(props, M) {
     if (!hasX && !hasY) continue;
     delete out[px];
     delete out[py];
-    const x = hasX ? num2(props[px]) : 0;
-    const y = hasY ? num2(props[py]) : 0;
+    const x = hasX ? num5(props[px]) : 0;
+    const y = hasY ? num5(props[py]) : 0;
     const [[a, b2], [c, d]] = M;
     if (a !== 0 && hasX || b2 !== 0 && hasY) out[px] = fmt(a * x + b2 * y);
     if (c !== 0 && hasX || d !== 0 && hasY) out[py] = fmt(c * x + d * y);
   }
-  if (det(M) < 0 && props.rotate != null && props.rotate !== "") out.rotate = fmt(-num2(props.rotate));
+  if (det(M) < 0 && props.rotate != null && props.rotate !== "") out.rotate = fmt(-num5(props.rotate));
   return out;
 }
 function mapFx(fx, M) {
@@ -15950,6 +17679,966 @@ function applyKeyframePreset(item, preset, { startPct = 0, endPct = 100 } = {})
   return out;
 }
 
+// src/components/videoEditor/cameraMotionPresets.js
+init_define_import_meta_env();
+var CAMERA_MOTION_NEUTRAL = {
+  camZoom: 1,
+  camX: 0,
+  camY: 0,
+  camRoll: 0,
+  camDolly: 0,
+  camTiltX: 0,
+  camTiltY: 0
+};
+var DOF_DEFAULTS = {
+  camDofEnabled: 0,
+  camFocusDistance: 0,
+  camFocusX: 50,
+  camFocusY: 50,
+  camAperture: 24,
+  camBlurLevel: 100,
+  camHighlightGain: 0,
+  camFocusWidth: 0
+};
+var E = TransitionEasing;
+var RAW = [
+  // ── Cinematic ──
+  {
+    id: "cm-quiet-push",
+    category: "Cinematic",
+    name: "Quiet Push",
+    easeLabel: "AE Smooth",
+    duration: 6,
+    description: "A restrained forward creep \u2014 attention without announcing itself",
+    k: [
+      { p: 0, e: E.AE_SMOOTH, v: { camZoom: 1.02, camY: 1 } },
+      { p: 100, v: { camZoom: 1.16, camDolly: 80, camY: 0 } }
+    ]
+  },
+  {
+    id: "cm-swoop-dive",
+    category: "Cinematic",
+    name: "Swoop Dive",
+    easeLabel: "Expo Out",
+    duration: 4.5,
+    description: "A drone dive from high and behind that levels off at the subject",
+    k: [
+      { p: 0, e: E.EXPO_OUT, v: { camY: 9, camTiltX: -14, camZoom: 1.35, camDolly: -120, camRoll: -3 } },
+      { p: 100, v: { camY: -3, camTiltX: 3, camZoom: 1.1, camDolly: 160, camRoll: 0 } }
+    ]
+  },
+  {
+    id: "cm-corkscrew",
+    category: "Cinematic",
+    name: "Corkscrew",
+    easeLabel: "AE Smooth",
+    duration: 5,
+    description: "Screws in from a canted wide \u2014 roll, yaw and zoom resolve together",
+    k: [
+      { p: 0, e: E.AE_SMOOTH, v: { camRoll: -22, camTiltY: -10, camZoom: 1.6, camX: -5, camY: -3 } },
+      { p: 100, v: { camRoll: 0, camTiltY: 4, camZoom: 1.08, camX: 1, camY: 0 } }
+    ]
+  },
+  {
+    id: "cm-fast-orbit",
+    category: "Cinematic",
+    name: "Fast Orbit",
+    easeLabel: "Linear",
+    duration: 3,
+    description: "A brisk constant-speed yaw sweep with real angular strength",
+    k: [
+      { p: 0, e: E.LINEAR, v: { camTiltY: -20, camX: -8, camZoom: 1.12 } },
+      { p: 100, v: { camTiltY: 20, camX: 8, camZoom: 1.12 } }
+    ]
+  },
+  // Ported from the retired popover catalog (CAMERA_PRESETS 'lateral-glide').
+  {
+    id: "cm-lateral-glide",
+    category: "Cinematic",
+    name: "Lateral Glide",
+    easeLabel: "Smooth",
+    duration: 6,
+    description: "A polished slider move with just enough yaw to reveal depth",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camX: -7, camY: 0.8, camTiltY: -1.8, camZoom: 1.08 } },
+      { p: 50, e: E.EASE_IN_OUT, v: { camX: 0, camY: 0, camTiltY: 0, camZoom: 1.1 } },
+      { p: 100, v: { camX: 7, camY: -0.8, camTiltY: 1.8, camZoom: 1.12 } }
+    ]
+  },
+  // Ported from the retired popover catalog (CAMERA_PRESETS 'parallax-arc').
+  {
+    id: "cm-parallax-arc",
+    category: "Cinematic",
+    name: "Parallax Arc",
+    easeLabel: "Smooth",
+    duration: 7,
+    description: "An arcing move that lets foreground and background separate",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camX: -8, camTiltY: -4.5, camDolly: -80, camZoom: 1.08 } },
+      { p: 50, e: E.EASE_IN_OUT, v: { camX: 0, camTiltY: 0, camDolly: 170, camZoom: 1.13 } },
+      { p: 100, v: { camX: 8, camTiltY: 4.5, camDolly: -80, camZoom: 1.08 } }
+    ]
+  },
+  // Ported from the Mockup builder's Arc Close-Up (mockupGenerator/PresetsPanel.jsx).
+  {
+    id: "cm-arc-closeup",
+    category: "Cinematic",
+    name: "Arc Close-Up",
+    easeLabel: "Cubic Out",
+    duration: 6,
+    description: "Sweeps in on an arc and lands in a crisp close detail",
+    k: [
+      { p: 0, e: E.CUBIC_OUT, v: { camX: -11, camY: 2, camTiltY: -9, camDolly: -140, camZoom: 0.96 } },
+      { p: 30, e: E.EASE_IN_OUT, v: { camX: -4, camY: 1, camTiltY: -4, camDolly: 40, camZoom: 1.06 } },
+      { p: 65, e: E.EASE_IN_OUT, v: { camX: 5, camY: -1, camTiltY: 2, camDolly: 230, camZoom: 1.26 } },
+      { p: 100, v: { camX: 1.5, camY: 0, camTiltY: 3, camDolly: 160, camZoom: 1.16 } }
+    ]
+  },
+  // ── Editorial ──
+  {
+    id: "cm-slingshot",
+    category: "Editorial",
+    name: "Slingshot",
+    easeLabel: "Impulse",
+    duration: 1.8,
+    description: "Pulls back to load, then launches forward \u2014 one Impulse segment",
+    k: [
+      { p: 0, e: E.IMPULSE, v: { camZoom: 1.05 } },
+      { p: 100, v: { camZoom: 1.75, camDolly: 260, camY: -1 } }
+    ]
+  },
+  {
+    id: "cm-step-zoom",
+    category: "Editorial",
+    name: "Step Zoom",
+    easeLabel: "Hold (cuts)",
+    duration: 2.4,
+    description: "Three hard cuts closer \u2014 hold keys, no interpolation at all",
+    k: [
+      { p: 0, e: E.HOLD, v: {} },
+      { p: 25, e: E.HOLD, v: { camZoom: 1.16, camX: 2 } },
+      { p: 50, e: E.HOLD, v: { camZoom: 1.32, camX: -1.5 } },
+      { p: 75, e: E.HOLD, v: { camZoom: 1.5, camX: 0 } },
+      { p: 100, v: {} }
+    ]
+  },
+  {
+    id: "cm-handheld-breath",
+    category: "Editorial",
+    name: "Handheld Breath",
+    easeLabel: "Sine",
+    duration: 8,
+    description: "Small, irregular operator drift without the synthetic wobble",
+    k: [
+      { p: 0, e: E.SINE_IN_OUT, v: { camX: -0.4, camY: 0.4, camRoll: -0.15, camZoom: 1.05 } },
+      { p: 19, e: E.SINE_IN_OUT, v: { camX: 1.1, camY: -0.6, camRoll: 0.3, camZoom: 1.062 } },
+      { p: 43, e: E.SINE_IN_OUT, v: { camX: -0.8, camY: 0.9, camRoll: -0.25, camZoom: 1.054 } },
+      { p: 68, e: E.SINE_IN_OUT, v: { camX: 0.6, camY: 0.2, camRoll: 0.2, camZoom: 1.068 } },
+      { p: 87, e: E.SINE_IN_OUT, v: { camX: -0.9, camY: -0.5, camRoll: -0.22, camZoom: 1.058 } },
+      { p: 100, v: { camX: -0.4, camY: 0.4, camRoll: -0.15, camZoom: 1.05 } }
+    ]
+  },
+  // Ported from the Mockup builder's Soft Land.
+  {
+    id: "cm-soft-land",
+    category: "Editorial",
+    name: "Soft Land",
+    easeLabel: "Expo Out",
+    duration: 4.2,
+    description: "Drops in from above and settles onto the framing without a bump",
+    k: [
+      { p: 0, e: E.EXPO_OUT, v: { camY: 9, camTiltX: -8, camDolly: -130, camZoom: 0.94, camRoll: -2 } },
+      { p: 60, e: E.EASE_IN_OUT, v: { camY: -0.6, camTiltX: 1.2, camDolly: 30, camZoom: 1.04, camRoll: 0.4 } },
+      { p: 100, v: { camY: 0, camTiltX: 0.6, camDolly: 0, camZoom: 1.01, camRoll: 0 } }
+    ]
+  },
+  // Ported from the retired popover catalog (CAMERA_PRESETS 'documentary-follow').
+  {
+    id: "cm-documentary-follow",
+    category: "Editorial",
+    name: "Documentary Follow",
+    easeLabel: "Smooth",
+    duration: 5,
+    description: "A gently imperfect follow move that keeps finding the subject",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camX: -3, camY: 1.5, camRoll: -0.15, camZoom: 1.06 } },
+      { p: 38, e: E.EASE_IN_OUT, v: { camX: 1, camY: -0.5, camRoll: 0.25, camZoom: 1.1 } },
+      { p: 72, e: E.EASE_IN_OUT, v: { camX: -0.5, camY: 0.8, camRoll: -0.1, camZoom: 1.08 } },
+      { p: 100, v: { camX: 2.5, camY: 0, camRoll: 0.1, camZoom: 1.12 } }
+    ]
+  },
+  // ── Energy ──
+  {
+    id: "cm-weave-run",
+    category: "Energy",
+    name: "Weave Run",
+    easeLabel: "Sine",
+    duration: 5.5,
+    description: "A forward run that slaloms through the frame, banking into each turn",
+    k: [
+      { p: 0, e: E.SINE_IN_OUT, v: { camX: -8, camRoll: -3, camDolly: -150, camZoom: 1.1, camTiltY: -4 } },
+      { p: 30, e: E.SINE_IN_OUT, v: { camX: 6, camRoll: 3, camDolly: 0, camTiltY: 3 } },
+      { p: 60, e: E.SINE_IN_OUT, v: { camX: -5, camRoll: -2.5, camDolly: 140, camTiltY: -3 } },
+      { p: 100, v: { camX: 7, camRoll: 2, camDolly: 300, camTiltY: 4 } }
+    ]
+  },
+  // Ported from the Mockup builder's S-Curve Drift.
+  {
+    id: "cm-s-curve-drift",
+    category: "Energy",
+    name: "S-Curve Drift",
+    easeLabel: "Smooth",
+    duration: 6.5,
+    description: "An elegant S-shaped path that keeps changing direction mid-drift",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camX: -10, camY: 3, camTiltY: -6, camDolly: -90, camZoom: 1.05, camRoll: -1 } },
+      { p: 33, e: E.EASE_IN_OUT, v: { camX: 4, camY: -1.5, camTiltY: 1, camDolly: 60, camZoom: 1.12, camRoll: 0.5 } },
+      { p: 66, e: E.EASE_IN_OUT, v: { camX: -3, camY: 1, camTiltY: -2, camDolly: 160, camZoom: 1.18, camRoll: -0.5 } },
+      { p: 100, v: { camX: 10, camY: -2, camTiltY: 5, camDolly: 90, camZoom: 1.1, camRoll: 1 } }
+    ]
+  },
+  // Ported from the Mockup builder's Macro Sweep.
+  {
+    id: "cm-macro-sweep",
+    category: "Energy",
+    name: "Macro Sweep",
+    easeLabel: "Smooth",
+    duration: 5,
+    description: "Stays tight on the subject while sweeping across it side to side",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camZoom: 1.5, camX: -8, camTiltY: -5, camY: 1 } },
+      { p: 50, e: E.EASE_IN_OUT, v: { camZoom: 1.62, camX: 2, camTiltY: 1, camY: -0.5 } },
+      { p: 100, v: { camZoom: 1.46, camX: 9, camTiltY: 5, camY: 1 } }
+    ]
+  },
+  // Authored by hand in the graph editor (the "8.8 Preview" project) and lifted from
+  // it verbatim. Pure DOLLY, no zoom: the viewpoint really travels, so the parallax
+  // opens up instead of the lens just magnifying. Two very different segments —
+  // 0–71 % is a LINEAR creep of ~137 px that reads as almost nothing, then one
+  // hand-shaped segment holds and detonates (dolly ~490 at its midpoint, ~1420 at
+  // 90 %, 2600 at the end). 2600 is past the comp plane of a 1080-tall project
+  // (perspectiveDistance ≈ 2166), so the last instant flies THROUGH the frame —
+  // that blow-out is the point of the move, not a bug. Park layers on negative panZ
+  // if you want the camera to stop short of them instead. `sparse` keeps it to the
+  // ONE dolly track — no constant zoom/pan/roll/tilt tracks to wade through in the
+  // keyframe builder, and it layers onto a pose you have already framed.
+  {
+    id: "cm-punch-through",
+    category: "Energy",
+    name: "Punch Through",
+    easeLabel: "Custom",
+    duration: 8.7,
+    sparse: true,
+    description: "A long, almost invisible creep forward that detonates into a flight straight through the frame",
+    k: [
+      { p: 0, e: E.LINEAR, v: { camDolly: 98 } },
+      { p: 71, e: E.CUSTOM, b: [0.8187, 0.1079, 0.9089, 0.302], v: { camDolly: 234.7692 } },
+      { p: 100, e: E.AE_IN, v: { camDolly: 2600 } }
+    ]
+  },
+  // ── Loops (first and last snapshots match, so trimming loops cleanly) ──
+  {
+    id: "cm-orbit-pulse",
+    category: "Loops",
+    name: "Orbit Pulse",
+    easeLabel: "Sine",
+    duration: 7,
+    description: "A seamless orbit that breathes closer on every pass",
+    k: [
+      { p: 0, e: E.SINE_IN_OUT, v: { camTiltY: -13, camX: -5, camY: 1, camZoom: 1.06 } },
+      { p: 50, e: E.SINE_IN_OUT, v: { camTiltY: 13, camX: 5, camY: -1, camZoom: 1.2 } },
+      { p: 100, v: { camTiltY: -13, camX: -5, camY: 1, camZoom: 1.06 } }
+    ]
+  },
+  // Ported from the Mockup builder's Float & Rotate.
+  {
+    id: "cm-float",
+    category: "Loops",
+    name: "Float",
+    easeLabel: "Sine",
+    duration: 5.5,
+    description: "A weightless vertical bob with a slow roll \u2014 ambient and seamless",
+    k: [
+      { p: 0, e: E.SINE_IN_OUT, v: { camY: 2.2, camRoll: -1.6, camZoom: 1.1 } },
+      { p: 50, e: E.SINE_IN_OUT, v: { camY: -2.2, camRoll: 1.6, camZoom: 1.17 } },
+      { p: 100, v: { camY: 2.2, camRoll: -1.6, camZoom: 1.1 } }
+    ]
+  },
+  {
+    id: "cm-figure-eight",
+    category: "Loops",
+    name: "Figure Eight",
+    easeLabel: "Sine",
+    duration: 6,
+    description: "Traces a loop through the frame and returns exactly to its start",
+    k: [
+      { p: 0, e: E.SINE_IN_OUT, v: { camX: -11, camY: 0, camRoll: 0, camZoom: 1.15 } },
+      { p: 25, e: E.SINE_IN_OUT, v: { camX: 0, camY: 7, camRoll: 2.5 } },
+      { p: 50, e: E.SINE_IN_OUT, v: { camX: 11, camY: 0, camRoll: 0 } },
+      { p: 75, e: E.SINE_IN_OUT, v: { camX: 0, camY: -7, camRoll: -2.5 } },
+      { p: 100, v: { camX: -11, camY: 0, camRoll: 0 } }
+    ]
+  },
+  // ── Focus (ported from the retired popover catalog; DOF tracks, so they only
+  //    read with the camera's Depth of Field enabled — they enable it themselves) ──
+  {
+    id: "cm-rack-to-near",
+    category: "Focus",
+    name: "Rack to Near",
+    easeLabel: "Smooth",
+    duration: 3.5,
+    description: "Holds the background, then pulls focus onto a near subject",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camDofEnabled: 1, camFocusDistance: 2800, camFocusX: 68, camFocusY: 48, camAperture: 36, camBlurLevel: 110, camHighlightGain: 18 } },
+      { p: 22, e: E.EASE_IN_OUT, v: {} },
+      { p: 78, e: E.EASE_IN_OUT, v: { camFocusDistance: 1350, camFocusX: 35, camFocusY: 55 } },
+      { p: 100, v: {} }
+    ]
+  },
+  {
+    id: "cm-rack-to-far",
+    category: "Focus",
+    name: "Rack to Far",
+    easeLabel: "Smooth",
+    duration: 3.5,
+    description: "Transfers attention from a close detail to the scene behind it",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camDofEnabled: 1, camFocusDistance: 1350, camFocusX: 35, camFocusY: 55, camAperture: 36, camBlurLevel: 110, camHighlightGain: 18 } },
+      { p: 22, e: E.EASE_IN_OUT, v: {} },
+      { p: 78, e: E.EASE_IN_OUT, v: { camFocusDistance: 2800, camFocusX: 68, camFocusY: 48 } },
+      { p: 100, v: {} }
+    ]
+  },
+  {
+    id: "cm-focus-chase",
+    category: "Focus",
+    name: "Focus Chase",
+    easeLabel: "Smooth",
+    duration: 6,
+    description: "Moves attention across three depth beats for layered layouts",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camDofEnabled: 1, camFocusDistance: 1450, camFocusX: 28, camFocusY: 55, camAperture: 30, camBlurLevel: 95, camHighlightGain: 12 } },
+      { p: 45, e: E.EASE_IN_OUT, v: { camFocusDistance: 2600, camFocusX: 72, camFocusY: 42 } },
+      { p: 100, v: { camFocusDistance: 1750, camFocusX: 48, camFocusY: 50 } }
+    ]
+  },
+  {
+    id: "cm-macro-bloom",
+    category: "Focus",
+    name: "Macro Bloom",
+    easeLabel: "Smooth",
+    duration: 4.5,
+    description: "Pushes into a detail while focus and highlight bloom tighten",
+    k: [
+      { p: 0, e: E.EASE_IN_OUT, v: { camZoom: 1.05, camDolly: 0, camDofEnabled: 1, camFocusDistance: 2500, camFocusX: 50, camFocusY: 50, camAperture: 28, camBlurLevel: 100, camHighlightGain: 15 } },
+      { p: 52, e: E.EASE_IN_OUT, v: { camZoom: 1.16, camDolly: 100, camFocusDistance: 1650, camAperture: 46, camBlurLevel: 125, camHighlightGain: 32 } },
+      { p: 100, v: { camZoom: 1.23, camDolly: 180, camFocusDistance: 1150, camAperture: 38, camBlurLevel: 110, camHighlightGain: 22 } }
+    ]
+  },
+  // Deliberately LAST in the wall (user's call) rather than up with the other
+  // Cinematic moves — array order is card order, in "All" and inside a category chip
+  // alike. The reveal itself is an ENDING beat: hold the close-up, swing open in the
+  // last stretch.
+  {
+    id: "cm-grand-reveal",
+    category: "Cinematic",
+    name: "Grand Reveal",
+    easeLabel: "Smooth",
+    duration: 3.5,
+    description: "Holds an extreme tilted close-up, then swings open right at the end",
+    k: [
+      { p: 0, e: E.LINEAR, v: { camZoom: 2.3, camRoll: -5, camY: -4, camDolly: 220 } },
+      { p: 55, e: E.EASE_IN_OUT, v: {} },
+      { p: 100, v: { camZoom: 1, camRoll: 0, camY: 0, camDolly: 0 } }
+    ]
+  }
+];
+var CAMERA_MOTION_PRESETS = RAW.map(({ k, sparse, ...meta }) => {
+  const used = new Set(k.flatMap((key) => Object.keys(key.v)));
+  const usesMotion = !sparse && Object.keys(CAMERA_MOTION_NEUTRAL).some((prop) => used.has(prop));
+  let prev = usesMotion ? { ...CAMERA_MOTION_NEUTRAL } : {};
+  for (const prop of Object.keys(DOF_DEFAULTS)) {
+    if (used.has(prop)) prev[prop] = DOF_DEFAULTS[prop];
+  }
+  const keyframes = k.map((key) => {
+    const pose = { ...prev, ...key.v };
+    prev = pose;
+    const properties = {};
+    for (const [prop, value] of Object.entries(pose)) properties[prop] = String(value);
+    return {
+      position: key.p,
+      easing: key.e || TransitionEasing.EASE_IN_OUT,
+      ...key.b ? { bezier: [...key.b] } : {},
+      properties
+    };
+  });
+  return { ...meta, keyframes };
+});
+
+// src/components/videoEditor/cameraRig.js
+init_define_import_meta_env();
+var D2R = Math.PI / 180;
+var CAMERA_RIG_TYPES = ["orbit", "dolly", "crane", "pushIn", "truck", "spiral", "handheld", "follow"];
+var CAMERA_RIG_PARAM_META = {
+  radius: { label: "Radius", min: 100, max: 2e4, step: 10, suffix: "px" },
+  height: { label: "Height", min: -8e3, max: 8e3, step: 10, suffix: "px" },
+  startAngle: { label: "Start", min: -360, max: 360, step: 1, suffix: "\xB0" },
+  sweep: { label: "Sweep", min: -720, max: 720, step: 1, suffix: "\xB0" },
+  rise: { label: "Rise", min: -8e3, max: 8e3, step: 10, suffix: "px" },
+  distance: { label: "Travel", min: -2e4, max: 2e4, step: 10, suffix: "px" },
+  turns: { label: "Turns", min: 0.25, max: 8, step: 0.25, suffix: "\xD7" },
+  tilt: { label: "Tilt", min: -80, max: 80, step: 1, suffix: "\xB0" },
+  roll: { label: "Roll", min: -180, max: 180, step: 1, suffix: "\xB0" },
+  amplitude: { label: "Amount", min: 0, max: 2e3, step: 5, suffix: "px" },
+  frequency: { label: "Rate", min: 0, max: 40, step: 0.5, suffix: "\xD7" }
+};
+var CAMERA_RIG_AIMS = ["center", "path"];
+var CAMERA_RIG_DEFAULTS = Object.freeze({
+  type: "orbit",
+  aim: "center",
+  radius: 1800,
+  height: 400,
+  startAngle: -40,
+  sweep: 90,
+  rise: 0,
+  tilt: -8,
+  roll: 0,
+  distance: 1200,
+  turns: 1,
+  amplitude: 0,
+  frequency: 0,
+  seed: 7
+});
+function num6(value, fallback, min, max) {
+  const n2 = typeof value === "number" ? value : Number(value);
+  if (!Number.isFinite(n2)) return fallback;
+  if (Number.isFinite(min) && n2 < min) return min;
+  if (Number.isFinite(max) && n2 > max) return max;
+  return n2;
+}
+function normalizeCameraRig(raw) {
+  const source = raw && typeof raw === "object" ? raw : {};
+  const D = CAMERA_RIG_DEFAULTS;
+  const out = { type: CAMERA_RIG_TYPES.includes(source.type) ? source.type : D.type };
+  out.aim = CAMERA_RIG_AIMS.includes(source.aim) ? source.aim : D.aim;
+  for (const [key, meta] of Object.entries(CAMERA_RIG_PARAM_META)) {
+    out[key] = num6(source[key], D[key], meta.min, meta.max);
+  }
+  out.seed = Math.round(num6(source.seed, D.seed, 0, 1e5));
+  out.targets = Array.isArray(source.targets) ? source.targets.filter((id) => typeof id === "string" && id).slice(0, 50) : [];
+  return out;
+}
+function noiseCell(seed, cell) {
+  const s = Math.sin(cell * 127.1 + seed * 311.7) * 43758.5453123;
+  return (s - Math.floor(s)) * 2 - 1;
+}
+function smoothNoise2(seed, x) {
+  const cell = Math.floor(x);
+  const f2 = x - cell;
+  const eased = f2 * f2 * f2 * (f2 * (f2 * 6 - 15) + 10);
+  return noiseCell(seed, cell) * (1 - eased) + noiseCell(seed, cell + 1) * eased;
+}
+var drift = (seed, x) => smoothNoise2(seed, x) * 0.65 + smoothNoise2(seed + 19, x * 2.13) * 0.35;
+function evalCameraRig(rig, u, ctx = null) {
+  const r = normalizeCameraRig(rig);
+  const t = Math.max(0, Math.min(1, num6(u, 0)));
+  const c = ctx?.center ? { x: num6(ctx.center.x, 0), y: num6(ctx.center.y, 0), z: num6(ctx.center.z, 0) } : { x: 0, y: 0, z: 0 };
+  const pos = rigPosition(r, t, c);
+  const lift = -r.height * (r.tilt / 45);
+  if (r.aim === "path") {
+    const dir = rigTravelDirection(r, t, c);
+    if (dir) {
+      const reach = r.radius;
+      return {
+        pos,
+        aim: { x: pos.x + dir.x * reach, y: pos.y + dir.y * reach + lift, z: pos.z + dir.z * reach },
+        roll: r.roll
+      };
+    }
+  }
+  return { pos, aim: { x: c.x, y: c.y + lift, z: c.z }, roll: r.roll };
+}
+function rigTravelDirection(r, t, c) {
+  for (const h of [1e-3, 0.01, 0.05]) {
+    const a = rigPosition(r, t - h, c);
+    const b2 = rigPosition(r, t + h, c);
+    const dx = b2.x - a.x;
+    const dy = b2.y - a.y;
+    const dz = b2.z - a.z;
+    const len = Math.hypot(dx, dy, dz);
+    if (len > 1e-3) return { x: dx / len, y: dy / len, z: dz / len };
+  }
+  return null;
+}
+function rigPosition(r, t, c) {
+  const ang = (a) => a * D2R;
+  let pos;
+  switch (r.type) {
+    case "follow": {
+      const a = ang(r.startAngle + r.sweep * t);
+      pos = { x: c.x + Math.sin(a) * r.radius, y: c.y - r.height, z: c.z + Math.cos(a) * r.radius };
+      break;
+    }
+    case "dolly": {
+      const a = ang(r.startAngle);
+      const d = r.radius + r.distance * (1 - t);
+      pos = { x: Math.sin(a) * d, y: -r.height, z: Math.cos(a) * d };
+      break;
+    }
+    case "pushIn": {
+      const a = ang(r.startAngle);
+      const e2 = 1 - (1 - t) ** 3;
+      const d = r.radius + r.distance * (1 - e2);
+      pos = { x: Math.sin(a) * d, y: -r.height, z: Math.cos(a) * d };
+      break;
+    }
+    case "truck": {
+      const a = ang(r.startAngle);
+      const off = r.distance * (t - 0.5);
+      pos = {
+        x: Math.sin(a) * r.radius + Math.cos(a) * off,
+        y: -r.height,
+        z: Math.cos(a) * r.radius - Math.sin(a) * off
+      };
+      break;
+    }
+    case "crane": {
+      const a = ang(r.startAngle + r.sweep * t);
+      pos = { x: Math.sin(a) * r.radius, y: -(r.height + r.rise * t), z: Math.cos(a) * r.radius };
+      break;
+    }
+    case "spiral": {
+      const a = ang(r.startAngle + r.sweep * r.turns * t);
+      const rad = r.radius * (1 - 0.35 * t);
+      pos = { x: Math.sin(a) * rad, y: -(r.height + r.rise * t), z: Math.cos(a) * rad };
+      break;
+    }
+    case "handheld": {
+      const a = ang(r.startAngle);
+      const p = t * Math.max(0, r.frequency);
+      pos = {
+        x: Math.sin(a) * r.radius + drift(r.seed, p) * r.amplitude,
+        y: -r.height + drift(r.seed + 51, p) * r.amplitude * 0.7,
+        z: Math.cos(a) * r.radius + drift(r.seed + 97, p) * r.amplitude * 0.5
+      };
+      break;
+    }
+    case "orbit":
+    default: {
+      const a = ang(r.startAngle + r.sweep * t);
+      pos = { x: Math.sin(a) * r.radius, y: -r.height, z: Math.cos(a) * r.radius };
+      break;
+    }
+  }
+  return pos;
+}
+var CAMERA_RIG_PRESETS = [
+  { id: "heroOrbit", name: "Hero Orbit", rig: { type: "orbit", radius: 1800, height: 400, startAngle: -40, sweep: 90, tilt: -8 } },
+  { id: "slowReveal", name: "Slow Reveal", rig: { type: "orbit", radius: 2400, height: 220, startAngle: -120, sweep: 150, tilt: -4 } },
+  { id: "turntable", name: "Turntable", rig: { type: "orbit", radius: 1500, height: 300, startAngle: 0, sweep: 360, tilt: -6 } },
+  { id: "craneDown", name: "Crane Down", rig: { type: "crane", radius: 1700, height: 1400, startAngle: -30, sweep: 55, rise: -1100, tilt: 14 } },
+  { id: "riseReveal", name: "Rise & Reveal", rig: { type: "crane", radius: 1900, height: 150, startAngle: -60, sweep: 80, rise: 1200, tilt: -16 } },
+  { id: "pushIn", name: "Push In", rig: { type: "pushIn", radius: 900, height: 260, startAngle: 0, distance: 1800, tilt: -3 } },
+  { id: "pullBack", name: "Pull Back", rig: { type: "dolly", radius: 2600, height: 380, startAngle: 12, distance: -1700, tilt: -6 } },
+  { id: "truckLeft", name: "Truck Left", rig: { type: "truck", radius: 1600, height: 300, startAngle: 0, distance: 2200, tilt: -4 } },
+  // Retuned: the spiral pulls IN as it climbs (`radius * (1 - 0.35 * t)`), so the
+  // start radius has to leave room for that. At 2200 the move ended 1430 out and
+  // 1140 up and a normal product left the top of frame. 2800 lands the tightest
+  // moment at ~0.79 of frame height with the climb intact. Framing is a joint
+  // property of radius + rise + tilt here — retuning one alone just moves the clip.
+  { id: "productSpiral", name: "Product Spiral", rig: { type: "spiral", radius: 2800, height: 240, startAngle: -20, sweep: 300, turns: 1, rise: 800, tilt: -16 } },
+  { id: "handheldDrift", name: "Handheld Drift", rig: { type: "handheld", radius: 1500, height: 320, startAngle: -8, amplitude: 90, frequency: 1.5, tilt: -5 } },
+  // Follow presets carry NO targets — which layer to ride is project wiring, not
+  // part of a shot. The panel preserves the current list when a preset is applied.
+  { id: "droneFollow", name: "Drone Follow", rig: { type: "follow", radius: 1600, height: 420, startAngle: -35, sweep: 110, tilt: -7 } },
+  // A rear three-quarter chase: low, tight, and barely swinging — reads as a
+  // camera operator running behind the subject rather than a crane circling it.
+  { id: "chaseCam", name: "Chase Cam", rig: { type: "follow", radius: 950, height: 170, startAngle: 160, sweep: 35, tilt: -4 } }
+];
+function seedCameraRigProgress(propertyKeyframes) {
+  const existing = propertyKeyframes?.camPathT;
+  if (Array.isArray(existing) && existing.length > 0) return null;
+  return {
+    ...propertyKeyframes || {},
+    // `position`, NOT `time`, and `'Linear'`, NOT `'linear'`.
+    //
+    // A keyframe in this project is `{ position, value, easing }` with position in
+    // 0-100 percent of the clip. Written as `time` both keys parsed to position 0,
+    // the de-duplicator then collapsed them into one, and the result was a rig with
+    // a single 0 % key — visibly "the rig only made one keyframe", and a camera that
+    // never moved because progress never advanced. The easing string has to be a
+    // TransitionEasing VALUE ('Linear'), not its key name, or the sanitizer silently
+    // substitutes the default. Linear like every Path Progress track
+    // (objectMotionPath.js PATH_PROGRESS_EASING — not imported, this is a leaf).
+    camPathT: [
+      { position: 0, value: 0, easing: "Linear" },
+      { position: 100, value: 100, easing: "Linear" }
+    ]
+  };
+}
+
+// src/components/videoEditor/projectCamera.js
+init_define_import_meta_env();
+
+// src/components/videoEditor/keyframeParenting.js
+init_define_import_meta_env();
+var PARENTING_ADDITIVE = "additive";
+var PARENTING_FULL_COPY = "full-copy";
+var PARENTING_TYPE_LABELS = {
+  [PARENTING_ADDITIVE]: "Additive",
+  [PARENTING_FULL_COPY]: "Full Copy"
+};
+var PRS_KF_PROPS = [
+  "translateX",
+  "translateY",
+  "translateZ",
+  "xPercent",
+  "yPercent",
+  "rotate",
+  "rotateX",
+  "rotateY",
+  "scale",
+  "scaleX",
+  "scaleY",
+  // Path Progress belongs here too: a live motion path is the final authority on
+  // local position (see localPrs), so animating it on a layer whose PRS is owned
+  // by something else does nothing at all. Its offsets are the same story — they
+  // only displace the position the path just claimed.
+  "motionPathT",
+  "motionPathOffsetX",
+  "motionPathOffsetY",
+  "motionPathOffsetZ",
+  // The animated path itself (objectMotionPath.js MOTION_PATH_KF_KEY), same reason.
+  "motionPathPoints"
+];
+var PRS_KF_PROP_SET = new Set(PRS_KF_PROPS);
+var DEG2RAD2 = Math.PI / 180;
+var RAD2DEG = 180 / Math.PI;
+
+// src/components/videoEditor/smartZoomCamera.js
+init_define_import_meta_env();
+
+// src/components/videoEditor/smartZoom.js
+init_define_import_meta_env();
+var PRESETS2 = [
+  {
+    id: "studio",
+    hint: "Smooth spring zoom toward your clicks, like Screen Studio.",
+    short: "Like Screen Studio",
+    name: "Studio",
+    note: "Matches Screen Studio as measured: spring zoom, aims part-way to the clicks, the cursor trails your hand a little.",
+    camera: { preset: "studio", stiffness: 170, damping: 50, mass: 3, zoom: 1.45, motion: "independent", zoomSpace: "linear", follow: "clicks", boxRatio: 0.7, aim: 0.6, retargetLeadMs: 1e3, holdMinMs: 1500, rampMs: 40, edgeSnap: 0, preRollMs: 0 },
+    cursor: { smoothing: "spring", preset: "studio", strength: 1, splineTolPx: 2.5, landMs: 120, shakePx: 3, size: 1.5, clickEffect: "press", tilt: 0, hideIdleMs: 0 }
+  },
+  {
+    id: "calm",
+    hint: "A slower, gentler zoom that keeps the clicked spot in place.",
+    short: "Slow, gentle zoom",
+    name: "Calm",
+    note: "Slow, gentle and less zoom. The clicked spot stays put while the camera zooms. The cursor glides with no lag and fades when idle.",
+    camera: { preset: "calm", stiffness: 110, damping: 46, mass: 3, zoom: 1.35, motion: "aboutPoint", zoomSpace: "linear", follow: "clicks", boxRatio: 0.7, aim: 0.5, retargetLeadMs: 1200, holdMinMs: 1800, rampMs: 80, edgeSnap: 0, preRollMs: 0 },
+    cursor: { smoothing: "zerolag", preset: "soft", strength: 0.8, splineTolPx: 2.5, landMs: 160, shakePx: 3, size: 1.4, clickEffect: "press", tilt: 0, hideIdleMs: 2500 }
+  },
+  {
+    id: "precise",
+    hint: "A closer zoom that centres what you click.",
+    short: "Closer, clicks centred",
+    name: "Precise",
+    note: "Closer zoom that puts the clicks near the middle. The cursor follows your real path exactly, minus the shake. A ring shows each click.",
+    camera: { preset: "smooth", stiffness: 200, damping: 49, mass: 3, zoom: 1.6, motion: "aboutPoint", zoomSpace: "linear", follow: "clicks", boxRatio: 0.7, aim: 0.85, retargetLeadMs: 800, holdMinMs: 1500, rampMs: 40, edgeSnap: 0, preRollMs: 0 },
+    cursor: { smoothing: "spline", preset: "studio", strength: 1, splineTolPx: 2, landMs: 80, shakePx: 3, size: 1.3, clickEffect: "ring", tilt: 0, hideIdleMs: 0 }
+  },
+  {
+    id: "lively",
+    hint: "A fast, punchy zoom that goes in further.",
+    short: "Quick, punchy zoom",
+    name: "Lively",
+    note: "Quick, punchy zooms that go in further. The cursor is tight and tilts as it moves, for short social clips.",
+    camera: { preset: "snappy", stiffness: 340, damping: 66, mass: 3, zoom: 1.7, motion: "independent", zoomSpace: "log", follow: "clicks", boxRatio: 0.7, aim: 0.75, retargetLeadMs: 600, holdMinMs: 1200, rampMs: 20, edgeSnap: 0, preRollMs: 0 },
+    cursor: { smoothing: "spring", preset: "tight", strength: 1, splineTolPx: 2.5, landMs: 100, shakePx: 3, size: 1.6, clickEffect: "press", tilt: 10, hideIdleMs: 0 }
+  },
+  {
+    id: "follow",
+    hint: "While zoomed in, the camera follows your cursor.",
+    short: "Follows the cursor",
+    name: "Follow",
+    note: "While zoomed in, the camera follows the cursor, moving only when it leaves a box around the view, not just on clicks. The cursor has no lag.",
+    camera: { preset: "smooth", stiffness: 200, damping: 49, mass: 3, zoom: 1.5, motion: "independent", zoomSpace: "linear", follow: "cursor", boxRatio: 0.6, aim: 0.8, retargetLeadMs: 300, holdMinMs: 1500, rampMs: 60, edgeSnap: 0, preRollMs: 0 },
+    cursor: { smoothing: "zerolag", preset: "studio", strength: 1, splineTolPx: 2.5, landMs: 120, shakePx: 3, size: 1.5, clickEffect: "press", tilt: 0, hideIdleMs: 0 }
+  }
+];
+
+// src/components/videoEditor/smartZoomCamera.js
+var ZOOM_RANGE_MIN_MS = 400;
+var ZOOM_MIN = 1.05;
+var ZOOM_MAX = 4;
+var clamp4 = (v, lo, hi) => Math.min(hi, Math.max(lo, v));
+var r4 = (v) => Math.round(v * 1e4) / 1e4;
+function sanitizeZoomRanges(list) {
+  if (!Array.isArray(list)) return void 0;
+  const out = [];
+  const ids = /* @__PURE__ */ new Set();
+  for (const r of list.slice(0, 200)) {
+    if (!r || typeof r !== "object") continue;
+    const s = Number(r.startMs);
+    const e2 = Number(r.endMs);
+    if (!Number.isFinite(s) || !Number.isFinite(e2) || e2 - s < 100) continue;
+    let id = typeof r.id === "string" && r.id ? r.id.slice(0, 40) : `z${out.length + 1}`;
+    while (ids.has(id)) id = `${id}x`;
+    ids.add(id);
+    const z = Number(r.zoom);
+    const p = r.point && Number.isFinite(Number(r.point.x)) && Number.isFinite(Number(r.point.y)) ? { x: r4(clamp4(Number(r.point.x), 0, 1)), y: r4(clamp4(Number(r.point.y), 0, 1)) } : null;
+    out.push({
+      id,
+      startMs: Math.max(0, Math.round(s)),
+      endMs: Math.round(e2),
+      ...Number.isFinite(z) && z >= 1 ? { zoom: Math.round(clamp4(z, 1, ZOOM_MAX) * 1e3) / 1e3 } : {},
+      mode: r.mode === "fixed" ? "fixed" : "follow",
+      ...p ? { point: p } : {},
+      ...r.disabled ? { disabled: true } : {}
+    });
+  }
+  return out.sort((a, b2) => a.startMs - b2.startMs);
+}
+
+// src/components/videoEditor/projectCamera.js
+var CAMERA_FOV = 28;
+var D2R2 = Math.PI / 180;
+function perspectiveDistance(height, fovDeg = CAMERA_FOV) {
+  return Math.max(1, height) * 0.5 / Math.tan(fovDeg * Math.PI / 180 * 0.5);
+}
+var CAMERA_KF_PROPS = [
+  // Zoom is deliberately uncapped upward — extreme push-ins are a valid look;
+  // only the positive floor is structural (fovEff needs zoom > 0).
+  { label: "camZoom", displayLabel: "Zoom", group: "Motion", placeholder: "1", unit: "\xD7", type: "number", min: 0.1, step: 0.01 },
+  { label: "camX", displayLabel: "Pan X", group: "Motion", placeholder: "0", unit: "%", type: "number", min: -200, max: 200, step: 0.5 },
+  { label: "camY", displayLabel: "Pan Y", group: "Motion", placeholder: "0", unit: "%", type: "number", min: -200, max: 200, step: 0.5 },
+  { label: "camRoll", displayLabel: "Roll", group: "Motion", placeholder: "0", unit: "deg", type: "number", min: -180, max: 180, step: 0.5 },
+  { label: "camDolly", displayLabel: "Dolly", group: "Motion", placeholder: "0", unit: "px", type: "number", min: -3e3, max: 3e3, step: 10 },
+  { label: "camTiltX", displayLabel: "Tilt X", group: "Motion", placeholder: "0", unit: "deg", type: "number", min: -60, max: 60, step: 0.5 },
+  { label: "camTiltY", displayLabel: "Tilt Y", group: "Motion", placeholder: "0", unit: "deg", type: "number", min: -60, max: 60, step: 0.5 },
+  { label: "camDofEnabled", displayLabel: "Depth of Field", group: "Depth of Field", placeholder: "0", unit: "", type: "number", min: 0, max: 1, step: 1 },
+  { label: "camFocusDistance", displayLabel: "Focus Distance", group: "Depth of Field", placeholder: "0", unit: "px", type: "number", min: 0, max: 2e4, step: 10 },
+  { label: "camAperture", displayLabel: "Aperture", group: "Depth of Field", placeholder: "24", unit: "px", type: "number", min: 0, max: 300, step: 1 },
+  { label: "camBlurLevel", displayLabel: "Blur Level", group: "Depth of Field", placeholder: "100", unit: "%", type: "number", min: 0, max: 300, step: 1 },
+  { label: "camHighlightGain", displayLabel: "Highlight Gain", group: "Depth of Field", placeholder: "0", unit: "%", type: "number", min: 0, max: 300, step: 1 },
+  { label: "camFocusX", displayLabel: "Focus Point X", group: "Depth of Field", placeholder: "50", unit: "%", type: "number", min: 0, max: 100, step: 1 },
+  { label: "camFocusY", displayLabel: "Focus Point Y", group: "Depth of Field", placeholder: "50", unit: "%", type: "number", min: 0, max: 100, step: 1 },
+  // 0 = the focus point is only a depth probe (pure per-layer DOF). Above 0 it also
+  // becomes a SHARP REGION of the frame: blur is held off inside the area and ramps
+  // to the layer's full circle of confusion by its edge, so a subject can stay crisp
+  // while the rest of its own layer falls away.
+  { label: "camFocusWidth", displayLabel: "Focus Area Width", group: "Depth of Field", placeholder: "0", unit: "%", type: "number", min: 0, max: 200, step: 1 },
+  // How far along the camera path the camera has travelled. Only does anything
+  // while the clip has a path with `follow` on — see resolveCameraPath below. It
+  // lives in the registry so the keyframe builder and the timeline diamonds pick
+  // it up like any other track.
+  { label: "camPathT", displayLabel: "Path Progress", group: "Motion", placeholder: "0", unit: "%", type: "number", min: 0, max: 100, step: 0.5 },
+  // A constant displacement from the path, in WORLD axes (+X right, +Y down,
+  // +Z toward the viewer — the panel's own signs). The aim is computed AFTER it,
+  // so a camera pushed off a shared path still looks at its target.
+  { label: "camPathOffsetX", displayLabel: "Path Offset X", group: "Motion", placeholder: "0", unit: "px", type: "number", min: -1e4, max: 1e4, step: 5 },
+  { label: "camPathOffsetY", displayLabel: "Path Offset Y", group: "Motion", placeholder: "0", unit: "px", type: "number", min: -1e4, max: 1e4, step: 5 },
+  { label: "camPathOffsetZ", displayLabel: "Path Offset Z", group: "Motion", placeholder: "0", unit: "px", type: "number", min: -1e4, max: 1e4, step: 5 },
+  // Which entry of the Follow Object rig's target list the camera looks at,
+  // 1-based. Fractional values BLEND the two neighbouring targets' positions, so
+  // an eased key from 1 to 2 pans the look-at across smoothly — that blend IS the
+  // hand-off mechanism, not an interpolation artefact to be rounded away.
+  { label: "camFollowTarget", displayLabel: "Follow Object", group: "Motion", placeholder: "1", unit: "", type: "number", min: 1, step: 1 }
+];
+var CAMERA_KF_LABELS = CAMERA_KF_PROPS.map((p) => p.label);
+function cameraMoveHash(propertyKeyframes) {
+  const easings = new Set(Object.values(TransitionEasing));
+  const parts = [];
+  for (const prop of CAMERA_KF_LABELS) {
+    const track = propertyKeyframes?.[prop];
+    if (!Array.isArray(track) || track.length === 0) continue;
+    const seen = /* @__PURE__ */ new Set();
+    const keys = track.filter((k) => k && Number.isFinite(Number.parseFloat(k.position))).map((k) => {
+      const easing = easings.has(k.easing) ? k.easing : TransitionEasing.EASE_IN_OUT;
+      const bezier = easing === TransitionEasing.CUSTOM && Array.isArray(k.bezier) ? k.bezier.map((n2) => Math.round(Number(n2) * 1e4) / 1e4).join(",") : "";
+      return [Math.round(Number.parseFloat(k.position) * 1e3) / 1e3, String(k.value ?? ""), easing, bezier];
+    }).sort((a, b2) => a[0] - b2[0]).filter((k) => seen.has(k[0]) ? false : (seen.add(k[0]), true));
+    parts.push(`${prop}=${keys.map((k) => k.join("|")).join(";")}`);
+  }
+  const str = parts.join("&");
+  let h = 2166136261;
+  for (let i = 0; i < str.length; i += 1) {
+    h ^= str.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0).toString(36);
+}
+var _pfMat = new f();
+var _pfVec = new f();
+var _pfPos = new f();
+var _pfQuat = new f();
+var _pfScale = new f(1, 1, 1);
+var CAMERA_PRESETS = [
+  {
+    id: "quiet-push",
+    category: "Cinematic",
+    name: "Quiet Push",
+    description: "A restrained forward creep that adds attention without announcing itself",
+    duration: 6,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.02", camDolly: "0", camY: "1" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.16", camDolly: "80", camY: "0" } }
+    ]
+  },
+  {
+    id: "wide-reveal",
+    category: "Cinematic",
+    name: "Wide Reveal",
+    description: "Begins close and slightly low, then opens cleanly onto the full composition",
+    duration: 5.5,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.36", camY: "-5", camTiltX: "2.5", camDolly: "120" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1", camY: "0", camTiltX: "0", camDolly: "0" } }
+    ]
+  },
+  {
+    id: "lateral-glide",
+    category: "Cinematic",
+    name: "Lateral Glide",
+    description: "A polished slider move with just enough yaw to reveal depth between layers",
+    duration: 6,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-7", camY: "0.8", camTiltY: "-1.8", camZoom: "1.08" } },
+      { position: 50, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "0", camY: "0", camTiltY: "0", camZoom: "1.1" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "7", camY: "-0.8", camTiltY: "1.8", camZoom: "1.12" } }
+    ]
+  },
+  {
+    id: "parallax-arc",
+    category: "Cinematic",
+    name: "Parallax Arc",
+    description: "An arcing move that lets foreground and background layers separate naturally",
+    duration: 7,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-8", camTiltY: "-4.5", camDolly: "-80", camZoom: "1.08" } },
+      { position: 50, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "0", camTiltY: "0", camDolly: "170", camZoom: "1.13" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "8", camTiltY: "4.5", camDolly: "-80", camZoom: "1.08" } }
+    ]
+  },
+  {
+    id: "crane-rise",
+    category: "Cinematic",
+    name: "Crane Rise",
+    description: "Rises through the composition while easing into a wider, level view",
+    duration: 6,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camY: "-7", camTiltX: "4", camZoom: "1.13", camDolly: "0" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camY: "5", camTiltX: "-2", camZoom: "1.06", camDolly: "120" } }
+    ]
+  },
+  {
+    id: "soft-punch",
+    category: "Editorial",
+    name: "Soft Punch",
+    description: "A quick emphasis beat with a controlled overshoot and a clean settle",
+    duration: 1.6,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1", camX: "0", camY: "0" } },
+      { position: 35, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.2", camX: "-1", camY: "0.5" } },
+      { position: 62, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.145", camX: "0", camY: "0" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.16", camX: "0", camY: "0" } }
+    ]
+  },
+  {
+    id: "whip-and-land",
+    category: "Editorial",
+    name: "Whip & Land",
+    description: "A real reframing whip that accelerates late and settles on a new composition",
+    duration: 1.15,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "0", camRoll: "0", camZoom: "1.08" } },
+      { position: 24, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "0", camRoll: "0", camZoom: "1.08" } },
+      { position: 63, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "49", camRoll: "2", camZoom: "1.13" } },
+      { position: 80, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "42", camRoll: "0", camZoom: "1.1" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "42", camRoll: "0", camZoom: "1.1" } }
+    ]
+  },
+  {
+    id: "handheld-breath",
+    category: "Editorial",
+    name: "Handheld Breath",
+    description: "Small, irregular operator drift without the synthetic wobble",
+    duration: 8,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-0.2", camY: "0.2", camRoll: "-0.08", camZoom: "1.04" } },
+      { position: 19, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "0.65", camY: "-0.35", camRoll: "0.16", camZoom: "1.048" } },
+      { position: 43, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-0.45", camY: "0.5", camRoll: "-0.13", camZoom: "1.042" } },
+      { position: 68, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "0.35", camY: "0.12", camRoll: "0.1", camZoom: "1.052" } },
+      { position: 87, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-0.55", camY: "-0.28", camRoll: "-0.12", camZoom: "1.046" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-0.2", camY: "0.2", camRoll: "-0.08", camZoom: "1.04" } }
+    ]
+  },
+  {
+    id: "documentary-follow",
+    category: "Editorial",
+    name: "Documentary Follow",
+    description: "A gently imperfect follow move that keeps finding the subject",
+    duration: 5,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-3", camY: "1.5", camRoll: "-0.15", camZoom: "1.06" } },
+      { position: 38, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "1", camY: "-0.5", camRoll: "0.25", camZoom: "1.1" } },
+      { position: 72, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "-0.5", camY: "0.8", camRoll: "-0.1", camZoom: "1.08" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camX: "2.5", camY: "0", camRoll: "0.1", camZoom: "1.12" } }
+    ]
+  },
+  {
+    id: "rack-to-near",
+    category: "Focus",
+    name: "Rack to Near",
+    description: "Holds the background, then pulls focus decisively onto a near subject",
+    duration: 3.5,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "2800", camFocusX: "68", camFocusY: "48", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } },
+      { position: 22, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "2800", camFocusX: "68", camFocusY: "48", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } },
+      { position: 78, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "1350", camFocusX: "35", camFocusY: "55", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "1350", camFocusX: "35", camFocusY: "55", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } }
+    ]
+  },
+  {
+    id: "rack-to-far",
+    category: "Focus",
+    name: "Rack to Far",
+    description: "Transfers attention from a close detail to the wider scene behind it",
+    duration: 3.5,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "1350", camFocusX: "35", camFocusY: "55", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } },
+      { position: 22, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "1350", camFocusX: "35", camFocusY: "55", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } },
+      { position: 78, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "2800", camFocusX: "68", camFocusY: "48", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "2800", camFocusX: "68", camFocusY: "48", camAperture: "36", camBlurLevel: "110", camHighlightGain: "18" } }
+    ]
+  },
+  {
+    id: "focus-chase",
+    category: "Focus",
+    name: "Focus Chase",
+    description: "Moves attention across three depth beats for layered product or title layouts",
+    duration: 6,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "1450", camFocusX: "28", camFocusY: "55", camAperture: "30", camBlurLevel: "95", camHighlightGain: "12" } },
+      { position: 45, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "2600", camFocusX: "72", camFocusY: "42", camAperture: "30", camBlurLevel: "95", camHighlightGain: "12" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camDofEnabled: "1", camFocusDistance: "1750", camFocusX: "48", camFocusY: "50", camAperture: "30", camBlurLevel: "95", camHighlightGain: "12" } }
+    ]
+  },
+  {
+    id: "macro-bloom",
+    category: "Focus",
+    name: "Macro Bloom",
+    description: "Pushes into a detail while focus and highlight bloom tighten around it",
+    duration: 4.5,
+    keyframes: [
+      { position: 0, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.05", camDolly: "0", camDofEnabled: "1", camFocusDistance: "2500", camFocusX: "50", camFocusY: "50", camAperture: "28", camBlurLevel: "100", camHighlightGain: "15" } },
+      { position: 52, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.16", camDolly: "100", camDofEnabled: "1", camFocusDistance: "1650", camFocusX: "50", camFocusY: "50", camAperture: "46", camBlurLevel: "125", camHighlightGain: "32" } },
+      { position: 100, easing: TransitionEasing.EASE_IN_OUT, properties: { camZoom: "1.23", camDolly: "180", camDofEnabled: "1", camFocusDistance: "1150", camFocusX: "50", camFocusY: "50", camAperture: "38", camBlurLevel: "110", camHighlightGain: "22" } }
+    ]
+  }
+];
+
 // src/motionEngine/mediaProbe.js
 init_define_import_meta_env();
 var LIMITS = { image: 20 * 1024 * 1024, video: 60 * 1024 * 1024, audio: 30 * 1024 * 1024 };
@@ -16161,16 +18850,54 @@ var SHADERS = [
   "windowhaze"
 ];
 var CAMERAS = ["none", "push-in", "pull-out", "drift-left", "drift-right", "drift-up"];
+var MOVES = new Map(CAMERA_MOTION_PRESETS.map((p) => [p.id, p]));
+var RIGS = new Map(CAMERA_RIG_PRESETS.map((p) => [p.id, p]));
+var FEELS = PRESETS2.map((p) => p.id);
+var CAM_TRACKS = { zoom: "camZoom", x: "camX", y: "camY", roll: "camRoll", dolly: "camDolly", tiltX: "camTiltX", tiltY: "camTiltY", focusZ: "camFocusDistance" };
+var CAM_DRIVEN = { rig: ["x", "y", "roll", "dolly", "tiltX", "tiltY"], smartZoom: ["zoom", "x", "y"] };
+var CAM_FIELDS = ["move", "rig", "zooms", "feel", "keyframes", "dof", "start", "end"];
+var RIG_FIELDS = ["preset", "type", "aim", "targets", "seed", ...Object.keys(CAMERA_RIG_PARAM_META)];
+function cameraCatalog() {
+  return {
+    moves: CAMERA_MOTION_PRESETS.map((p) => `\`${p.id}\` ${p.name}${p.category ? ` (${p.category})` : ""}`),
+    rigs: CAMERA_RIG_PRESETS.map((p) => `\`${p.id}\` ${p.name} (${p.rig.type})`),
+    feels: PRESETS2.map((p) => `\`${p.id}\` ${p.name}`),
+    rigFields: Object.entries(CAMERA_RIG_PARAM_META).map(([k, m]) => `${k} ${m.min}\u2013${m.max}`),
+    rigTypes: CAMERA_RIG_TYPES,
+    rigAims: CAMERA_RIG_AIMS
+  };
+}
 var FONT = "'Helvetica Neue', Helvetica, Arial, sans-serif";
 var TEXT = new Map([...PRESETS, ...CLASSIC_PRESETS].map((p) => [p.id, p]));
 var TEXT_RENAMED = { "glide-soft": "glide-continuous" };
+var rgbOf = (c) => {
+  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(String(c || "").trim());
+  if (!m) return null;
+  const h = m[1].length === 3 ? m[1].split("").map((x) => x + x).join("") : m[1];
+  return [0, 2, 4].map((i) => parseInt(h.slice(i, i + 2), 16));
+};
+var vivid = (c) => {
+  const v = rgbOf(c);
+  return !!v && Math.max(...v) - Math.min(...v) >= 40;
+};
+var luminance = (c) => {
+  const v = rgbOf(c);
+  if (!v) return null;
+  const [r, g, b2] = v.map((x) => x / 255 <= 0.03928 ? x / 255 / 12.92 : ((x / 255 + 0.055) / 1.055) ** 2.4);
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b2;
+};
+var contrast = (a, b2) => {
+  const la = luminance(a), lb = luminance(b2);
+  return la == null || lb == null ? 21 : (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
+};
+var EDGE_FILLED = /* @__PURE__ */ new Set(["Advanced Zoom", "Advanced Movement"]);
 var KF_IN = new Map(kfpVariants(KEYFRAME_PRESETS, "in").map((p) => [p.id, p]));
 var KF_OUT = new Map(kfpVariants(KEYFRAME_PRESETS, "out").map((p) => [p.id, p]));
 var ROLES = { headline: [0.11, 800], subhead: [0.05, 500], body: [0.036, 400], label: [0.028, 600] };
-var clamp2 = (v, a, b2) => Math.max(a, Math.min(b2, v));
-var num3 = (v, d) => Number.isFinite(Number(v)) ? Number(v) : d;
+var clamp5 = (v, a, b2) => Math.max(a, Math.min(b2, v));
+var num7 = (v, d) => Number.isFinite(Number(v)) ? Number(v) : d;
 var r3 = (v) => +(+v).toFixed(3);
-var KF_TRACKS = { x: "translateX", y: "translateY", scale: "scale", rotate: "rotate", opacity: "opacity" };
+var KF_TRACKS = { x: "translateX", y: "translateY", z: "translateZ", scale: "scale", rotate: "rotate", opacity: "opacity" };
 function scriptSources(script) {
   const out = /* @__PURE__ */ new Set();
   for (const sc of Array.isArray(script?.scenes) ? script.scenes : []) {
@@ -16220,16 +18947,16 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
   };
   const easings = new Set(caps?.easings?.keyframe?.values || []);
   const fileFor = (src, where, want) => {
-    const f = files.get(String(src));
-    if (!f) {
+    const f2 = files.get(String(src));
+    if (!f2) {
       problems.push(`${where}: no file "${String(src).slice(0, 80)}" \u2014 a src is an https link, or asset:<file name> for the user's own file (they add it on the page); for art you draw use "svg"`);
       return null;
     }
-    if (want && !want.includes(f.kind)) {
-      problems.push(`${where}: "${f.name || src}" is ${f.kind === "audio" ? "a sound" : `a ${f.kind}`}, not ${want.join(" or ")}`);
+    if (want && !want.includes(f2.kind)) {
+      problems.push(`${where}: "${f2.name || src}" is ${f2.kind === "audio" ? "a sound" : `a ${f2.kind}`}, not ${want.join(" or ")}`);
       return null;
     }
-    return f;
+    return f2;
   };
   const background = (b2, where) => {
     if (b2 == null) return null;
@@ -16243,7 +18970,7 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
         problems.push(`${where}: unknown shader "${b2.shader}" (one of ${SHADERS.join(", ")})`);
         return null;
       }
-      return { type: "shader", shaderId: b2.shader, ...b2.look ? { shaderLook: String(b2.look) } : {}, shaderSpeed: clamp2(num3(b2.speed, 1), 0, 4), solidColor: b2.color || "#000000" };
+      return { type: "shader", shaderId: b2.shader, ...b2.look ? { shaderLook: String(b2.look) } : {}, shaderSpeed: clamp5(num7(b2.speed, 1), 0, 4), solidColor: b2.color || "#000000" };
     }
     if (b2 && typeof b2 === "object" && b2.gradient) return { type: "gradient", gradientCss: String(b2.gradient), gradientAnimated: !!b2.animated, solidColor: "#000000" };
     problems.push(`${where}: background must be a colour, a CSS gradient, or { "shader": id, "look"? }`);
@@ -16251,7 +18978,7 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
   };
   const projectBg = background(style.background ?? "#0f1112", "style") || { type: "solid", solidColor: "#0f1112" };
   const at = (pos) => {
-    if (Array.isArray(pos)) return [num3(pos[0], 0), num3(pos[1], 0)];
+    if (Array.isArray(pos)) return [num7(pos[0], 0), num7(pos[1], 0)];
     const m = {
       center: [0, 0],
       top: [0, -0.3],
@@ -16265,6 +18992,176 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
     }[pos || "center"];
     return m ? [m[0] * W, m[1] * H] : [0, 0];
   };
+  const P = perspectiveDistance(H);
+  const rigSamples = (rig, n2 = 12) => Array.from({ length: n2 + 1 }, (_, i) => ({ u: i / n2, ...evalCameraRig(rig, i / n2) }));
+  const focusFollow = (fz, rig, dolly) => {
+    if (rig && rig.type !== "follow") {
+      return rigSamples(rig).map(({ u, pos, aim }) => {
+        const dx = aim.x - pos.x;
+        const dy = aim.y - pos.y;
+        const dz = aim.z - pos.z;
+        const L = Math.hypot(dx, dy, dz) || 1;
+        const depth = (-pos.x * dx - pos.y * dy + (fz - pos.z) * dz) / L;
+        return { position: r3(u * 100), value: String(Math.round(Math.max(1, depth))), easing: "Linear" };
+      });
+    }
+    if (!rig && Array.isArray(dolly) && dolly.some((k) => Math.abs(Number(k.value) || 0) > 0.5)) {
+      return dolly.map((k) => ({ position: k.position, value: String(Math.round(Math.max(1, P - (Number(k.value) || 0) - fz))), easing: k.easing, ...k.bezier ? { bezier: [...k.bezier] } : {} }));
+    }
+    return null;
+  };
+  const sceneCamera = (c, cw, D, seq, sceneId, elIds, zOf) => {
+    for (const k of Object.keys(c)) if (!CAM_FIELDS.includes(k)) problems.push(`${cw}: unknown field "${k}" (${CAM_FIELDS.join(", ")})`);
+    const kinds = ["move", "rig", "zooms"].filter((k) => c[k] != null);
+    if (kinds.length > 1) problems.push(`${cw}: one of move, rig or zooms \u2014 not ${kinds.join(" and ")}`);
+    if (!kinds.length && c.keyframes == null && c.dof == null) problems.push(`${cw}: a camera needs move, rig, zooms, keyframes or dof`);
+    const start = clamp5(num7(c.start, 0), 0, D - 0.2);
+    const end = clamp5(num7(c.end, D), start + 0.2, D);
+    const len = end - start;
+    const id = uid(`${sceneId}-camera`);
+    const item = { id, clipId: `c-${id}`, freeStart: r3(start), trimStart: 0, trimEnd: r3(len) };
+    let pk = {};
+    let mode = "free";
+    if (c.move != null) {
+      const p = MOVES.get(c.move);
+      if (!p) problems.push(`${cw}: unknown move "${c.move}"${near(c.move, [...MOVES.keys()])}`);
+      else {
+        pk = commonToPropertyKeyframes(p.keyframes, CAMERA_KF_LABELS).propertyKeyframes;
+        item.cameraPreset = { id: p.id, name: p.name, hash: cameraMoveHash(pk) };
+      }
+    }
+    if (c.rig != null) {
+      const spec = typeof c.rig === "string" ? { preset: c.rig } : c.rig && typeof c.rig === "object" && !Array.isArray(c.rig) ? c.rig : null;
+      if (!spec) problems.push(`${cw}: rig is a rig id or { "preset"?, "type"?, \u2026its fields }`);
+      else {
+        const { preset, targets, ...own } = spec;
+        const base = preset != null ? RIGS.get(preset) : null;
+        if (preset != null && !base) problems.push(`${cw}: unknown rig "${preset}"${near(preset, [...RIGS.keys()])}`);
+        for (const k of Object.keys(own)) if (!RIG_FIELDS.includes(k)) problems.push(`${cw}: rig field "${k}" \u2014 one of ${RIG_FIELDS.join(", ")}`);
+        if (own.type != null && !CAMERA_RIG_TYPES.includes(own.type)) problems.push(`${cw}: rig type must be one of ${CAMERA_RIG_TYPES.join(", ")}`);
+        if (own.aim != null && !CAMERA_RIG_AIMS.includes(own.aim)) problems.push(`${cw}: rig aim must be ${CAMERA_RIG_AIMS.join(" or ")}`);
+        const ids = [];
+        for (const t of Array.isArray(targets) ? targets : targets != null ? [targets] : []) {
+          if (elIds.has(String(t))) ids.push(elIds.get(String(t)));
+          else problems.push(`${cw}: rig target "${t}" is not the id of an element in this scene`);
+        }
+        const rig = normalizeCameraRig({ ...base?.rig || {}, ...own, targets: ids });
+        if (rig.type === "follow" && !ids.length) problems.push(`${cw}: a follow rig rides elements: "targets": [element ids]`);
+        item.cameraRig = rig;
+        mode = "rig";
+        pk = seedCameraRigProgress(pk) || pk;
+        const side = Math.max(...rigSamples(rig).map(({ pos, aim }) => Math.acos(clamp5((pos.z - aim.z) / (Math.hypot(pos.x - aim.x, pos.y - aim.y, pos.z - aim.z) || 1), -1, 1)) * (180 / Math.PI)));
+        if (side > 75) warnings.push(`${cw}: the rig swings ${Math.round(side)}\xB0 off the front, so the scene's flat layers turn ${side > 90 ? "round and read mirrored" : "edge-on"} \u2014 keep it within about \xB170\xB0 (e.g. startAngle -35, sweep 70)`);
+      }
+    }
+    if (c.zooms != null) {
+      if (!Array.isArray(c.zooms) || !c.zooms.length) problems.push(`${cw}: zooms is a list of { "start", "end", "at"?, "zoom"? }`);
+      else {
+        const feel = c.feel ?? "studio";
+        if (!FEELS.includes(feel)) problems.push(`${cw}: feel must be one of ${FEELS.join(", ")}`);
+        const ranges = [];
+        c.zooms.forEach((z, i) => {
+          const zw = `${cw}, zoom ${i + 1}`;
+          const s = num7(z?.start, NaN);
+          const e2 = num7(z?.end, NaN);
+          if (!(s >= -1e-6 && e2 <= len + 1e-6 && e2 - s >= ZOOM_RANGE_MIN_MS / 1e3 - 1e-6)) {
+            problems.push(`${zw}: start and end are seconds into the camera (0\u2013${r3(len)}), at least ${ZOOM_RANGE_MIN_MS / 1e3} s apart`);
+            return;
+          }
+          if (z?.zoom != null && !(num7(z.zoom, 0) >= ZOOM_MIN && num7(z.zoom, 0) <= ZOOM_MAX)) {
+            problems.push(`${zw}: zoom must be ${ZOOM_MIN}\u2013${ZOOM_MAX}`);
+            return;
+          }
+          if (ranges.length && s < ranges.at(-1).endMs / 1e3 - 1e-6) {
+            problems.push(`${zw}: overlaps the zoom before it`);
+            return;
+          }
+          const [x, y] = at(z?.at);
+          ranges.push({
+            id: `z${i + 1}`,
+            startMs: Math.round(s * 1e3),
+            endMs: Math.round(e2 * 1e3),
+            mode: "fixed",
+            point: { x: clamp5(0.5 + x / W, 0, 1), y: clamp5(0.5 + y / H, 0, 1) },
+            ...z?.zoom != null ? { zoom: num7(z.zoom, 0) } : {}
+          });
+        });
+        item.smartZoom = { clipId: null, preset: FEELS.includes(feel) ? feel : "studio", ranges: sanitizeZoomRanges(ranges) };
+        mode = "smartZoom";
+      }
+    }
+    if (c.keyframes != null) {
+      if (typeof c.keyframes !== "object" || Array.isArray(c.keyframes)) problems.push(`${cw}: keyframes is { ${Object.keys(CAM_TRACKS).join(" | ")}: [[seconds, value, easing?], \u2026] }`);
+      else for (const [name, keys] of Object.entries(c.keyframes)) {
+        const track = CAM_TRACKS[name];
+        if (!track) {
+          problems.push(`${cw}: keyframes "${name}" \u2014 one of ${Object.keys(CAM_TRACKS).join(", ")}`);
+          continue;
+        }
+        if (CAM_DRIVEN[mode]?.includes(name)) {
+          problems.push(`${cw}: keyframes.${name} \u2014 ${mode === "rig" ? "a rig" : "zooms"} drive${mode === "rig" ? "s" : ""} ${CAM_DRIVEN[mode].join(", ")} themselves; key ${Object.keys(CAM_TRACKS).filter((t) => !CAM_DRIVEN[mode].includes(t)).join(", ")}`);
+          continue;
+        }
+        if (!Array.isArray(keys) || keys.length < 2) {
+          problems.push(`${cw}: keyframes.${name} needs two or more [seconds, value] keys`);
+          continue;
+        }
+        const list = [];
+        for (const k of keys) {
+          const [t, v, easing = "AE Smooth"] = Array.isArray(k) ? k : [k?.t, k?.value, k?.easing];
+          if (!Number.isFinite(Number(t)) || !Number.isFinite(Number(v))) {
+            problems.push(`${cw}: keyframes.${name}: each key is [seconds, value, easing?]`);
+            break;
+          }
+          if (easings.size && !easings.has(easing)) {
+            problems.push(`${cw}: unknown easing "${easing}"${near(easing, [...easings])}`);
+            break;
+          }
+          if (name === "zoom" && !(Number(v) > 0)) {
+            problems.push(`${cw}: keyframes.zoom values are above 0 (1 = no zoom)`);
+            break;
+          }
+          if (name === "focusZ" && !(Number(v) < P - 50)) {
+            problems.push(`${cw}: keyframes.focusZ must stay in front of the camera (below ${Math.round(P - 50)})`);
+            break;
+          }
+          const value = name === "x" ? Number(v) / W * 100 : name === "y" ? Number(v) / H * 100 : name === "focusZ" ? P - Number(v) : Number(v);
+          list.push({ position: r3(clamp5(Number(t) / len * 100, 0, 100)), value: String(r3(value)), easing });
+        }
+        if (list.length === keys.length) {
+          if (pk[track] && track !== "camPathT") warnings.push(`${cw}: keyframes.${name} replace the ${track} keys of move "${c.move}"`);
+          pk[track] = list.sort((a, b2) => a.position - b2.position);
+          if (name === "focusZ") item.camDofEnabled = 1;
+        }
+      }
+    }
+    if (c.dof != null) {
+      const d = c.dof === true ? {} : c.dof && typeof c.dof === "object" && !Array.isArray(c.dof) ? c.dof : null;
+      if (!d) problems.push(`${cw}: dof is true or { "aperture"?, "blur"?, "focus"? (an element id) | "focusZ"? }`);
+      else {
+        for (const k of Object.keys(d)) if (!["aperture", "blur", "focus", "focusZ"].includes(k)) problems.push(`${cw}: dof field "${k}" \u2014 aperture, blur, focus or focusZ`);
+        let fz = num7(d.focusZ, 0);
+        if (d.focus != null) {
+          if (elIds.has(String(d.focus))) fz = zOf.get(elIds.get(String(d.focus))) || 0;
+          else problems.push(`${cw}: dof focus "${d.focus}" is not the id of an element in this scene`);
+        }
+        if (!(fz < P - 50)) problems.push(`${cw}: dof focusZ must be in front of the camera (below ${Math.round(P - 50)})`);
+        item.camDofEnabled = 1;
+        item.camAperture = r3(clamp5(num7(d.aperture, 40), 0, 300));
+        if (d.blur != null) item.camBlurLevel = r3(clamp5(num7(d.blur, 100), 0, 300));
+        if (!pk.camFocusDistance) {
+          const follow = focusFollow(fz, mode === "rig" ? item.cameraRig : null, pk.camDolly);
+          if (follow) pk.camFocusDistance = follow;
+          else if (fz) item.camFocusDistance = Math.round(P - fz);
+        }
+      }
+    }
+    if (mode !== "free") item.cameraMoveMode = mode;
+    if (Object.keys(pk).length) item.propertyKeyframes = pk;
+    seq.clips.push({ id: `c-${id}`, source: "LOCAL", mediaType: "camera", url: "", proxyUrl: null, name: "Camera", duration: r3(len) });
+    seq.channels.push({ id: `ch-${id}`, name: "Camera", kind: "camera", visible: true, unsnapped: true, items: [item] });
+    seq.channels[0].cameraLocked = true;
+  };
   const project = {
     name: String(S.title || "GreenLight Motion video").slice(0, 120),
     videoSize: { w: W, h: H },
@@ -16289,9 +19186,9 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
   let total = 0;
   scenes.forEach((sc, si) => {
     const where = `scene ${si + 1}`;
-    const dur = num3(sc?.duration, 3);
+    const dur = num7(sc?.duration, 3);
     if (!(dur >= 0.8 && dur <= 30)) problems.push(`${where}: duration must be 0.8\u201330 s`);
-    const D = clamp2(dur, 0.8, 30);
+    const D = clamp5(dur, 0.8, 30);
     const els = Array.isArray(sc?.elements) ? sc.elements : [];
     if (els.length > 40) problems.push(`${where}: at most 40 elements`);
     const seq = { clips: [], channels: [] };
@@ -16316,64 +19213,65 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
     if (bg.type === "solid" && !sceneBg) fields.push({ bg: true, itemId: bgItem.id, color: bg.solidColor });
     const media = (el, ew, id, start, end, pos) => {
       const type = el.type;
-      let f;
+      let f2;
       if (el.svg && type === "image") {
         try {
-          f = { ...svgDataUrl(el.svg), kind: "image", type: "svg", name: el.label || "art.svg" };
+          f2 = { ...svgDataUrl(el.svg), kind: "image", type: "svg", name: el.label || "art.svg" };
         } catch (e2) {
           problems.push(`${ew}: ${e2.message}`);
           return null;
         }
-      } else f = fileFor(el.src, ew, [type]);
-      if (!f) return null;
-      const iw = f.width || W;
-      const ih = f.height || H;
-      if (!f.width) warnings.push(`${ew}: the size of "${f.name}" is unknown, so it is fitted to the frame`);
-      const s0 = type === "video" ? Math.min(W / iw, H / ih) : f.type === "svg" ? 1 : Math.min(1, W / iw, H / ih);
+      } else f2 = fileFor(el.src, ew, [type]);
+      if (!f2) return null;
+      const iw = f2.width || W;
+      const ih = f2.height || H;
+      if (!f2.width) warnings.push(`${ew}: the size of "${f2.name}" is unknown, so it is fitted to the frame`);
+      const s0 = type === "video" ? Math.min(W / iw, H / ih) : f2.type === "svg" ? 1 : Math.min(1, W / iw, H / ih);
       const bw = iw * s0;
       const bh = ih * s0;
       const fit = el.fit || (el.w || el.h ? null : type === "video" ? "cover" : "contain");
-      const zoom = el.w ? num3(el.w, bw) / bw : el.h ? num3(el.h, bh) / bh : fit === "cover" ? Math.max(W / bw, H / bh) : fit === "contain" ? Math.min(W / bw, H / bh) * (el.fit ? 1 : 0.7) : 1;
+      const zoom = el.w ? num7(el.w, bw) / bw : el.h ? num7(el.h, bh) / bh : fit === "cover" ? Math.max(W / bw, H / bh) : fit === "contain" ? Math.min(W / bw, H / bh) * (el.fit ? 1 : 0.7) : 1;
       const len = Math.max(0.05, end - start);
-      const from = Math.max(0, num3(el.startAt, 0));
-      const srcLen = type === "video" ? f.duration || from + len : len;
-      if (type === "video" && f.duration && from + len > f.duration + 0.05) warnings.push(`${ew}: "${f.name}" is ${f.duration} s; from ${from} s it ends before the element (it holds its last frame)`);
+      const from = Math.max(0, num7(el.startAt, 0));
+      const srcLen = type === "video" ? f2.duration || from + len : len;
+      if (type === "video" && f2.duration && from + len > f2.duration + 0.05) warnings.push(`${ew}: "${f2.name}" is ${f2.duration} s; from ${from} s it ends before the element (it holds its last frame)`);
       seq.clips.push({
         id: `c-${id}`,
         source: "LOCAL",
         mediaType: type,
-        url: f.url,
+        url: f2.url,
         proxyUrl: null,
-        name: f.name || id,
+        name: f2.name || id,
         duration: r3(srcLen),
-        ...f.width ? { width: f.width, height: f.height } : {}
+        ...f2.width ? { width: f2.width, height: f2.height } : {}
       });
-      const vol = clamp2(num3(el.volume, 0), 0, 100);
+      const vol = clamp5(num7(el.volume, 0), 0, 100);
       const item = {
         id,
         clipId: `c-${id}`,
         freeStart: r3(start),
         trimStart: r3(from),
         trimEnd: r3(from + len),
-        zoom: r3(clamp2(zoom, 0.02, 20)),
+        zoom: r3(clamp5(zoom, 0.02, 20)),
         ...pos,
-        ...el.rotate ? { rotation: num3(el.rotate, 0) } : {},
-        ...el.opacity != null ? { opacity: r3(clamp2(num3(el.opacity, 1), 0, 1) * 100) } : {},
-        // the item's opacity is 0–100 (its keyframe track 0–1)
+        ...el.rotate ? { rotation: num7(el.rotate, 0) } : {},
         ...type === "video" ? vol > 0 ? { volume: vol } : { volume: 0, muted: true } : {}
       };
-      seq.channels.push({ id: `ch-${id}`, name: f.name || id, visible: true, unsnapped: true, items: [item] });
+      seq.channels.push({ id: `ch-${id}`, name: f2.name || id, visible: true, unsnapped: true, items: [item] });
       return item;
     };
     if (sceneBg?.type === "media") media({ type: sceneBg.kind, src: sceneBg.src, fit: "cover" }, `${where}, background`, uid(`${sceneId}-bg-${sceneBg.kind}`), 0, D, {});
     let firstHeadline = null;
+    const elIds = /* @__PURE__ */ new Map();
+    const zOf = /* @__PURE__ */ new Map();
     els.forEach((el, ei) => {
       const ew = `${where}, element ${ei + 1}`;
       const type = el?.type || "text";
-      const start = clamp2(num3(el?.start, 0.1 + ei * 0.12), 0, D - 0.2);
-      const end = clamp2(num3(el?.end, D), start + 0.2, D);
+      const start = clamp5(num7(el?.start, 0.1 + ei * 0.12), 0, D - 0.2);
+      const end = clamp5(num7(el?.end, D), start + 0.2, D);
       const [x, y] = at(el?.at);
-      const pos = { ...x ? { panX: r3(x / W * 100) } : {}, ...y ? { panY: r3(y / H * 100) } : {} };
+      const z = clamp5(num7(el?.z, 0), -6e3, 1500);
+      const pos = { ...x ? { panX: r3(x / W * 100) } : {}, ...y ? { panY: r3(y / H * 100) } : {}, ...z ? { panZ: r3(z) } : {} };
       const id = uid(el?.id || `${sceneId}-${type}-${ei + 1}`);
       let item;
       if (type === "text") {
@@ -16383,9 +19281,9 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
           return;
         }
         const role = ROLES[el?.role] ? el.role : ei === 0 ? "headline" : "subhead";
-        const size = clamp2(num3(el?.size, Math.round(ROLES[role][0] * Math.min(W, H) * (W > H ? 1 : 1.25))), 8, 600);
-        const weight = clamp2(num3(el?.weight, ROLES[role][1]), 100, 900);
-        const width = clamp2(num3(el?.width, Math.min(W * 0.86, Math.max(...t.split("\n").map((l) => l.length)) * size * 0.62 + size)), 40, W);
+        const size = clamp5(num7(el?.size, Math.round(ROLES[role][0] * Math.min(W, H) * (W > H ? 1 : 1.25))), 8, 600);
+        const weight = clamp5(num7(el?.weight, ROLES[role][1]), 100, 900);
+        const width = clamp5(num7(el?.width, Math.min(W * 0.86, Math.max(...t.split("\n").map((l) => l.length)) * size * 0.62 + size)), 40, W);
         const color = paint(el?.color || (role === "headline" ? "text" : role === "label" ? "accent" : "muted"), colors.text);
         item = add("text", id, start, end, {
           textContent: t,
@@ -16396,13 +19294,13 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
           textAlign: el?.align || "center",
           textWidthUnit: "px",
           textWidthPx: Math.round(width),
-          textLineHeight: num3(el?.lineHeight, 1.15),
-          ...el?.letterSpacing ? { textLetterSpacing: num3(el.letterSpacing, 0) } : {},
+          textLineHeight: num7(el?.lineHeight, 1.15),
+          ...el?.letterSpacing ? { textLetterSpacing: num7(el.letterSpacing, 0) } : {},
           ...el?.uppercase ? { textLetterCase: "uppercase" } : {},
           ...pos
         });
         if (el?.color === "accent" || !el?.color && role === "label") accentTargets.push({ itemId: id, path: "textColor" });
-        if (fields.filter((f) => f.text).length < 10) fields.push({ text: true, key: id, label: el?.label || t.split(/\s+/).slice(0, 4).join(" "), itemId: id, value: t });
+        if (fields.filter((f2) => f2.text).length < 10) fields.push({ text: true, key: id, label: el?.label || t.split(/\s+/).slice(0, 4).join(" "), itemId: id, value: t });
         const preset = el?.textAnimation ?? (role === "headline" ? "glide-text" : null);
         if (preset) {
           const p = TEXT.get(TEXT_RENAMED[preset] || preset);
@@ -16410,12 +19308,33 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
           else {
             const patch = presetPatch(item, p, { clipSec: end - start, fontPx: size, mode: "replace" });
             item.textAnimators = el?.textExit ? patch.textAnimators : patch.textAnimators.filter((a) => !(a.range?.drive === "time" && a.range?.animate === "out"));
+            const boxed = [];
             item.textAnimators.forEach((a, ai) => (a.effects || []).forEach((fx, fi) => {
-              if (fx.type === "fill" && typeof fx.color === "string") {
+              const at2 = `textAnimators.${ai}.effects.${fi}`;
+              if (Array.isArray(fx.colors)) {
+                fx.colors.forEach((c, ci) => {
+                  if (vivid(c)) {
+                    fx.colors[ci] = colors.accent;
+                    accentTargets.push({ itemId: id, path: `${at2}.colors.${ci}` });
+                  }
+                });
+              } else if (typeof fx.color === "string" && vivid(fx.color)) {
                 fx.color = colors.accent;
-                accentTargets.push({ itemId: id, path: `textAnimators.${ai}.effects.${fi}.color` });
+                accentTargets.push({ itemId: id, path: `${at2}.color` });
+                if (fx.type === "box" && !boxed.includes(a)) boxed.push(a);
               }
             }));
+            if (boxed.length) {
+              const ink = contrast("#0b0d0c", colors.accent) >= contrast("#ffffff", colors.accent) ? "#0b0d0c" : "#ffffff";
+              const fills = item.textAnimators.flatMap((a) => (a.effects || []).filter((fx) => fx.type === "fill"));
+              if (fills.length) fills.forEach((fx) => {
+                if (contrast(fx.color, colors.accent) < 4.5) fx.color = ink;
+              });
+              else if (contrast(color, colors.accent) < 4.5) {
+                let pidN = Math.max(0, ...item.textAnimators.flatMap((a) => (a.effects || []).map((fx) => Number(String(fx.pid).replace(/^\D+/, "")) || 0)));
+                for (const a of boxed) a.effects = [...a.effects || [], { pid: `p${++pidN}`, type: "fill", color: ink }];
+              }
+            }
             item.propertyKeyframes = { ...item.propertyKeyframes || {}, ...patch.propertyKeyframes };
             if (patch.textAnimatorPivotX != null) {
               item.textAnimatorPivotX = patch.textAnimatorPivotX;
@@ -16425,8 +19344,8 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
         }
         if (role === "headline" && !firstHeadline) firstHeadline = { id, start };
       } else if (["rect", "pill", "circle"].includes(type)) {
-        const w = clamp2(num3(el?.w, type === "circle" ? 200 : 400), 1, W * 4);
-        const h = clamp2(num3(el?.h, type === "circle" ? w : 120), 1, H * 4);
+        const w = clamp5(num7(el?.w, type === "circle" ? 200 : 400), 1, W * 4);
+        const h = clamp5(num7(el?.h, type === "circle" ? w : 120), 1, H * 4);
         const fillBg = typeof el?.color === "object" || /gradient\(/i.test(String(el?.color || "")) ? background(el.color, ew) : null;
         const fill = fillBg ? fillBg.solidColor : paint(el?.color || "accent", colors.accent);
         item = add("shape", id, start, end, {
@@ -16436,14 +19355,14 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
           shapeHeightPx: h,
           shapeFillColor: fill,
           ...fillBg && fillBg.type !== "solid" ? { shapeBackground: fillBg } : {},
-          ...type === "pill" ? { borderRadius: h / 2 } : el?.radius ? { borderRadius: num3(el.radius, 0) } : {},
-          ...el?.border ? { borderWidth: num3(el.border.width, 2), borderColor: paint(el.border.color, colors.text), borderStyle: "solid" } : {},
+          ...type === "pill" ? { borderRadius: h / 2 } : el?.radius ? { borderRadius: num7(el.radius, 0) } : {},
+          ...el?.border ? { borderWidth: num7(el.border.width, 2), borderColor: paint(el.border.color, colors.text), borderStyle: "solid" } : {},
           ...el?.shadow ? { shadows: [{ x: 0, y: 12, blur: 40, spread: 0, color: "rgba(0,0,0,0.35)", inset: false }] } : {},
           ...pos
         });
         if (!el?.color || el.color === "accent") accentTargets.push({ itemId: id, path: "shapeFillColor" });
       } else if (type === "line") {
-        const [x2, y2] = Array.isArray(el?.to) ? [num3(el.to[0], 0), num3(el.to[1], 0)] : [x + 300, y];
+        const [x2, y2] = Array.isArray(el?.to) ? [num7(el.to[0], 0), num7(el.to[1], 0)] : [x + 300, y];
         const cx = (x + x2) / 2;
         const cy = (y + y2) / 2;
         const L = Math.max(4, Math.abs(x2 - x), Math.abs(y2 - y));
@@ -16455,10 +19374,11 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
           shapeHeightPx: L,
           shapeFillColor: paint(el?.color || "accent", colors.accent),
           shapePath: { points: pts, closed: false },
-          lineWidth: num3(el?.width, 6),
+          lineWidth: num7(el?.width, 6),
           lineCap: "round",
           ...cx ? { panX: r3(cx / W * 100) } : {},
-          ...cy ? { panY: r3(cy / H * 100) } : {}
+          ...cy ? { panY: r3(cy / H * 100) } : {},
+          ...z ? { panZ: r3(z) } : {}
         });
         if (el?.draw !== false) item.propertyKeyframes = { lineTrimEnd: [{ position: 0, value: "0", easing: "AE Out" }, { position: r3(Math.min(100, 0.7 / (end - start) * 100)), value: "100", easing: "Linear" }] };
         if (!el?.color || el.color === "accent") accentTargets.push({ itemId: id, path: "shapeFillColor" });
@@ -16469,6 +19389,13 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
         problems.push(`${ew}: type must be text, rect, pill, circle, line, image or video`);
         return;
       }
+      if (el?.opacity != null) item.opacity = r3(clamp5(num7(el.opacity, 1), 0, 1) * 100);
+      if (el?.id != null) elIds.set(String(el.id), id);
+      zOf.set(id, z);
+      if (el?.locked) {
+        const ch = seq.channels.find((c) => c.items[0] === item);
+        if (ch) ch.cameraLocked = true;
+      }
       const len = Math.max(1e-3, end - start);
       const span = Math.min(100, KFP_DEFAULT_LENGTH / len * 100);
       const enter = el?.enter ?? (["text", "image", "video"].includes(type) ? null : "pop-overshoot");
@@ -16494,8 +19421,8 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
             continue;
           }
           const list = [];
-          for (const k2 of keys) {
-            const [t, v, easing = "AE Smooth"] = Array.isArray(k2) ? k2 : [k2?.t, k2?.value, k2?.easing];
+          for (const k of keys) {
+            const [t, v, easing = "AE Smooth"] = Array.isArray(k) ? k : [k?.t, k?.value, k?.easing];
             if (!Number.isFinite(Number(t)) || !Number.isFinite(Number(v))) {
               problems.push(`${ew}: keyframes.${name}: each key is [seconds, value, easing?]`);
               break;
@@ -16504,7 +19431,7 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
               problems.push(`${ew}: unknown easing "${easing}"${near(easing, [...easings])}`);
               break;
             }
-            list.push({ position: r3(clamp2(Number(t) / len * 100, 0, 100)), value: String(name === "opacity" ? clamp2(Number(v), 0, 1) : Number(v)), easing });
+            list.push({ position: r3(clamp5(Number(t) / len * 100, 0, 100)), value: String(name === "opacity" ? clamp5(Number(v), 0, 1) : Number(v)), easing });
           }
           if (list.length === keys.length) {
             if (item.propertyKeyframes?.[track]) warnings.push(`${ew}: keyframes.${name} replace the ${track} keys of its entrance / exit`);
@@ -16530,25 +19457,30 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
       const tr = sc?.transition ?? "Cross Fade";
       if (!CROSS_TRANSITIONS.includes(tr)) problems.push(`${where}: unknown transition "${tr}" (one of ${CROSS_TRANSITIONS.join(", ")})`);
       else if (tr !== "None") {
-        const prev = num3(scenes[si - 1]?.duration, 3);
+        const prev = num7(scenes[si - 1]?.duration, 3);
         sceneItem.transition = tr;
-        sceneItem.transitionDuration = r3(clamp2(num3(sc?.transitionDuration, 0.6), 0.2, Math.min(prev, D) / 2));
+        if (EDGE_FILLED.has(tr)) sceneItem.transitionOptions = { edgeMode: "none" };
+        sceneItem.transitionDuration = r3(clamp5(num7(sc?.transitionDuration, 0.6), 0.2, Math.min(prev, D) / 2));
         total -= sceneItem.transitionDuration;
         if ((S.sound ?? "auto") === "auto") project.sounds.push({ sfx: soundOk("soft-swoosh", where) ? "soft-swoosh" : "standard-swoosh", on: project.channels[0].items.at(-1).id, at: "end" });
       }
     }
     const cam = sc?.camera ?? "push-in";
-    if (!CAMERAS.includes(cam)) problems.push(`${where}: camera must be one of ${CAMERAS.join(", ")}`);
-    const k = (track, a, b2) => [{ position: 0, value: String(a), easing: "AE Smooth" }, { position: 100, value: String(b2), easing: "Linear" }];
-    const camKeys = {
-      "push-in": { scale: k("scale", 1, 1.06) },
-      "pull-out": { scale: k("scale", 1.06, 1) },
-      "drift-left": { translateX: k("x", 0, -36) },
-      "drift-right": { translateX: k("x", 0, 36) },
-      "drift-up": { translateY: k("y", 0, -28) }
-    }[cam];
-    if (camKeys) sceneItem.propertyKeyframes = camKeys;
-    for (const s of Array.isArray(sc?.sounds) ? sc.sounds : []) if (s?.sfx && soundOk(s.sfx, where)) project.sounds.push({ sfx: s.sfx, on: sceneId, at: r3(num3(s.at, 0)), ...s.gain ? { gain: num3(s.gain, 0) } : {} });
+    const real = cam && typeof cam === "object" && !Array.isArray(cam) ? cam : typeof cam === "string" && MOVES.has(cam) ? { move: cam } : typeof cam === "string" && RIGS.has(cam) ? { rig: cam } : null;
+    if (real) sceneCamera(real, `${where}, camera`, D, seq, sceneId, elIds, zOf);
+    else if (!CAMERAS.includes(cam)) problems.push(`${where}: camera must be one of ${CAMERAS.join(", ")}, a camera move or rig id, or { "move" | "rig" | "zooms" | "keyframes", "dof"? }${typeof cam === "string" ? near(cam, [...CAMERAS, ...MOVES.keys(), ...RIGS.keys()]) : ""}`);
+    else {
+      const k = (track, a, b2) => [{ position: 0, value: String(a), easing: "AE Smooth" }, { position: 100, value: String(b2), easing: "Linear" }];
+      const camKeys = {
+        "push-in": { scale: k("scale", 1, 1.06) },
+        "pull-out": { scale: k("scale", 1.06, 1) },
+        "drift-left": { translateX: k("x", 0, -36) },
+        "drift-right": { translateX: k("x", 0, 36) },
+        "drift-up": { translateY: k("y", 0, -28) }
+      }[cam];
+      if (camKeys) sceneItem.propertyKeyframes = camKeys;
+    }
+    for (const s of Array.isArray(sc?.sounds) ? sc.sounds : []) if (s?.sfx && soundOk(s.sfx, where)) project.sounds.push({ sfx: s.sfx, on: sceneId, at: r3(num7(s.at, 0)), ...s.gain ? { gain: num7(s.gain, 0) } : {} });
     if ((S.sound ?? "auto") === "auto" && si === 0 && firstHeadline && soundOk("whoosh-3", where)) project.sounds.push({ sfx: "whoosh-3", on: sceneId, at: r3(firstHeadline.start) });
     project.channels[0].items.push(sceneItem);
     total += D;
@@ -16556,30 +19488,30 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
   });
   const music = typeof S.music === "string" ? { src: S.music } : S.music;
   if (music?.src) {
-    const f = fileFor(music.src, "music", ["audio", "video"]);
-    if (f) {
+    const f2 = fileFor(music.src, "music", ["audio", "video"]);
+    if (f2) {
       const len = Math.max(0.5, total);
-      const from = Math.max(0, num3(music.startAt, 0));
-      if (f.duration && f.duration - from < len - 0.05) warnings.push(`music: "${f.name}" is ${f.duration} s, the video ${r3(len)} s \u2014 it ends early`);
-      project.clips.push({ id: "c-music", source: "LOCAL", mediaType: "audio", url: f.url, proxyUrl: null, name: f.name || "music", duration: r3(f.duration || from + len) });
+      const from = Math.max(0, num7(music.startAt, 0));
+      if (f2.duration && f2.duration - from < len - 0.05) warnings.push(`music: "${f2.name}" is ${f2.duration} s, the video ${r3(len)} s \u2014 it ends early`);
+      project.clips.push({ id: "c-music", source: "LOCAL", mediaType: "audio", url: f2.url, proxyUrl: null, name: f2.name || "music", duration: r3(f2.duration || from + len) });
       project.channels.push({ id: "ch-music", name: "Music", items: [{
         id: "music",
         clipId: "c-music",
         trimStart: r3(from),
-        trimEnd: r3(from + Math.min(len, f.duration ? f.duration - from : len)),
-        volume: clamp2(num3(music.volume, 80), 0, 100),
-        audioFadeIn: r3(clamp2(num3(music.fadeIn, 0.3), 0, 10)),
-        audioFadeOut: r3(clamp2(num3(music.fadeOut, 1.2), 0, 10))
+        trimEnd: r3(from + Math.min(len, f2.duration ? f2.duration - from : len)),
+        volume: clamp5(num7(music.volume, 80), 0, 100),
+        audioFadeIn: r3(clamp5(num7(music.fadeIn, 0.3), 0, 10)),
+        audioFadeOut: r3(clamp5(num7(music.fadeOut, 1.2), 0, 10))
       }] });
     }
   }
-  const tFields = fields.filter((f) => f.text).map((f) => ({ key: f.key, label: f.label, type: "text", targets: [{ itemId: f.itemId, path: "textContent" }] }));
-  const values = Object.fromEntries(fields.filter((f) => f.text).map((f) => [f.key, f.value]));
+  const tFields = fields.filter((f2) => f2.text).map((f2) => ({ key: f2.key, label: f2.label, type: "text", targets: [{ itemId: f2.itemId, path: "textContent" }] }));
+  const values = Object.fromEntries(fields.filter((f2) => f2.text).map((f2) => [f2.key, f2.value]));
   if (accentTargets.length) {
     tFields.push({ key: "accent", label: "Accent colour", type: "color", targets: accentTargets });
     values.accent = colors.accent;
   }
-  const bgs = fields.filter((f) => f.bg);
+  const bgs = fields.filter((f2) => f2.bg);
   if (bgs.length) {
     tFields.push({ key: "backdrop", label: "Background", type: "color", targets: bgs.map((b2) => ({ itemId: b2.itemId, path: "shapeFillColor" })) });
     values.backdrop = bgs[0].color;
@@ -16593,7 +19525,7 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
 init_define_import_meta_env();
 
 // ../skills/greenlight-dash/references/video-design.md
-var video_design_default = "# Motion design that looks made, not generated\n\nWhat makes a video read as designed rather than generated. The rules hold however the video is built \u2014 a project\nthrough the app's API, `project.json` with the engine's CLI, or a scene script \u2014 so read them before the first version\nand check every version against them.\n\n## Story and words\n\n- **One idea per scene**: 3\u20136 scenes of 2\u20133 s for a short video. A scene that says two things says neither.\n- **At most ~8 words on screen at once, held at least 1 s.** People read about 3 words a second; text that leaves\n  before it is read is noise.\n- **9:16**: bigger text, stacked vertically, everything in the middle 80 %.\n\n## Hierarchy\n\n- One headline per scene; supporting text much smaller. Hierarchy comes from size and weight, not colour alone.\n- One accent colour and strong contrast.\n- **No text shadows unless the user asks for one.** A shadow under type reads as a stock default and softens the\n  letter edges. When text has to read over footage or a busy picture, get the contrast from the design instead: a\n  calmer or darker part of the frame, a caption bar (`textBgEnabled`), or a shape behind the text. So no\n  `textShadowX` / `textShadowY` / `textShadowBlur` / `textShadowSpread` on a text layer, no `shadow` property in a\n  Text Animator and no `longShadow` effect on text. A shadow already in the user's project stays.\n- Keep text inside the middle 80 % of the frame (in a project: |panX| and |panY| \u2264 40): players and feeds crop the\n  edges.\n\n## Timing\n\n- Stagger related elements by 0.06\u20130.12 s.\n- **One focal move at a time.** If everything moves, nothing reads: supporting elements move less and later.\n- Shapes and pictures enter in 0.4\u20130.8 s; exits are faster than entrances.\n- A text animation takes at least 0.8\u20131 s over the whole line, first unit in to last unit settled, unless the video\n  needs snap (a beat hit, a glitch flick): faster text flashes past before it is read. The arithmetic per kind of\n  animation: video-projects.md, Text animation pace.\n\n## Easing by intent\n\n- Entrances: `AE Out` or `Expo Out` (fast start, soft landing). Camera and big moves: `AE Smooth`.\n- A layer that passes through (in, glide, out): `Smooth Glide` with the `glide` expression \u2014 the Glide keyframe\n  presets build it (video-keyframes.md).\n- Playful arrivals: `Back Out` or `Overshoot`. Exits: `Ease In`.\n- `Linear` only for constant motion: tickers, rotation, progress along a path.\n\n## Text animation\n\n- Animate words or letters, never a whole line at once \u2014 the text presets do this.\n- One family per video. Calm presets for lines and captions: Glide Text (`glide-text`), Classic Fade Up\n  (`classic-fade-up`), Classic Rise (Mask) (`classic-rise-mask`); Focus Type (`focus-type`) for a title.\n- Punchy presets that tilt or overshoot \u2014 Swing Pop (`swing-pop`), Whip (`whip`), Letter Vortex (`letter-vortex`) \u2014\n  only on 1\u20133 words when the video wants energy. On a longer caption they read cheap.\n- Glide Continuous (`glide-continuous`) and Glide Soft Stop (`glide-soft-stop`) never let the text rest: use them\n  only when the user asks for drifting text.\n- On a coloured card, pick a preset without a colour band (Classic Rise (Mask), Classic Fade Up): a band's colour can\n  clash with the card.\n\n## Transitions and camera\n\n- Vary two or three kinds of transition across a video: one kind everywhere looks like a template, a new one at\n  every cut looks random.\n- Camera moves are slow and small unless they are the point. Fast motion looks best at 60 fps with motion blur.\n\n## Sound\n\n- A soft whoosh on each transition and on the first headline is a good base. `data-1` or `selection-data-click` for\n  UI-like pops, `cinematic-transition-13` for one big reveal.\n\n## What to check in every version\n\nLook at real frames across the video (a contact sheet) before the user sees it \u2014 the JSON doesn't show these:\nblank or empty frames, overlapping or cut-off text, text too small or gone too fast, nothing moving or everything\nmoving at once, weak hierarchy, clashing colours. Fix them and look again; two rounds are usually enough.\n";
+var video_design_default = "# Motion design that looks made, not generated\n\nWhat makes a video read as designed rather than generated. The rules hold however the video is built \u2014 a project\nthrough the app's API, `project.json` with the engine's CLI, or a scene script \u2014 so read them before the first version\nand check every version against them.\n\n## Story and words\n\n- **One idea per scene**: 3\u20136 scenes of 2\u20133 s for a short video. A scene that says two things says neither.\n- **At most ~8 words on screen at once, held at least 1 s.** People read about 3 words a second; text that leaves\n  before it is read is noise.\n- **9:16**: bigger text, stacked vertically, everything in the middle 80 %.\n\n## Hierarchy\n\n- One headline per scene; supporting text much smaller. Hierarchy comes from size and weight, not colour alone.\n- One accent colour and strong contrast.\n- **No text shadows unless the user asks for one.** A shadow under type reads as a stock default and softens the\n  letter edges. When text has to read over footage or a busy picture, get the contrast from the design instead: a\n  calmer or darker part of the frame, a caption bar (`textBgEnabled`), or a shape behind the text. So no\n  `textShadowX` / `textShadowY` / `textShadowBlur` / `textShadowSpread` on a text layer, no `shadow` property in a\n  Text Animator and no `longShadow` effect on text. A shadow already in the user's project stays.\n- Keep text inside the middle 80 % of the frame (in a project: |panX| and |panY| \u2264 40): players and feeds crop the\n  edges.\n\n## Timing\n\n- Stagger related elements by 0.06\u20130.12 s.\n- **One focal move at a time.** If everything moves, nothing reads: supporting elements move less and later.\n- Shapes and pictures enter in 0.4\u20130.8 s; exits are faster than entrances.\n- A text animation takes at least 0.8\u20131 s over the whole line, first unit in to last unit settled, unless the video\n  needs snap (a beat hit, a glitch flick): faster text flashes past before it is read. The arithmetic per kind of\n  animation: video-projects.md, Text animation pace.\n\n## Easing by intent\n\n- Entrances: `AE Out` or `Expo Out` (fast start, soft landing). Camera and big moves: `AE Smooth`.\n- A layer that passes through (in, glide, out): `Smooth Glide` with the `glide` expression \u2014 the Glide keyframe\n  presets build it (video-keyframes.md).\n- Playful arrivals: `Back Out` or `Overshoot`. Exits: `Ease In`.\n- `Linear` only for constant motion: tickers, rotation, progress along a path.\n\n## Text animation\n\n- Animate words or letters, never a whole line at once \u2014 the text presets do this.\n- One family per video. Calm presets for lines and captions: Glide Text (`glide-text`), Classic Fade Up\n  (`classic-fade-up`), Classic Rise (Mask) (`classic-rise-mask`); Focus Type (`focus-type`) for a title.\n- Punchy presets that tilt or overshoot \u2014 Swing Pop (`swing-pop`), Whip (`whip`), Letter Vortex (`letter-vortex`) \u2014\n  only on 1\u20133 words when the video wants energy. On a longer caption they read cheap.\n- Glide Continuous (`glide-continuous`) and Glide Soft Stop (`glide-soft-stop`) never let the text rest: use them\n  only when the user asks for drifting text.\n- On a coloured card, pick a preset without a colour band (Classic Rise (Mask), Classic Fade Up): a band's colour can\n  clash with the card.\n\n## Transitions and camera\n\n- Vary two or three kinds of transition across a video: one kind everywhere looks like a template, a new one at\n  every cut looks random.\n- Camera moves are slow and small unless they are the point. Fast motion looks best at 60 fps with motion blur.\n- A real 3D camera earns its place on one or two moments, not every scene: a zoom onto the one thing a scene is about\n  (a number, the button a screen recording clicks; 1.3\u20132\xD7, then back out), or a slow orbit or push that shows depth.\n- Depth needs layers at different distances: a soft shape or picture far behind, the words at the front. Depth of\n  field reads only then; keep the words sharp.\n- Keep an orbit in front of flat layers (within about \xB170\xB0): text turned further goes edge-on, then mirrored.\n\n## Sound\n\n- A soft whoosh on each transition and on the first headline is a good base. `data-1` or `selection-data-click` for\n  UI-like pops, `cinematic-transition-13` for one big reveal.\n\n## What to check in every version\n\nLook at real frames across the video (a contact sheet) before the user sees it \u2014 the JSON doesn't show these:\nblank or empty frames, overlapping or cut-off text, text too small or gone too fast, nothing moving or everything\nmoving at once, weak hierarchy, clashing colours. Fix them and look again; two rounds are usually enough.\n";
 
 // src/motionEngine/sceneScriptGuide.js
 var PREFERRED = {
@@ -16606,6 +19538,19 @@ var refOf = (host, topic) => host === "chat" ? `get_motion_reference "${topic}"`
 function scriptFormatGuide(host = "chat") {
   return `## The scene script
 
+**Before the script, a direction.** Presets make a video move; they don't give it an idea. Decide in a few lines first,
+and keep them next to the script:
+- **The idea**: ONE picture from the subject's own world (its object, place or action: a coffee shop's steam and cup rim,
+  a budgeting app's receipt printing line by line, a running app's track the scenes run along), carried through every scene.
+- **The palette**: background, text, one accent, plus only the colours that carry meaning (good / bad, before / after).
+  Light or dark on purpose.
+- **The type**: a big headline against a small support line; aligned left or centred on purpose, not by default.
+- **Each scene**: what it SHOWS besides its words, built from shapes, lines, \`svg\` you write, keyframes and the camera.
+The same line centred on a gradient in every scene reads as a template. Judge the stills against the direction, not
+only for mistakes.${host === "cli" ? `
+What a script can't say (a custom GLSL shader on a shape or the background, words dipping under a surface with a track
+matte, masks, particles, 3D) goes on from \`project.json\`: SKILL.md, "Beyond the script".` : ""}
+
 \`\`\`json
 {
   "title": "Bean There \u2014 opening day",
@@ -16622,8 +19567,10 @@ function scriptFormatGuide(host = "chat") {
         { "type": "pill", "w": 560, "h": 116, "color": "accent", "start": 0.15 },
         { "type": "text", "text": "Opening day: 2 for 1", "role": "body", "color": "#1b120d", "start": 0.3, "enter": "pop-overshoot", "sound": "data-1" } ] },
     { "name": "Close", "duration": 2.4, "transition": "Gradient Glow Stack", "background": { "shader": "silk", "look": "sunset" },
+      "camera": { "move": "cm-quiet-push", "dof": { "focus": "street", "aperture": 50 } },
       "elements": [
-        { "type": "text", "text": "12 Elm Street", "role": "headline", "textAnimation": "word-swing" },
+        { "type": "circle", "w": 420, "color": "#fff3e0", "opacity": 0.3, "at": [330, -60], "z": -700 },
+        { "id": "street", "type": "text", "text": "12 Elm Street", "role": "headline", "textAnimation": "word-swing" },
         { "type": "text", "text": "OPEN 7 \u2013 7", "role": "label", "at": [0, 130], "start": 0.8, "letterSpacing": 6 } ] }
   ]
 }
@@ -16637,15 +19584,36 @@ function scriptFormatGuide(host = "chat") {
 - **line**: from \`at\` to \`to\`, \`width\`, drawn on (\`draw\`: false to skip).
 - **image \xB7 video**: \`src\` (${host === "chat" ? "a link or the user's file \u2014 below" : "a file in the folder's assets/ as `asset:<name>`, or an https link"}) or, for an image, \`svg\` (SVG markup you write); \`w\` or \`h\`
   (px; the other follows the file's shape) or \`fit\` cover | contain
-  (default: a video covers the frame, a picture sits at 70 % of contain), \`rotate\` (deg), \`opacity\` (0\u20131). A video also takes
+  (default: a video covers the frame, a picture sits at 70 % of contain), \`rotate\` (deg). A video also takes
   \`startAt\` (s into the file) and \`volume\` (0\u2013100, default muted). No entrance unless you set \`enter\`.
 - **Keyframes on any element** \u2014 your own motion: \`"keyframes": { "x": [[0, -400], [0.8, 0, "Smooth Glide"]], "scale": [[0, 0.9], [2, 1.05]] }\`
   \u2014 tracks x, y (px offsets from \`at\`), scale, rotate (deg), opacity (0\u20131); each key [seconds into the element, value, easing of the
   segment after it \u2014 Smooth Glide, AE Smooth, Expo Out, Back Out, Elastic, Linear \u2026]. They replace an entrance's keys on the same track.
 - **Every element**: \`start\` / \`end\` (s within its scene; default: staggered 0.12 s, to the scene's end), \`enter\` / \`exit\` (keyframe presets, \`direction\` up | down | left | right
-  for directional ones), \`effects\`: [{ "id", "params"? }], \`sound\` (played at its start), \`id\`, \`label\` (its name in the page's options).
-- **Scene**: \`duration\` (s), \`transition\` into it (default Cross Fade, 0.6 s; \`transitionDuration\`), \`camera\` ${CAMERAS.join(" | ")} (default push-in),
+  for directional ones), \`effects\`: [{ "id", "params"? }], \`sound\` (played at its start), \`id\`, \`label\` (its name in the page's options), \`opacity\` (0\u20131),
+  \`z\` (px of depth, + toward the viewer, default 0: a real camera's dolly, orbit and depth of field separate layers by it), \`locked\`: true
+  (the scene's camera doesn't move it: a logo, a caption). Keyframes also take a \`z\` track.
+- **Scene**: \`duration\` (s), \`transition\` into it (default Cross Fade, 0.6 s; \`transitionDuration\`), \`camera\` (below; default push-in),
   \`background\` (overrides style), \`sounds\`: [{ "sfx", "at" }]. Script-level \`sound\`: auto (default: a whoosh on each transition and on the first headline) | none.
+  **A transition overlaps the scenes on both sides**, so the video lasts the scenes' durations added up MINUS every
+  transition: five 3 s scenes with the default 0.6 s transitions run 15 \u2212 4 \xD7 0.6 = 12.6 s. To hit a length, add the
+  transitions back to the scenes (${host === "chat" ? "build_video" : "`script`"} prints the total).
+- **camera** \u2014 a quick move of the whole scene: ${CAMERAS.join(" | ")}. Or a REAL camera that films the scene's elements in 3D (the
+  Video Editor's own camera layer; the scene's backdrop stays put, so its edge never shows). One of:
+  - \`{ "move": id }\` \u2014 a camera move from the catalogue (or just \`"camera": "cm-quiet-push"\`), spread over the scene;
+  - \`{ "rig": id }\` or \`{ "rig": { "preset"?: id, "type"?, \u2026fields } }\` \u2014 an orbit, crane, push-in, truck, spiral, handheld or follow move
+    (\`"camera": "heroOrbit"\` works too). A \`follow\` rig rides elements: \`"targets": [element ids]\`. Layers are flat: keep an orbit within about
+    \xB170\xB0 of the front (heroOrbit, slowReveal) or they turn edge-on and read mirrored;
+  - \`{ "zooms": [{ "start", "end", "at"?, "zoom"? }], "feel"? }\` \u2014 zoom in on spots and back out, like a screen recording's Smart Zoom: \`at\` as for
+    elements (the spot to frame, clamped so the view stays inside the frame), \`zoom\` 1.05\u20134 (default the feel's, about 1.45), each zoom at least
+    0.4 s and none overlapping; \`feel\` studio | calm | precise | lively | follow (the spring). Put a screen recording in as a video element (or the
+    scene's video background) and zoom on what it shows;
+  - \`{ "keyframes": { zoom | x | y | roll | dolly | tiltX | tiltY | focusZ: [[seconds, value, easing?], \u2026] } }\` \u2014 your own move: zoom (\xD7, 1 = none),
+    x / y (px the camera pans right / down), roll / tilt (deg), dolly (px toward the scene: it changes perspective, so layers at different \`z\` part).
+    With a \`move\` they replace its track; a rig drives x, y, roll, dolly and tilt itself and zooms drive zoom, x and y, so key only the others there.
+  - plus \`"dof": { "focus": element id | "focusZ": px, "aperture"?: 40, "blur"?: 100 }\` (or \`true\`) \u2014 depth of field: what sits at another \`z\` blurs;
+    the focus stays on its subject while the camera dollies or rides a rig. \`focusZ\` keys are a rack focus (measured from where the camera starts).
+  - \`start\` / \`end\` (s in the scene; default the whole scene; outside them the camera rests). Keys and zooms count seconds into the camera.
 - **background**: a colour, a CSS gradient, { "shader": id, "look"? } \u2014 shaders: ${SHADERS.join(", ")} (looks: ${refOf(host, "video-backgrounds")}) \u2014 or { "image": src } / { "video": src } (covers the frame; b-roll behind the scene).
 - **music** (script level): \`"music": { "src": file, "volume": 80, "fadeIn": 0.3, "fadeOut": 1.2, "startAt": 0 }\` \u2014 one track under the video.
 
@@ -16658,6 +19626,7 @@ function designGuide() {
 }
 function catalogueGuide(caps, host = "chat") {
   const cat = presetCatalog();
+  const cam = cameraCatalog();
   const star = (line, ids) => ids.some((id) => line.startsWith(`\`${id}\``)) ? `\u2605 ${line}` : line;
   const sounds = {};
   for (const [id, sd] of Object.entries(caps?.sounds?.library || {})) if (sd.category !== "Voice Clips & Memes") (sounds[sd.category] ||= []).push(`${id} (${sd.duration}s)`);
@@ -16672,6 +19641,12 @@ function catalogueGuide(caps, host = "chat") {
 
 **Transitions** (\u2605 = preferred): ${CROSS_TRANSITIONS.map((t) => PREFERRED.transitions.includes(t) ? `\u2605 ${t}` : t).join(" \xB7 ")}
 
+**Camera moves** (\`camera.move\`; spread over the camera's length): ${cam.moves.join(" \xB7 ")}
+
+**Camera rigs** (\`camera.rig\`; the fields you can override: type ${cam.rigTypes.join(" | ")}, aim ${cam.rigAims.join(" | ")}, ${cam.rigFields.join(", ")}): ${cam.rigs.join(" \xB7 ")}
+
+**Zoom feels** (\`camera.feel\`): ${cam.feels.join(" \xB7 ")}. Full camera layers (paths, Smart Zoom on a recording's clicks, the drawn cursor): ${refOf(host, "video-camera")}.
+
 **Overlay effects** (\`effects\`): ${fx(caps?.effects?.overlay)}
 
 **Layer effects** (\`effects\`): ${fx(caps?.effects?.layer)}
@@ -16735,6 +19710,7 @@ export {
   MIME,
   PREFERRED,
   SHADERS,
+  cameraCatalog,
   catalogueGuide,
   checkTemplate,
   compileScript,