greenlight-motion 0.3.1 → 0.3.3

package/dist/greenlight-motion-script.mjs

@@ -6724,30 +6724,17 @@ var TXA = (function() {
     "Smooth",
     "Smooth Glide",
     "Glide Easing Stop",
-    "Power1 In",
-    "Power1 Out",
-    "Power1 Smooth",
-    "Power2 In",
-    "Power2 Out",
-    "Power2 Smooth",
-    "Power3 In",
-    "Power3 Out",
-    "Power3 Smooth",
-    "Power4 In",
-    "Power4 Out",
-    "Power4 Smooth",
     "Sine In",
     "Sine Out",
     "Sine Smooth",
     "Cubic In",
     "Cubic Out",
-    "Cubic Smooth",
     "Expo In",
     "Expo Out",
     "Expo Smooth",
-    "Circ In",
-    "Circ Out",
-    "Circ Smooth",
+    "Power",
+    "Punch",
+    "Apple Out",
     "Back In",
     "Back Out",
     "Back Smooth",
@@ -6760,10 +6747,30 @@ var TXA = (function() {
     "Anticipate",
     "Natural",
     "Slow Down",
-    "AE In",
+    "AE In (arrive)",
     "AE Smooth",
-    "AE Out"
+    "AE Out (leave)"
   ];
+  const RETIRED_CURVES2 = {
+    "Power1 In": "Sine In",
+    "Power1 Out": "Sine Out",
+    "Power1 Smooth": "Sine Smooth",
+    "Power2 In": "Ease In",
+    "Power2 Out": "Ease Out",
+    "Power2 Smooth": "Smooth",
+    "Power3 In": "Cubic In",
+    "Power3 Out": "Cubic Out",
+    "Power3 Smooth": "Natural",
+    "Power4 In": "Cubic In",
+    "Power4 Out": "Power",
+    "Power4 Smooth": "Natural",
+    "Cubic Smooth": "Natural",
+    "Circ In": "Cubic In",
+    "Circ Out": "Slow Down",
+    "Circ Smooth": "Natural",
+    "AE In": "AE In (arrive)",
+    "AE Out": "AE Out (leave)"
+  };
   const RANGE_FIELDS2 = {
     // What moves the selection. Range: Start / End / Offset (keyframes, Flow). Time
     // and Voice give every unit its own clock instead (see driveAmounts).
@@ -7079,7 +7086,8 @@ 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);
+    const rawRange = raw.range && typeof raw.range === "object" && RETIRED_CURVES2[raw.range.curve] ? { ...raw.range, curve: RETIRED_CURVES2[raw.range.curve] } : raw.range;
+    const range = sanitizeGroup(RANGE_FIELDS2, rawRange);
     if (range.curve !== "Custom") range.bezier = null;
     else if (!range.bezier) range.curve = RANGE_FIELDS2.curve.default;
     return {
@@ -7398,7 +7406,6 @@ var TXA = (function() {
   const inOutOf = (fin) => (p) => p < 0.5 ? fin(p * 2) / 2 : 1 - fin((1 - p) * 2) / 2;
   const expoIn = (p) => Math.pow(2, 10 * (p - 1)) * p + Math.pow(p, 6) * (1 - p);
   const sineIn = (p) => p === 1 ? 1 : 1 - Math.cos(p * Math.PI / 2);
-  const circIn = (p) => -(Math.sqrt(1 - p * p) - 1);
   const backIn = (p) => p ? p * p * (2.70158 * p - 1.70158) : 0;
   function bounceOut2(p) {
     const n1 = 7.5625, c = 2.75;
@@ -7446,15 +7453,13 @@ var TXA = (function() {
       "Ease In": powIn(3),
       "Ease Out": outOf(powIn(3)),
       Smooth: inOutOf(powIn(3)),
-      ...fam(powIn(2), "Power1"),
-      ...fam(powIn(3), "Power2"),
-      ...fam(powIn(4), "Power3"),
-      ...fam(powIn(5), "Power4"),
-      // The app plays "Cubic" as GSAP power3 (a quartic), so this does too.
-      ...fam(powIn(4), "Cubic"),
+      // The app plays "Cubic" as GSAP power3 (a quartic), so this does too; Power is
+      // GSAP power4.out.
+      "Cubic In": powIn(4),
+      "Cubic Out": outOf(powIn(4)),
+      Power: outOf(powIn(5)),
       ...fam(sineIn, "Sine"),
       ...fam(expoIn, "Expo"),
-      ...fam(circIn, "Circ"),
       ...fam(backIn, "Back"),
       "Bounce Out": bounceOut2,
       Elastic: elasticOut,
@@ -7465,9 +7470,11 @@ var TXA = (function() {
       Anticipate: sampled(SAMPLED.Anticipate),
       Natural: bezier(0.8, 0, 0.2, 1),
       "Slow Down": bezier(0, 0, 0, 1),
-      "AE In": bezier(0.3141666673, 0, 0.0875000209, 1),
+      "AE In (arrive)": bezier(0.3141666673, 0, 0.0875000209, 1),
       "AE Smooth": bezier(0.882083327, 0, 0.2445833683, 1),
-      "AE Out": bezier(0.8699999754, 0, 0.6433336333, 1),
+      "AE Out (leave)": bezier(0.8699999754, 0, 0.6433336333, 1),
+      Punch: bezier(0.7, 0, 0.1, 1),
+      "Apple Out": bezier(0.32, 0.72, 0, 1),
       "Smooth Glide": bezier(0.2111, 0.7721, 0.8541, 0.112),
       "Glide Easing Stop": bezier(0, 0.9125, 1, -0.0338)
     };
@@ -8662,6 +8669,7 @@ var TXA = (function() {
     easeShape: easeShape2,
     shapeAt: shapeAt2,
     CURVE_NAMES: CURVE_NAMES2,
+    RETIRED_CURVES: RETIRED_CURVES2,
     RANGE_ONLY: RANGE_ONLY2,
     DRIVE_ONLY: DRIVE_ONLY2,
     rangeShows: rangeShows2,
@@ -8735,6 +8743,7 @@ var {
   easeShape,
   shapeAt,
   CURVE_NAMES,
+  RETIRED_CURVES,
   RANGE_ONLY,
   DRIVE_ONLY,
   rangeShows,
@@ -8790,23 +8799,23 @@ var factory = function(T) {
         name: "Type",
         range: { smooth: 0 },
         effects: [["opacity", { opacity: 0 }]],
-        keys: { start: [[0, 0, "AE In"], [1, 100]] }
+        keys: { start: [[0, 0, "AE In (arrive)"], [1, 100]] }
       },
       {
         name: "Blue band",
         range: { start: 0, end: 100, shape: "smooth", easeHigh: 40 },
         effects: [["fill", { color: "#3e59ad" }]],
-        keys: { offset: [[0.3, -58, "Power1 Out"], [1.3, 101]] }
+        keys: { offset: [[0.3, -58, "Sine Out"], [1.3, 101]] }
       },
       {
         name: "Glide in",
         range: { around: "all" },
         effects: [["position", { x: em(2.5), y: 0 }]],
-        keys: { amount: [[0, 100, "AE In"], [1, 0]] }
+        keys: { amount: [[0, 100, "AE In (arrive)"], [1, 0]] }
       },
       {
         name: "Glide out",
-        range: { drive: "time", animate: "out", around: "all", stagger: 0, duration: 0.5, curve: "Power2 In" },
+        range: { drive: "time", animate: "out", around: "all", stagger: 0, duration: 0.5, curve: "Ease In" },
         effects: [["position", { x: em(-1.5), y: 0 }], ["opacity", { opacity: 0 }]]
       }
     ]
@@ -8825,13 +8834,13 @@ var factory = function(T) {
         name: "Type",
         range: { smooth: 0 },
         effects: [["opacity", { opacity: 0 }]],
-        keys: { start: [[0, 0, "AE In"], [0.93, 100]] }
+        keys: { start: [[0, 0, "AE In (arrive)"], [0.93, 100]] }
       },
       {
         name: "Blue band",
         range: { start: 0, end: 100, shape: "smooth", easeHigh: 40 },
         effects: [["fill", { color: "#3e59ad" }]],
-        keys: { offset: [[0.14, -58, "Power1 Out"], [1.13, 101]] }
+        keys: { offset: [[0.14, -58, "Sine Out"], [1.13, 101]] }
       },
       {
         name: "Glide in",
@@ -8842,7 +8851,7 @@ var factory = function(T) {
       },
       {
         name: "Glide out",
-        range: { drive: "time", animate: "out", around: "all", stagger: 0, duration: 0.5, curve: "Power2 In" },
+        range: { drive: "time", animate: "out", around: "all", stagger: 0, duration: 0.5, curve: "Ease In" },
         effects: [["position", { x: em(-1.5), y: 0 }], ["opacity", { opacity: 0 }]]
       }
     ]
@@ -8879,7 +8888,7 @@ var factory = function(T) {
       animators: [
         {
           name: "Recenter",
-          range: kIn("words", "all", { stagger: 0, duration: 1.8, curve: "Power3 Out" }),
+          range: kIn("words", "all", { stagger: 0, duration: 1.8, curve: "Cubic Out" }),
           effects: [["position", { x: em(4.6296), y: 0 }]]
         },
         {
@@ -8889,7 +8898,7 @@ var factory = function(T) {
         },
         {
           name: "Focus in",
-          range: kIn("words", "auto", { stagger: 0.15, duration: 0.38, curve: "Power2 Out" }),
+          range: kIn("words", "auto", { stagger: 0.15, duration: 0.38, curve: "Ease Out" }),
           effects: [["opacity", { opacity: 0 }], ["blur", { amount: em(0.2593) }]]
         },
         {
@@ -9330,7 +9339,7 @@ var factory = function(T) {
         },
         {
           name: "Fall out",
-          range: kOut("words", "word", { stagger: 0.08, duration: 0.6, curve: "Power2 In" }),
+          range: kOut("words", "word", { stagger: 0.08, duration: 0.6, curve: "Ease In" }),
           effects: [["rotation", { angle: 90 }], ["opacity", { opacity: 0 }]]
         }
       ]
@@ -9534,7 +9543,7 @@ var factory = function(T) {
         },
         {
           name: "Fall out",
-          range: kOut("words", "word", { stagger: 0.04, duration: 0.5, curve: "Power2 In" }),
+          range: kOut("words", "word", { stagger: 0.04, duration: 0.5, curve: "Ease In" }),
           effects: [["position", { x: 0, y: em(1.2) }], ["rotation", { angle: -25 }], ["opacity", { opacity: 0 }]]
         }
       ]
@@ -10081,7 +10090,7 @@ var factory = function(T) {
       description: "A box sits under each word while it is spoken, dark text on top",
       animators: [{
         name: "Spoken box",
-        range: voice({ animate: "active", duration: 0.08, curve: "Power2 Out", fadeOut: 0.08 }),
+        range: voice({ animate: "active", duration: 0.08, curve: "Ease Out", fadeOut: 0.08 }),
         effects: [["box", { color: ACCENT, padX: em(0.12), padY: em(0.04), radius: em(0.14), grow: false }], ["fill", { color: "#0b0d0c" }]]
       }]
     },
@@ -10151,7 +10160,7 @@ var factory = function(T) {
       description: "Words wait dimmed and light up as they are said",
       animators: [{
         name: "Not spoken yet",
-        range: voice({ animate: "in", duration: 0.2, curve: "Power2 Out" }),
+        range: voice({ animate: "in", duration: 0.2, curve: "Ease Out" }),
         effects: [["opacity", { opacity: 30 }]]
       }]
     },
@@ -10179,7 +10188,7 @@ var factory = function(T) {
       description: "Words rise softly out of a blur as they are spoken",
       animators: [{
         name: "Rise",
-        range: voice({ animate: "in", duration: 0.45, curve: "Power3 Out" }),
+        range: voice({ animate: "in", duration: 0.45, curve: "Cubic Out" }),
         effects: [["position", { x: 0, y: em(0.45) }], ["blur", { amount: em(0.08) }], ["opacity", { opacity: 0 }]]
       }]
     },
@@ -10315,7 +10324,7 @@ var factory = function(T) {
       sides: "inOut",
       animators: [...p.animators, {
         name: "Out",
-        range: { drive: "time", animate: "out", basedOn, stagger, duration: 0.3, curve: "Power2 In" },
+        range: { drive: "time", animate: "out", basedOn, stagger, duration: 0.3, curve: "Ease In" },
         effects: [["opacity", { opacity: 0 }]]
       }]
     };
@@ -10360,7 +10369,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.6,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10389,7 +10398,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.5,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10429,7 +10438,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.6,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10458,7 +10467,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.5,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10498,7 +10507,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.7,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10524,7 +10533,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.5,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10561,7 +10570,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.6,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10596,7 +10605,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.45,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10635,7 +10644,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.6,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10664,7 +10673,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.5,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10802,7 +10811,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.4,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -10848,7 +10857,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.5,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10884,7 +10893,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.4,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10924,7 +10933,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.12,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -10997,7 +11006,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.4,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -11066,7 +11075,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.3,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -11106,7 +11115,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.7,
-          "curve": "Power3 Out"
+          "curve": "Cubic Out"
         },
         "effects": [
           [
@@ -11140,7 +11149,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.4,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -11205,7 +11214,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.35,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11270,7 +11279,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.35,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11334,7 +11343,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.15,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11391,7 +11400,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.25,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11460,7 +11469,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.3,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11482,7 +11491,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.3,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11540,7 +11549,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.35,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11569,7 +11578,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.3,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -11700,7 +11709,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.5,
-          "curve": "Power3 Out"
+          "curve": "Cubic Out"
         },
         "effects": [
           [
@@ -11729,7 +11738,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.25,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -11768,7 +11777,7 @@ var CLASSIC_PRESETS = [
       "textBgOutType": "mask-right",
       "textBgOutStyle": "grow",
       "textBgOutDuration": 0.3,
-      "textBgOutEasing": "Power2 In",
+      "textBgOutEasing": "Ease In",
       "textBgOutGrowStart": 0,
       "textBgOutGrowAppear": "scale-in",
       "textBgOutGrowAppearDuration": 0.15,
@@ -11954,7 +11963,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.3,
-          "curve": "Power2 Out"
+          "curve": "Ease Out"
         },
         "effects": [
           [
@@ -11983,7 +11992,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.2,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -12009,7 +12018,7 @@ var CLASSIC_PRESETS = [
       "textBgInType": "mask-right",
       "textBgInStyle": "grow",
       "textBgInDuration": 0.6,
-      "textBgInEasing": "Power3 Out",
+      "textBgInEasing": "Cubic Out",
       "textBgInDelay": 0,
       "textBgInGrowStart": 0,
       "textBgInGrowAppear": "fade",
@@ -12018,7 +12027,7 @@ var CLASSIC_PRESETS = [
       "textBgOutType": "mask-right",
       "textBgOutStyle": "grow",
       "textBgOutDuration": 0.4,
-      "textBgOutEasing": "Power2 In",
+      "textBgOutEasing": "Ease In",
       "textBgOutGrowStart": 0,
       "textBgOutGrowAppear": "none",
       "textBgOutGrowAppearDuration": 0.4,
@@ -12077,7 +12086,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.2,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -12158,7 +12167,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.4,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -12220,7 +12229,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.5,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -12256,7 +12265,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.4,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -12317,7 +12326,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.7,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -12343,7 +12352,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.5,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -12404,7 +12413,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.4,
-          "curve": "Power2 Smooth"
+          "curve": "Smooth"
         },
         "effects": [
           [
@@ -12475,7 +12484,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "in",
           "duration": 0.14,
-          "curve": "Power2 Out"
+          "curve": "Ease Out"
         },
         "effects": [
           [
@@ -12515,7 +12524,7 @@ var CLASSIC_PRESETS = [
           "drive": "time",
           "animate": "out",
           "duration": 0.25,
-          "curve": "Power2 In"
+          "curve": "Ease In"
         },
         "effects": [
           [
@@ -12736,21 +12745,29 @@ var TransitionEasing = {
   SMOOTH_GLIDE: "Smooth Glide",
   GLIDE_STOP: "Glide Easing Stop",
   // After Effects-style bezier curves — same curves as MotionFast's aeIn/aeSmooth/aeOut.
-  AE_IN: "AE In",
+  // AE names a curve by the side of the key its influence sits on, so the shapes read
+  // backwards to the CSS names: AE In starts fast and brakes into the key (an arrival),
+  // AE Out starts slow and speeds away (a departure). The label says which.
+  AE_IN: "AE In (arrive)",
   AE_SMOOTH: "AE Smooth",
-  AE_OUT: "AE Out",
+  AE_OUT: "AE Out (leave)",
   SINE_IN: "Sine In",
   SINE_OUT: "Sine Out",
   SINE_IN_OUT: "Sine Smooth",
-  CUBIC_IN_OUT: "Cubic Smooth",
   CUBIC_IN: "Cubic In",
   CUBIC_OUT: "Cubic Out",
   EXPO_IN: "Expo In",
   EXPO_OUT: "Expo Out",
   EXPO_IN_OUT: "Expo Smooth",
-  CIRC_IN: "Circ In",
-  CIRC_OUT: "Circ Out",
-  CIRC_IN_OUT: "Circ Smooth",
+  // A hard, decisive stop (GSAP power4.out; drawn as cubic-bezier(0.23, 1, 0.32, 1)).
+  POWER: "Power",
+  // From the "Easing Lab" board (2026-11-01), both plain cubic beziers. Punch winds up
+  // slowly, hits hard and trails a long tail (scene changes on the beat, a logo hit, a
+  // screen swipe); nothing else in the list is within 0.23 of it. Apple Out starts at
+  // full speed and spends most of the move in a soft stop (UI panels, drawers, a
+  // camera landing).
+  PUNCH: "Punch",
+  APPLE_OUT: "Apple Out",
   BACK_IN: "Back In",
   BACK_OUT: "Back Out",
   BACK_IN_OUT: "Back Smooth",
@@ -12770,18 +12787,6 @@ var TransitionEasing = {
   SMOOTH_OVERSHOOT: "Smooth Overshoot",
   // Winds back first, then snaps through to the end: an exit. Sampled.
   ANTICIPATE: "Anticipate",
-  POWER1_IN: "Power1 In",
-  POWER1_OUT: "Power1 Out",
-  POWER1_IN_OUT: "Power1 Smooth",
-  POWER2_IN: "Power2 In",
-  POWER2_OUT: "Power2 Out",
-  POWER2_IN_OUT: "Power2 Smooth",
-  POWER3_IN: "Power3 In",
-  POWER3_OUT: "Power3 Out",
-  POWER3_IN_OUT: "Power3 Smooth",
-  POWER4_IN: "Power4 In",
-  POWER4_OUT: "Power4 Out",
-  POWER4_IN_OUT: "Power4 Smooth",
   // ── Keyframe-only easings ──
   // CUSTOM reads the key's own `bezier: [x1, y1, x2, y2]` (the graph editor writes
   // it by dragging handles); HOLD steps to the next key instead of interpolating.
@@ -12791,6 +12796,54 @@ var TransitionEasing = {
   CUSTOM: "Custom",
   HOLD: "Hold"
 };
+var RETIRED_EASINGS = {
+  "Power1 In": TransitionEasing.SINE_IN,
+  "Power1 Out": TransitionEasing.SINE_OUT,
+  "Power1 Smooth": TransitionEasing.SINE_IN_OUT,
+  "Power2 In": TransitionEasing.EASE_IN,
+  "Power2 Out": TransitionEasing.EASE_OUT,
+  "Power2 Smooth": TransitionEasing.EASE_IN_OUT,
+  "Power3 In": TransitionEasing.CUBIC_IN,
+  "Power3 Out": TransitionEasing.CUBIC_OUT,
+  "Power3 Smooth": TransitionEasing.NATURAL,
+  "Power4 In": TransitionEasing.CUBIC_IN,
+  "Power4 Out": TransitionEasing.POWER,
+  "Power4 Smooth": TransitionEasing.NATURAL,
+  "Cubic Smooth": TransitionEasing.NATURAL,
+  "Circ In": TransitionEasing.CUBIC_IN,
+  "Circ Out": TransitionEasing.SLOW_DOWN,
+  "Circ Smooth": TransitionEasing.NATURAL,
+  "AE In": TransitionEasing.AE_IN,
+  "AE Out": TransitionEasing.AE_OUT
+};
+var RETIRED_EASING_KEYS = {
+  POWER1_IN: "SINE_IN",
+  POWER1_OUT: "SINE_OUT",
+  POWER1_IN_OUT: "SINE_IN_OUT",
+  POWER2_IN: "EASE_IN",
+  POWER2_OUT: "EASE_OUT",
+  POWER2_IN_OUT: "EASE_IN_OUT",
+  POWER3_IN: "CUBIC_IN",
+  POWER3_OUT: "CUBIC_OUT",
+  POWER3_IN_OUT: "NATURAL",
+  POWER4_IN: "CUBIC_IN",
+  POWER4_OUT: "POWER",
+  POWER4_IN_OUT: "NATURAL",
+  CUBIC_IN_OUT: "NATURAL",
+  CIRC_IN: "CUBIC_IN",
+  CIRC_OUT: "SLOW_DOWN",
+  CIRC_IN_OUT: "NATURAL"
+};
+var EASING_VALUE_SET = new Set(Object.values(TransitionEasing));
+function currentEasing(value, fallback = void 0) {
+  if (EASING_VALUE_SET.has(value)) return value;
+  return Object.hasOwn(RETIRED_EASINGS, value) ? RETIRED_EASINGS[value] : fallback;
+}
+function currentEasingKey(key, fallback = void 0) {
+  if (typeof key !== "string") return fallback;
+  if (Object.hasOwn(TransitionEasing, key)) return key;
+  return Object.hasOwn(RETIRED_EASING_KEYS, key) ? RETIRED_EASING_KEYS[key] : fallback;
+}
 var KEYFRAME_ONLY_EASINGS = [TransitionEasing.CUSTOM, TransitionEasing.HOLD];
 var TRANSITION_EASING_OPTIONS = Object.values(TransitionEasing).filter((e2) => !KEYFRAME_ONLY_EASINGS.includes(e2));
 
@@ -14097,28 +14150,16 @@ var EASING_BEZIER = {
   [TransitionEasing.SINE_IN_OUT]: [0.445, 0.05, 0.55, 0.95],
   [TransitionEasing.CUBIC_IN]: [0.895, 0.03, 0.685, 0.22],
   [TransitionEasing.CUBIC_OUT]: [0.165, 0.84, 0.44, 1],
-  [TransitionEasing.CUBIC_IN_OUT]: [0.77, 0, 0.175, 1],
   [TransitionEasing.EXPO_IN]: [0.95, 0.05, 0.795, 0.035],
   [TransitionEasing.EXPO_OUT]: [0.19, 1, 0.22, 1],
   [TransitionEasing.EXPO_IN_OUT]: [1, 0, 0, 1],
-  [TransitionEasing.CIRC_IN]: [0.6, 0.04, 0.98, 0.335],
-  [TransitionEasing.CIRC_OUT]: [0.075, 0.82, 0.165, 1],
-  [TransitionEasing.CIRC_IN_OUT]: [0.785, 0.135, 0.15, 0.86],
+  [TransitionEasing.POWER]: [0.23, 1, 0.32, 1],
+  // The "Easing Lab" board's two new curves — these handles ARE the curve.
+  [TransitionEasing.PUNCH]: [0.7, 0, 0.1, 1],
+  [TransitionEasing.APPLE_OUT]: [0.32, 0.72, 0, 1],
   [TransitionEasing.BACK_IN]: [0.6, -0.28, 0.735, 0.045],
   [TransitionEasing.BACK_OUT]: [0.175, 0.885, 0.32, 1.275],
   [TransitionEasing.BACK_IN_OUT]: [0.68, -0.55, 0.265, 1.55],
-  [TransitionEasing.POWER1_IN]: [0.55, 0.085, 0.68, 0.53],
-  [TransitionEasing.POWER1_OUT]: [0.25, 0.46, 0.45, 0.94],
-  [TransitionEasing.POWER1_IN_OUT]: [0.455, 0.03, 0.515, 0.955],
-  [TransitionEasing.POWER2_IN]: [0.55, 0.055, 0.675, 0.19],
-  [TransitionEasing.POWER2_OUT]: [0.215, 0.61, 0.355, 1],
-  [TransitionEasing.POWER2_IN_OUT]: [0.645, 0.045, 0.355, 1],
-  [TransitionEasing.POWER3_IN]: [0.895, 0.03, 0.685, 0.22],
-  [TransitionEasing.POWER3_OUT]: [0.165, 0.84, 0.44, 1],
-  [TransitionEasing.POWER3_IN_OUT]: [0.77, 0, 0.175, 1],
-  [TransitionEasing.POWER4_IN]: [0.755, 0.05, 0.855, 0.06],
-  [TransitionEasing.POWER4_OUT]: [0.23, 1, 0.32, 1],
-  [TransitionEasing.POWER4_IN_OUT]: [0.86, 0, 0.07, 1],
   // Legacy MotionFast template curves (templates/common/easings.ts).
   [TransitionEasing.NATURAL]: [0.8, 0, 0.2, 1],
   [TransitionEasing.SLOW_DOWN]: [0, 0, 0, 1]
@@ -14136,15 +14177,14 @@ var GSAP_EASE_NAMES = {
   [TransitionEasing.SINE_IN]: "sine.in",
   [TransitionEasing.SINE_OUT]: "sine.out",
   [TransitionEasing.SINE_IN_OUT]: "sine.inOut",
-  [TransitionEasing.CUBIC_IN_OUT]: "power3.inOut",
   [TransitionEasing.CUBIC_IN]: "power3.in",
   [TransitionEasing.CUBIC_OUT]: "power3.out",
   [TransitionEasing.EXPO_IN]: "expo.in",
   [TransitionEasing.EXPO_OUT]: "expo.out",
   [TransitionEasing.EXPO_IN_OUT]: "expo.inOut",
-  [TransitionEasing.CIRC_IN]: "circ.in",
-  [TransitionEasing.CIRC_OUT]: "circ.out",
-  [TransitionEasing.CIRC_IN_OUT]: "circ.inOut",
+  [TransitionEasing.POWER]: "power4.out",
+  [TransitionEasing.PUNCH]: "punch",
+  [TransitionEasing.APPLE_OUT]: "appleOut",
   [TransitionEasing.BACK_IN]: "back.in",
   [TransitionEasing.BACK_OUT]: "back.out",
   [TransitionEasing.BACK_IN_OUT]: "back.inOut",
@@ -14156,19 +14196,7 @@ var GSAP_EASE_NAMES = {
   [TransitionEasing.IMPULSE]: "mfImpulse",
   [TransitionEasing.SWING]: "mfSwing",
   [TransitionEasing.SMOOTH_OVERSHOOT]: "mfSmoothOvershoot",
-  [TransitionEasing.ANTICIPATE]: "mfAnticipate",
-  [TransitionEasing.POWER1_IN]: "power1.in",
-  [TransitionEasing.POWER1_OUT]: "power1.out",
-  [TransitionEasing.POWER1_IN_OUT]: "power1.inOut",
-  [TransitionEasing.POWER2_IN]: "power2.in",
-  [TransitionEasing.POWER2_OUT]: "power2.out",
-  [TransitionEasing.POWER2_IN_OUT]: "power2.inOut",
-  [TransitionEasing.POWER3_IN]: "power3.in",
-  [TransitionEasing.POWER3_OUT]: "power3.out",
-  [TransitionEasing.POWER3_IN_OUT]: "power3.inOut",
-  [TransitionEasing.POWER4_IN]: "power4.in",
-  [TransitionEasing.POWER4_OUT]: "power4.out",
-  [TransitionEasing.POWER4_IN_OUT]: "power4.inOut"
+  [TransitionEasing.ANTICIPATE]: "mfAnticipate"
 };
 var SAMPLED_EASING_VALUES = {
   [TransitionEasing.OVERSHOOT]: [
@@ -14776,8 +14804,18 @@ var num3 = (value, fallback = 0) => {
   const parsed = Number(value);
   return Number.isFinite(parsed) ? parsed : fallback;
 };
+var SLOW_SHARE = 0.25;
 var LOG_SLOW = -Math.log(SPEED_MIN);
 var LOG_FAST = Math.log(SPEED_MAX);
+var speedToNorm = (speed) => {
+  const v = clamp2(num3(speed, 1), SPEED_MIN, SPEED_MAX);
+  return v <= 1 ? SLOW_SHARE * (1 + Math.log(v) / LOG_SLOW) : SLOW_SHARE + (1 - SLOW_SHARE) * (Math.log(v) / LOG_FAST);
+};
+var normToSpeed = (norm) => {
+  const n2 = clamp2(num3(norm, 0), 0, 1);
+  const v = n2 <= SLOW_SHARE ? Math.exp((n2 / SLOW_SHARE - 1) * LOG_SLOW) : Math.exp((n2 - SLOW_SHARE) / (1 - SLOW_SHARE) * LOG_FAST);
+  return clamp2(v, SPEED_MIN, 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;
@@ -14787,10 +14825,154 @@ var cubicDeriv = (a, b2, c, d, t) => {
   return 3 * u * u * (b2 - a) + 6 * u * t * (c - b2) + 3 * t * t * (d - c);
 };
 var speedCurveCache = /* @__PURE__ */ new WeakMap();
+var TANGENT_MODES = ["auto", "linked", "separate", "flat"];
+var TANGENT_SET = new Set(TANGENT_MODES);
+var isPlotSpeedCurve = (points) => Array.isArray(points) && points.some((p) => p && TANGENT_SET.has(p.tan));
+function speedAutoSlopes(xs, ys) {
+  const n2 = xs.length;
+  const m = new Array(n2).fill(0);
+  if (n2 < 2) return m;
+  const h = [];
+  const d = [];
+  for (let i = 0; i < n2 - 1; i += 1) {
+    h[i] = xs[i + 1] - xs[i];
+    d[i] = h[i] > 1e-9 ? (ys[i + 1] - ys[i]) / h[i] : 0;
+  }
+  if (n2 === 2) {
+    m[0] = d[0];
+    m[1] = d[0];
+    return m;
+  }
+  for (let i = 1; i < n2 - 1; i += 1) {
+    if (d[i - 1] * d[i] <= 0) m[i] = 0;
+    else {
+      const w1 = 2 * h[i] + h[i - 1];
+      const w2 = h[i] + 2 * h[i - 1];
+      m[i] = (w1 + w2) / (w1 / d[i - 1] + w2 / d[i]);
+    }
+  }
+  const end = (h0, h1, d0, d1) => {
+    let s = ((2 * h0 + h1) * d0 - h0 * d1) / (h0 + h1);
+    if (Math.sign(s) !== Math.sign(d0)) s = 0;
+    else if (Math.sign(d0) !== Math.sign(d1) && Math.abs(s) > Math.abs(3 * d0)) s = 3 * d0;
+    return s;
+  };
+  m[0] = end(h[0], h[1], d[0], d[1]);
+  m[n2 - 1] = end(h[n2 - 2], h[n2 - 3], d[n2 - 2], d[n2 - 3]);
+  return m;
+}
+function fitHandleK(n0, m, k, dx) {
+  const dn = m * k * dx;
+  const y = n0 + dn;
+  if (y > 1 && dn > 0) return k * ((1 - n0) / dn);
+  if (y < 0 && dn < 0) return k * ((0 - n0) / dn);
+  return k;
+}
+function plotSegmentKinks(seg) {
+  const ys = [seg.y0, seg.y1, seg.y2, seg.y3];
+  if (Math.min(...ys) >= SLOW_SHARE || Math.max(...ys) <= SLOW_SHARE) return [];
+  const f2 = (t) => cubic(seg.y0, seg.y1, seg.y2, seg.y3, t) - SLOW_SHARE;
+  const out = [];
+  const N = 24;
+  for (let j = 0; j < N; j += 1) {
+    let lo = j / N;
+    let hi = (j + 1) / N;
+    if (f2(lo) * f2(hi) >= 0) continue;
+    for (let i = 0; i < 40; i += 1) {
+      const mid = (lo + hi) * 0.5;
+      if (f2(lo) * f2(mid) <= 0) hi = mid;
+      else lo = mid;
+    }
+    out.push((lo + hi) * 0.5);
+  }
+  return out;
+}
+function resolvePlotCurve(points) {
+  const sorted = points.filter((p) => p && Number.isFinite(Number(p.x)) && Number.isFinite(Number(p.y))).map((p) => {
+    const y = clamp2(num3(p.y, 1), SPEED_MIN, SPEED_MAX);
+    return {
+      x: num3(p.x),
+      y,
+      n: speedToNorm(y),
+      tan: TANGENT_SET.has(p.tan) ? p.tan : "auto",
+      mIn: num3(p.mIn),
+      mOut: num3(p.mOut),
+      kIn: clamp2(num3(p.kIn, AUTO_HANDLE), 0, 1),
+      kOut: clamp2(num3(p.kOut, AUTO_HANDLE), 0, 1)
+    };
+  }).sort((a, b2) => a.x - b2.x);
+  if (sorted.length === 0) return null;
+  const auto = speedAutoSlopes(sorted.map((p) => p.x), sorted.map((p) => p.n));
+  const anchors = sorted.map((p, i) => {
+    let { mIn, mOut, kIn, kOut } = p;
+    if (p.tan === "auto") {
+      mIn = auto[i];
+      mOut = auto[i];
+      kIn = AUTO_HANDLE;
+      kOut = AUTO_HANDLE;
+    } else if (p.tan === "flat") {
+      mIn = 0;
+      mOut = 0;
+    }
+    const prev = sorted[i - 1];
+    const next = sorted[i + 1];
+    const dxL = prev ? p.x - prev.x : 0;
+    const dxR = next ? next.x - p.x : 0;
+    const kInE = prev ? fitHandleK(p.n, mIn, kIn, -dxL) : 0;
+    const kOutE = next ? fitHandleK(p.n, mOut, kOut, dxR) : 0;
+    return {
+      x: p.x,
+      y: p.y,
+      n: p.n,
+      tan: p.tan,
+      mIn,
+      mOut,
+      kIn: kInE,
+      kOut: kOutE,
+      // The handles as plot-space offsets — what the editor draws and drags.
+      pIn: prev ? { x: -kInE * dxL, y: -mIn * kInE * dxL } : null,
+      pOut: next ? { x: kOutE * dxR, y: mOut * kOutE * dxR } : null
+    };
+  });
+  const segments = [];
+  for (let i = 0; i < anchors.length - 1; i += 1) {
+    const a = anchors[i];
+    const b2 = anchors[i + 1];
+    const seg = {
+      space: "norm",
+      linear: false,
+      x0: a.x,
+      x1: a.x + a.pOut.x,
+      x2: b2.x + b2.pIn.x,
+      x3: b2.x,
+      y0: a.n,
+      y1: a.n + a.pOut.y,
+      y2: b2.n + b2.pIn.y,
+      y3: b2.n
+    };
+    seg.flat = Math.abs(seg.y1 - seg.y0) < 1e-12 && Math.abs(seg.y2 - seg.y0) < 1e-12 && Math.abs(seg.y3 - seg.y0) < 1e-12;
+    seg.kinks = seg.flat ? [] : plotSegmentKinks(seg);
+    seg.area = segmentArea(seg, 1);
+    segments.push(seg);
+  }
+  return {
+    space: "norm",
+    anchors,
+    segments,
+    area: segments.reduce((sum, s) => sum + s.area, 0),
+    first: anchors[0],
+    last: anchors[anchors.length - 1]
+  };
+}
 function resolveSpeedCurve(points) {
   if (!Array.isArray(points) || points.length === 0) return null;
   const cached = speedCurveCache.get(points);
   if (cached) return cached;
+  if (isPlotSpeedCurve(points)) {
+    const plot = resolvePlotCurve(points);
+    if (plot) speedCurveCache.set(points, plot);
+    return plot;
+  }
   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),
@@ -14858,16 +15040,18 @@ function solveSegmentT(seg, x) {
   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 plot = seg.space === "norm";
+  const tol = plot ? 1e-14 : 1e-7;
+  for (let i = 0; i < (plot ? 30 : 8); i += 1) {
     const err = cubic(seg.x0, seg.x1, seg.x2, seg.x3, t) - x;
-    if (Math.abs(err) < 1e-7) return t;
+    if (Math.abs(err) < tol) return t;
     const d = cubicDeriv(seg.x0, seg.x1, seg.x2, seg.x3, t);
-    if (Math.abs(d) < 1e-7) break;
+    if (Math.abs(d) < (plot ? 1e-12 : 1e-7)) break;
     t = clamp2(t - err / d, 0, 1);
   }
   let lo = 0;
   let hi = 1;
-  for (let i = 0; i < 24; i += 1) {
+  for (let i = 0; i < (plot ? 60 : 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;
@@ -14882,6 +15066,7 @@ var GAUSS = [
 ];
 function segmentArea(seg, tEnd) {
   if (tEnd <= 0) return 0;
+  if (seg.space === "norm") return plotSegmentArea(seg, tEnd);
   if (seg.linear) {
     const width = (seg.x3 - seg.x0) * tEnd;
     const yAtT = seg.y0 + (seg.y3 - seg.y0) * tEnd;
@@ -14895,6 +15080,25 @@ function segmentArea(seg, tEnd) {
   }
   return sum * half;
 }
+function plotSegmentArea(seg, tEnd) {
+  const xAt = (t) => cubic(seg.x0, seg.x1, seg.x2, seg.x3, t);
+  if (seg.flat) return (xAt(tEnd) - seg.x0) * normToSpeed(seg.y0);
+  const cuts = [0, ...(seg.kinks || []).filter((t) => t < tEnd), tEnd];
+  const SUB = 8;
+  let sum = 0;
+  for (let c = 0; c < cuts.length - 1; c += 1) {
+    const step = (cuts[c + 1] - cuts[c]) / SUB;
+    for (let s = 0; s < SUB; s += 1) {
+      const half = step * 0.5;
+      const mid = cuts[c] + s * step + half;
+      for (const [node, weight] of GAUSS) {
+        const t = mid + half * node;
+        sum += weight * half * normToSpeed(cubic(seg.y0, seg.y1, seg.y2, seg.y3, t)) * cubicDeriv(seg.x0, seg.x1, seg.x2, seg.x3, t);
+      }
+    }
+  }
+  return sum;
+}
 var getAverageSpeed = (points) => {
   const curve = resolveSpeedCurve(points);
   if (!curve) return 1;
@@ -15589,7 +15793,7 @@ var COUNTER_DEFAULTS = Object.freeze({
   textCounterStyle: "odometer",
   textCounterDelay: 0,
   textCounterDuration: 1.8,
-  textCounterEasing: "POWER3_OUT",
+  textCounterEasing: "CUBIC_OUT",
   textCounterStagger: 0.15,
   textCounterWidth: "fixed",
   textCounterTabular: true,
@@ -15765,7 +15969,7 @@ var CYCLE_DEFAULTS = Object.freeze({
   textCycleDelay: 0,
   textCycleHold: 1.2,
   textCycleDuration: 0.45,
-  textCycleEasing: "POWER3_OUT",
+  textCycleEasing: "CUBIC_OUT",
   textCycleLoop: true,
   textCycleWidth: "fit",
   textCycleDirection: "up",
@@ -15976,6 +16180,27 @@ var KEYFRAME_FX_TYPES = [
       { key: "decay", label: "Decay", min: 0.5, max: 15, step: 0.1, def: 5 }
     ]
   },
+  {
+    id: "spring",
+    label: "Spring",
+    hint: "Each move is a real spring: it leaves the key before at rest, overshoots as far as its damping lets it and settles. It runs in seconds, so a short move and a long one ring alike.",
+    // The "Easing Lab" board's two springs. They set the spring only, so a
+    // tuned Strength survives a switch; the first equals the param defaults.
+    presets: [
+      { id: "snappy", label: "Snappy", hint: "1.6 Hz, damping 0.55: about 12 % overshoot. Buttons, icons, pop-ins", params: { freq: 1.6, damping: 0.55 } },
+      { id: "gentle", label: "Gentle", hint: "1 Hz, damping 0.8: a 1.5 % overshoot. Mascots, big cards, the camera", params: { freq: 1, damping: 0.8 } }
+    ],
+    params: [
+      { key: "amp", label: "Strength", min: 0, max: 300, step: 1, def: 100, suffix: "%" },
+      // The spring's natural frequency: higher is quicker. A move settles (within
+      // 2 %) in about 4 / (2π · freq · damping) s — Snappy 0.7 s, Gentle 0.8 s —
+      // whatever the gap to the next key.
+      { key: "freq", label: "Frequency", min: 0.1, max: 10, step: 0.05, def: 1.6, suffix: "Hz" },
+      // Damping ratio ζ: lower rings longer and overshoots further; 1 is
+      // critically damped (no overshoot at all).
+      { key: "damping", label: "Damping", min: 0.05, max: 1, step: 0.01, def: 0.55 }
+    ]
+  },
   {
     id: "bounce",
     label: "Bounce",
@@ -16107,6 +16332,15 @@ function bounceProfile(u, e2, nMax) {
   if (nb > nMax) return 1;
   return 1 - (vk * tb - g * tb * tb / 2);
 }
+function springProfile(tSec, freq, damping) {
+  if (tSec <= 0) return 0;
+  const w = 2 * Math.PI * freq;
+  const zw = damping * w;
+  if (zw * tSec > 14) return 1;
+  if (damping >= 0.999) return 1 - Math.exp(-w * tSec) * (1 + w * tSec);
+  const wd = w * Math.sqrt(1 - damping * damping);
+  return 1 - Math.exp(-zw * tSec) * (Math.cos(wd * tSec) + zw / wd * Math.sin(wd * tSec));
+}
 function profiledValue(track, pct, base, durationSec, strength, profile) {
   if (track.length < 2 || !(strength > 0)) return base;
   const t = pct / 100 * durationSec;
@@ -16121,7 +16355,7 @@ function profiledValue(track, pct, base, durationSec, strength, profile) {
     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);
+    value += step * profile((t - tPrev) / segSec, segSec);
   }
   return base + strength * (value - base);
 }
@@ -16129,6 +16363,10 @@ 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 springValue(cfg, track, pct, base, durationSec) {
+  const { amp, freq, damping } = cfg.params;
+  return profiledValue(track, pct, base, durationSec, amp / 100, (u, segSec) => springProfile(u * segSec, freq, damping));
+}
 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));
@@ -16338,6 +16576,8 @@ function evaluateKeyframeFx(cfg, track, pct, base, durationSec, seedKey = "", it
       return elasticValue(cfg, track, pct, base, durationSec);
     case "bounce":
       return bounceValue(cfg, track, pct, base, durationSec);
+    case "spring":
+      return springValue(cfg, track, pct, base, durationSec);
     case "wiggle":
       return base + wiggleOffset(cfg, pct / 100 * durationSec, stringSeed(seedKey));
     case "glide":
@@ -16381,6 +16621,8 @@ registerEase("aeSmooth", bezierEase(...EASING_BEZIER[TransitionEasing.AE_SMOOTH]
 registerEase("aeOut", bezierEase(...EASING_BEZIER[TransitionEasing.AE_OUT]));
 registerEase("smoothGlide", bezierEase(...EASING_BEZIER[TransitionEasing.SMOOTH_GLIDE]));
 registerEase("glideStop", bezierEase(...EASING_BEZIER[TransitionEasing.GLIDE_STOP]));
+registerEase("punch", bezierEase(...EASING_BEZIER[TransitionEasing.PUNCH]));
+registerEase("appleOut", bezierEase(...EASING_BEZIER[TransitionEasing.APPLE_OUT]));
 registerEase("mfNatural", bezierEase(...EASING_BEZIER[TransitionEasing.NATURAL]));
 registerEase("mfSlowDown", bezierEase(...EASING_BEZIER[TransitionEasing.SLOW_DOWN]));
 registerEase("mfOvershoot", (t) => sampleLinearEase(SAMPLED_EASING_VALUES[TransitionEasing.OVERSHOOT], t));
@@ -16388,8 +16630,12 @@ registerEase("mfImpulse", (t) => sampleLinearEase(SAMPLED_EASING_VALUES[Transiti
 registerEase("mfSwing", (t) => sampleLinearEase(SAMPLED_EASING_VALUES[TransitionEasing.SWING], t));
 registerEase("mfSmoothOvershoot", (t) => sampleLinearEase(SAMPLED_EASING_VALUES[TransitionEasing.SMOOTH_OVERSHOOT], t));
 registerEase("mfAnticipate", (t) => sampleLinearEase(SAMPLED_EASING_VALUES[TransitionEasing.ANTICIPATE], t));
+function easeNameOf(easingType) {
+  const value = currentEasing(easingType) || TransitionEasing[currentEasingKey(easingType)];
+  return GSAP_EASE_NAMES[value];
+}
 function getGsapEase(easingType) {
-  return GSAP_EASE_NAMES[easingType] || GSAP_EASE_NAMES[TransitionEasing[easingType]] || "power2.inOut";
+  return easeNameOf(easingType) || "power2.inOut";
 }
 function playedEase(easingType) {
   return parseEase(getGsapEase(easingType));
@@ -17235,7 +17481,7 @@ var KEYFRAME_PRESETS = [
     name: "Button Press",
     description: "Presses in, then springs back with an elastic settle",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_IN, properties: { scale: "1", yPercent: "0" } },
+      { position: 0, easing: TransitionEasing.EASE_IN, properties: { scale: "1", yPercent: "0" } },
       { position: 7, easing: TransitionEasing.ELASTIC_OUT, properties: { scale: "0.9", yPercent: "1.5" } },
       { position: 62, easing: TransitionEasing.LINEAR, properties: { scale: "1", yPercent: "0" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { scale: "1", yPercent: "0" } }
@@ -17247,9 +17493,9 @@ var KEYFRAME_PRESETS = [
     name: "Tap Flash",
     description: "Click dip with a brightness pop on release",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_IN, properties: { scale: "1", brightness: "100" } },
+      { position: 0, easing: TransitionEasing.EASE_IN, properties: { scale: "1", brightness: "100" } },
       { position: 6, easing: TransitionEasing.BACK_OUT, properties: { scale: "0.93", brightness: "155" } },
-      { position: 34, easing: TransitionEasing.POWER2_OUT, properties: { scale: "1.05", brightness: "100" } },
+      { position: 34, easing: TransitionEasing.EASE_OUT, properties: { scale: "1.05", brightness: "100" } },
       { position: 54, easing: TransitionEasing.LINEAR, properties: { scale: "1", brightness: "100" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { scale: "1", brightness: "100" } }
     ]
@@ -17261,9 +17507,9 @@ var KEYFRAME_PRESETS = [
     name: "Pop Overshoot",
     description: "Scales in past its size, dips, then settles",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_OUT, properties: { scale: "0.5", opacity: "0" } },
-      { position: 26, easing: TransitionEasing.POWER2_IN_OUT, properties: { scale: "1.14", opacity: "1" } },
-      { position: 46, easing: TransitionEasing.POWER2_IN_OUT, properties: { scale: "0.97" } },
+      { position: 0, easing: TransitionEasing.EASE_OUT, properties: { scale: "0.5", opacity: "0" } },
+      { position: 26, easing: TransitionEasing.EASE_IN_OUT, properties: { scale: "1.14", opacity: "1" } },
+      { position: 46, easing: TransitionEasing.EASE_IN_OUT, properties: { scale: "0.97" } },
       { position: 64, easing: TransitionEasing.LINEAR, properties: { scale: "1" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { scale: "1" } }
     ]
@@ -17275,7 +17521,7 @@ var KEYFRAME_PRESETS = [
     name: "Spring In",
     description: "Elastic scale-up entrance with a ringing tail",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_OUT, properties: { scale: "0.35", opacity: "0" } },
+      { position: 0, easing: TransitionEasing.EASE_OUT, properties: { scale: "0.35", opacity: "0" } },
       { position: 8, easing: TransitionEasing.ELASTIC_OUT, properties: { scale: "0.62", opacity: "1" } },
       { position: 60, easing: TransitionEasing.LINEAR, properties: { scale: "1" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { scale: "1" } }
@@ -17287,12 +17533,12 @@ var KEYFRAME_PRESETS = [
     name: "Rubber Wobble",
     description: "Damped rotation wobble, like a nudged switch",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_OUT, properties: { rotate: "0", scale: "1" } },
-      { position: 8, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "-9", scale: "1.04" } },
-      { position: 22, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "6.5", scale: "0.985" } },
-      { position: 36, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "-4", scale: "1.015" } },
-      { position: 50, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "2", scale: "0.995" } },
-      { position: 64, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "-0.8", scale: "1" } },
+      { position: 0, easing: TransitionEasing.EASE_OUT, properties: { rotate: "0", scale: "1" } },
+      { position: 8, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "-9", scale: "1.04" } },
+      { position: 22, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "6.5", scale: "0.985" } },
+      { position: 36, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "-4", scale: "1.015" } },
+      { position: 50, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "2", scale: "0.995" } },
+      { position: 64, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "-0.8", scale: "1" } },
       { position: 78, easing: TransitionEasing.LINEAR, properties: { rotate: "0", scale: "1" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { rotate: "0", scale: "1" } }
     ]
@@ -17303,9 +17549,9 @@ var KEYFRAME_PRESETS = [
     name: "Tap Nudge",
     description: "Pushed down, lifts on release, drops back",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_IN, properties: { yPercent: "0", scale: "1" } },
+      { position: 0, easing: TransitionEasing.EASE_IN, properties: { yPercent: "0", scale: "1" } },
       { position: 8, easing: TransitionEasing.BACK_OUT, properties: { yPercent: "2.6", scale: "0.96" } },
-      { position: 42, easing: TransitionEasing.POWER2_IN_OUT, properties: { yPercent: "-1.8", scale: "1.02" } },
+      { position: 42, easing: TransitionEasing.EASE_IN_OUT, properties: { yPercent: "-1.8", scale: "1.02" } },
       { position: 68, easing: TransitionEasing.LINEAR, properties: { yPercent: "0", scale: "1" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { yPercent: "0", scale: "1" } }
     ]
@@ -17317,11 +17563,11 @@ var KEYFRAME_PRESETS = [
     name: "Whip Swing",
     description: "Flies in on a whip, overshoots and rocks to a stop",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER3_OUT, properties: { xPercent: "-85", rotate: "-24", scale: "0.9", opacity: "0" } },
-      { position: 26, easing: TransitionEasing.POWER2_IN_OUT, properties: { xPercent: "7", rotate: "11", scale: "1.04", opacity: "1" } },
-      { position: 44, easing: TransitionEasing.POWER2_IN_OUT, properties: { xPercent: "-2.5", rotate: "-6", scale: "0.99" } },
-      { position: 60, easing: TransitionEasing.POWER2_IN_OUT, properties: { xPercent: "0.8", rotate: "3", scale: "1" } },
-      { position: 74, easing: TransitionEasing.POWER2_IN_OUT, properties: { xPercent: "0", rotate: "-1.2" } },
+      { position: 0, easing: TransitionEasing.CUBIC_OUT, properties: { xPercent: "-85", rotate: "-24", scale: "0.9", opacity: "0" } },
+      { position: 26, easing: TransitionEasing.EASE_IN_OUT, properties: { xPercent: "7", rotate: "11", scale: "1.04", opacity: "1" } },
+      { position: 44, easing: TransitionEasing.EASE_IN_OUT, properties: { xPercent: "-2.5", rotate: "-6", scale: "0.99" } },
+      { position: 60, easing: TransitionEasing.EASE_IN_OUT, properties: { xPercent: "0.8", rotate: "3", scale: "1" } },
+      { position: 74, easing: TransitionEasing.EASE_IN_OUT, properties: { xPercent: "0", rotate: "-1.2" } },
       { position: 88, easing: TransitionEasing.LINEAR, properties: { xPercent: "0", rotate: "0" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { xPercent: "0", rotate: "0" } }
     ]
@@ -17344,12 +17590,12 @@ var KEYFRAME_PRESETS = [
     name: "Jelly Shake",
     description: 'Sharp horizontal shake that decays \u2014 reads as "no"',
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER1_IN_OUT, properties: { xPercent: "0", rotate: "0" } },
-      { position: 8, easing: TransitionEasing.POWER1_IN_OUT, properties: { xPercent: "3.2", rotate: "2.5" } },
-      { position: 18, easing: TransitionEasing.POWER1_IN_OUT, properties: { xPercent: "-2.5", rotate: "-2" } },
-      { position: 28, easing: TransitionEasing.POWER1_IN_OUT, properties: { xPercent: "1.7", rotate: "1.3" } },
-      { position: 38, easing: TransitionEasing.POWER1_IN_OUT, properties: { xPercent: "-1.1", rotate: "-0.8" } },
-      { position: 48, easing: TransitionEasing.POWER1_IN_OUT, properties: { xPercent: "0.6", rotate: "0.4" } },
+      { position: 0, easing: TransitionEasing.SINE_IN_OUT, properties: { xPercent: "0", rotate: "0" } },
+      { position: 8, easing: TransitionEasing.SINE_IN_OUT, properties: { xPercent: "3.2", rotate: "2.5" } },
+      { position: 18, easing: TransitionEasing.SINE_IN_OUT, properties: { xPercent: "-2.5", rotate: "-2" } },
+      { position: 28, easing: TransitionEasing.SINE_IN_OUT, properties: { xPercent: "1.7", rotate: "1.3" } },
+      { position: 38, easing: TransitionEasing.SINE_IN_OUT, properties: { xPercent: "-1.1", rotate: "-0.8" } },
+      { position: 48, easing: TransitionEasing.SINE_IN_OUT, properties: { xPercent: "0.6", rotate: "0.4" } },
       { position: 58, easing: TransitionEasing.LINEAR, properties: { xPercent: "0", rotate: "0" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { xPercent: "0", rotate: "0" } }
     ]
@@ -17360,15 +17606,15 @@ var KEYFRAME_PRESETS = [
     name: "Heartbeat",
     description: "Double pulse, twice across the clip",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_OUT, properties: { scale: "1" } },
-      { position: 10, easing: TransitionEasing.POWER2_IN, properties: { scale: "1.09" } },
-      { position: 20, easing: TransitionEasing.POWER2_OUT, properties: { scale: "1" } },
-      { position: 28, easing: TransitionEasing.POWER2_IN, properties: { scale: "1.06" } },
+      { position: 0, easing: TransitionEasing.EASE_OUT, properties: { scale: "1" } },
+      { position: 10, easing: TransitionEasing.EASE_IN, properties: { scale: "1.09" } },
+      { position: 20, easing: TransitionEasing.EASE_OUT, properties: { scale: "1" } },
+      { position: 28, easing: TransitionEasing.EASE_IN, properties: { scale: "1.06" } },
       { position: 40, easing: TransitionEasing.LINEAR, properties: { scale: "1" } },
-      { position: 60, easing: TransitionEasing.POWER2_OUT, properties: { scale: "1" } },
-      { position: 70, easing: TransitionEasing.POWER2_IN, properties: { scale: "1.09" } },
-      { position: 80, easing: TransitionEasing.POWER2_OUT, properties: { scale: "1" } },
-      { position: 88, easing: TransitionEasing.POWER2_IN, properties: { scale: "1.06" } },
+      { position: 60, easing: TransitionEasing.EASE_OUT, properties: { scale: "1" } },
+      { position: 70, easing: TransitionEasing.EASE_IN, properties: { scale: "1.09" } },
+      { position: 80, easing: TransitionEasing.EASE_OUT, properties: { scale: "1" } },
+      { position: 88, easing: TransitionEasing.EASE_IN, properties: { scale: "1.06" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { scale: "1" } }
     ]
   },
@@ -17379,7 +17625,7 @@ var KEYFRAME_PRESETS = [
     name: "Impact Punch",
     description: "Slams in oversized and blurred, then locks in",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER3_OUT, properties: { scale: "1.65", opacity: "0", blur: "16" } },
+      { position: 0, easing: TransitionEasing.CUBIC_OUT, properties: { scale: "1.65", opacity: "0", blur: "16" } },
       { position: 26, easing: TransitionEasing.BACK_OUT, properties: { scale: "0.97", opacity: "1", blur: "0" } },
       { position: 54, easing: TransitionEasing.LINEAR, properties: { scale: "1" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { scale: "1" } }
@@ -17391,11 +17637,11 @@ var KEYFRAME_PRESETS = [
     name: "Pendulum Swing",
     description: "Swings from its top edge and rocks to a stop",
     keyframes: [
-      { position: 0, transformOrigin: "top", easing: TransitionEasing.POWER2_OUT, properties: { rotate: "-22" } },
-      { position: 22, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "15" } },
-      { position: 40, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "-9" } },
-      { position: 56, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "5" } },
-      { position: 70, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "-2.5" } },
+      { position: 0, transformOrigin: "top", easing: TransitionEasing.EASE_OUT, properties: { rotate: "-22" } },
+      { position: 22, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "15" } },
+      { position: 40, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "-9" } },
+      { position: 56, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "5" } },
+      { position: 70, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "-2.5" } },
       { position: 84, easing: TransitionEasing.LINEAR, properties: { rotate: "0" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { rotate: "0" } }
     ]
@@ -17543,8 +17789,8 @@ var KEYFRAME_PRESETS = [
     description: "Keyframed: fired in from the left, overshoots right, one counter-swing, stops",
     keyframes: [
       { position: 0, easing: TransitionEasing.EXPO_OUT, properties: { xPercent: "-120" } },
-      { position: 28, easing: TransitionEasing.POWER2_IN_OUT, properties: { xPercent: "10" } },
-      { position: 46, easing: TransitionEasing.POWER2_IN_OUT, properties: { xPercent: "-3" } },
+      { position: 28, easing: TransitionEasing.EASE_IN_OUT, properties: { xPercent: "10" } },
+      { position: 46, easing: TransitionEasing.EASE_IN_OUT, properties: { xPercent: "-3" } },
       { position: 60, easing: TransitionEasing.LINEAR, properties: { xPercent: "0" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { xPercent: "0" } }
     ]
@@ -17610,8 +17856,8 @@ var KEYFRAME_PRESETS = [
     name: "Roll In",
     description: "Rolls in from the left like a wheel \u2014 one full rotation matched to the travel",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_OUT, properties: { xPercent: "-120", rotate: "-360" } },
-      { position: 50, easing: TransitionEasing.POWER2_OUT, properties: { xPercent: "0", rotate: "0" } },
+      { position: 0, easing: TransitionEasing.EASE_OUT, properties: { xPercent: "-120", rotate: "-360" } },
+      { position: 50, easing: TransitionEasing.EASE_OUT, properties: { xPercent: "0", rotate: "0" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { xPercent: "0", rotate: "0" } }
     ]
   },
@@ -17639,9 +17885,9 @@ var KEYFRAME_PRESETS = [
     name: "Wind-Up Spin",
     description: "Anticipation: winds back a little and shrinks, then whips a full turn the other way",
     keyframes: [
-      { position: 0, easing: TransitionEasing.POWER2_IN, properties: { rotate: "0", scale: "1" } },
+      { position: 0, easing: TransitionEasing.EASE_IN, properties: { rotate: "0", scale: "1" } },
       { position: 18, easing: TransitionEasing.EXPO_OUT, properties: { rotate: "45", scale: "0.82" } },
-      { position: 60, easing: TransitionEasing.POWER2_IN_OUT, properties: { rotate: "-360", scale: "1.06" } },
+      { position: 60, easing: TransitionEasing.EASE_IN_OUT, properties: { rotate: "-360", scale: "1.06" } },
       { position: 72, easing: TransitionEasing.LINEAR, properties: { rotate: "-360", scale: "1" } },
       { position: 100, easing: TransitionEasing.LINEAR, properties: { rotate: "-360", scale: "1" } }
     ]
@@ -21348,7 +21594,7 @@ function compileScript(script, caps, files = /* @__PURE__ */ new Map()) {
         });
         const kf = {};
         const drawn = el?.draw !== false ? r3(Math.min(100, 0.9 / (end - start) * 100)) : 0;
-        if (drawn) kf.lineTrimEnd = [{ position: 0, value: "0", easing: "AE Out" }, { position: drawn, value: String(full), easing: "Linear" }];
+        if (drawn) kf.lineTrimEnd = [{ position: 0, value: "0", easing: "AE Out (leave)" }, { position: drawn, value: String(full), easing: "Linear" }];
         if (el?.drain) {
           const len2 = Math.max(1e-3, end - start);
           const [d0, d1] = Array.isArray(el.drain) && el.drain.length === 2 && el.drain.every((v) => Number.isFinite(Number(v))) ? el.drain.map((v) => clamp5(Number(v) / len2 * 100, 0, 100)) : [drawn, 100];
@@ -21546,7 +21792,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- 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";
+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 In (arrive)`, `Expo Out` or `Power` (fast start, soft landing); UI panels and drawers: `Apple Out`.\n  Camera and big moves: `AE Smooth`.\n- Scene changes on the beat, a logo hit, a screen swipe: `Punch` (slow wind-up, hard hit, long tail).\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`; a real spring: the `spring` expression (Snappy for buttons, icons and\n  pop-ins, Gentle for mascots, big cards and the camera). Exits: `Ease In` or `AE Out (leave)`.\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 = {
@@ -21615,7 +21861,7 @@ matte, masks, particles, 3D) goes on from \`project.json\`: SKILL.md, "Beyond th
   \`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;
+  segment after it \u2014 Smooth Glide, AE Smooth, Expo Out, Power, Punch, Apple Out, Back Out, Elastic, Linear \u2026]. They replace an entrance's keys on the same track;
   one key holds that value for the whole element.
 - **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), \`opacity\` (0\u20131),