sketchmark 2.0.0 → 2.1.0

package/examples/group-origin-effects-lab.visual.json

@@ -0,0 +1,1880 @@
+{
+  "version": 1,
+  "canvas": {
+    "width": 1280,
+    "height": 760,
+    "background": "#07111f",
+    "duration": 6,
+    "fps": 30
+  },
+  "elements": [
+    {
+      "id": "lab_title",
+      "type": "text",
+      "x": 70,
+      "y": 52,
+      "text": "Group Origin Transform Lab",
+      "fontSize": 38,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "lab_body",
+      "type": "text",
+      "x": 70,
+      "y": 96,
+      "text": "Same multi-child group, same motion, different origins.",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 400,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "scale_row_label",
+      "type": "text",
+      "x": 70,
+      "y": 112,
+      "text": "Scale tests",
+      "fontSize": 18,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#7dd3fc"
+    },
+    {
+      "id": "rotate_row_label",
+      "type": "text",
+      "x": 70,
+      "y": 397,
+      "text": "Rotation tests",
+      "fontSize": 18,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#7dd3fc"
+    },
+    {
+      "id": "scale_top_left_panel",
+      "type": "path",
+      "d": "M 92 150 L 318 150 Q 340 150 340 172 L 340 368 Q 340 390 318 390 L 92 390 Q 70 390 70 368 L 70 172 Q 70 150 92 150 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "scale_top_left_title",
+      "type": "text",
+      "x": 90,
+      "y": 168,
+      "text": "Top-left origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "scale_top_left_note",
+      "type": "text",
+      "x": 90,
+      "y": 192,
+      "text": "[0, 0]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "scale_top_left_guide_h",
+      "type": "path",
+      "d": "M 90 302 L 320 302",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_top_left_guide_v",
+      "type": "path",
+      "d": "M 210 218 L 210 370",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_top_left_frame",
+      "type": "path",
+      "d": "M 138 242 L 282 242 Q 300 242 300 260 L 300 344 Q 300 362 282 362 L 138 362 Q 120 362 120 344 L 120 260 Q 120 242 138 242 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "scale_top_left_origin",
+      "type": "group",
+      "x": 104,
+      "y": 226,
+      "children": [
+        {
+          "id": "scale_top_left_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_top_left_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_top_left_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "scale_top_left_group",
+      "type": "group",
+      "x": 120,
+      "y": 242,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        120,
+        242
+      ],
+      "children": [
+        {
+          "id": "scale_top_left_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#818cf8",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "scale_top_left_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_top_left_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "scale_top_left_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_top_left_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_top_left_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_top_left_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "scale": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 1,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.3,
+                "value": 1.45,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 2.6,
+                "value": 0.72,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4,
+                "value": 1.18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.4,
+                "value": 1
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "id": "rotate_top_left_panel",
+      "type": "path",
+      "d": "M 92 435 L 318 435 Q 340 435 340 457 L 340 653 Q 340 675 318 675 L 92 675 Q 70 675 70 653 L 70 457 Q 70 435 92 435 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "rotate_top_left_title",
+      "type": "text",
+      "x": 90,
+      "y": 453,
+      "text": "Top-left origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "rotate_top_left_note",
+      "type": "text",
+      "x": 90,
+      "y": 477,
+      "text": "[0, 0]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "rotate_top_left_guide_h",
+      "type": "path",
+      "d": "M 90 587 L 320 587",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_top_left_guide_v",
+      "type": "path",
+      "d": "M 210 503 L 210 655",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_top_left_frame",
+      "type": "path",
+      "d": "M 138 527 L 282 527 Q 300 527 300 545 L 300 629 Q 300 647 282 647 L 138 647 Q 120 647 120 629 L 120 545 Q 120 527 138 527 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "rotate_top_left_origin",
+      "type": "group",
+      "x": 104,
+      "y": 511,
+      "children": [
+        {
+          "id": "rotate_top_left_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_top_left_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_top_left_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "rotate_top_left_group",
+      "type": "group",
+      "x": 120,
+      "y": 527,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        120,
+        527
+      ],
+      "children": [
+        {
+          "id": "rotate_top_left_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#818cf8",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "rotate_top_left_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_top_left_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "rotate_top_left_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_top_left_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_top_left_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_top_left_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "rotation": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 0,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.5,
+                "value": 42,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 3,
+                "value": -28,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4.5,
+                "value": 18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.8,
+                "value": 0
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "id": "scale_center_panel",
+      "type": "path",
+      "d": "M 387 150 L 613 150 Q 635 150 635 172 L 635 368 Q 635 390 613 390 L 387 390 Q 365 390 365 368 L 365 172 Q 365 150 387 150 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "scale_center_title",
+      "type": "text",
+      "x": 385,
+      "y": 168,
+      "text": "Center origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "scale_center_note",
+      "type": "text",
+      "x": 385,
+      "y": 192,
+      "text": "[90, 60]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "scale_center_guide_h",
+      "type": "path",
+      "d": "M 385 302 L 615 302",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_center_guide_v",
+      "type": "path",
+      "d": "M 505 218 L 505 370",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_center_frame",
+      "type": "path",
+      "d": "M 433 242 L 577 242 Q 595 242 595 260 L 595 344 Q 595 362 577 362 L 433 362 Q 415 362 415 344 L 415 260 Q 415 242 433 242 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "scale_center_origin",
+      "type": "group",
+      "x": 489,
+      "y": 286,
+      "children": [
+        {
+          "id": "scale_center_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_center_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_center_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "scale_center_group",
+      "type": "group",
+      "x": 415,
+      "y": 242,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        505,
+        302
+      ],
+      "children": [
+        {
+          "id": "scale_center_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#38bdf8",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "scale_center_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_center_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "scale_center_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_center_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_center_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_center_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "scale": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 1,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.3,
+                "value": 1.45,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 2.6,
+                "value": 0.72,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4,
+                "value": 1.18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.4,
+                "value": 1
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "id": "rotate_center_panel",
+      "type": "path",
+      "d": "M 387 435 L 613 435 Q 635 435 635 457 L 635 653 Q 635 675 613 675 L 387 675 Q 365 675 365 653 L 365 457 Q 365 435 387 435 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "rotate_center_title",
+      "type": "text",
+      "x": 385,
+      "y": 453,
+      "text": "Center origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "rotate_center_note",
+      "type": "text",
+      "x": 385,
+      "y": 477,
+      "text": "[90, 60]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "rotate_center_guide_h",
+      "type": "path",
+      "d": "M 385 587 L 615 587",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_center_guide_v",
+      "type": "path",
+      "d": "M 505 503 L 505 655",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_center_frame",
+      "type": "path",
+      "d": "M 433 527 L 577 527 Q 595 527 595 545 L 595 629 Q 595 647 577 647 L 433 647 Q 415 647 415 629 L 415 545 Q 415 527 433 527 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "rotate_center_origin",
+      "type": "group",
+      "x": 489,
+      "y": 571,
+      "children": [
+        {
+          "id": "rotate_center_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_center_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_center_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "rotate_center_group",
+      "type": "group",
+      "x": 415,
+      "y": 527,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        505,
+        587
+      ],
+      "children": [
+        {
+          "id": "rotate_center_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#38bdf8",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "rotate_center_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_center_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "rotate_center_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_center_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_center_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_center_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "rotation": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 0,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.5,
+                "value": 42,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 3,
+                "value": -28,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4.5,
+                "value": 18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.8,
+                "value": 0
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "id": "scale_bottom_right_panel",
+      "type": "path",
+      "d": "M 682 150 L 908 150 Q 930 150 930 172 L 930 368 Q 930 390 908 390 L 682 390 Q 660 390 660 368 L 660 172 Q 660 150 682 150 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "scale_bottom_right_title",
+      "type": "text",
+      "x": 680,
+      "y": 168,
+      "text": "Bottom-right origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "scale_bottom_right_note",
+      "type": "text",
+      "x": 680,
+      "y": 192,
+      "text": "[180, 120]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "scale_bottom_right_guide_h",
+      "type": "path",
+      "d": "M 680 302 L 910 302",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_bottom_right_guide_v",
+      "type": "path",
+      "d": "M 800 218 L 800 370",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_bottom_right_frame",
+      "type": "path",
+      "d": "M 728 242 L 872 242 Q 890 242 890 260 L 890 344 Q 890 362 872 362 L 728 362 Q 710 362 710 344 L 710 260 Q 710 242 728 242 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "scale_bottom_right_origin",
+      "type": "group",
+      "x": 874,
+      "y": 346,
+      "children": [
+        {
+          "id": "scale_bottom_right_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_bottom_right_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_bottom_right_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "scale_bottom_right_group",
+      "type": "group",
+      "x": 710,
+      "y": 242,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        890,
+        362
+      ],
+      "children": [
+        {
+          "id": "scale_bottom_right_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#22c55e",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "scale_bottom_right_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_bottom_right_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "scale_bottom_right_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_bottom_right_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_bottom_right_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_bottom_right_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "scale": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 1,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.3,
+                "value": 1.45,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 2.6,
+                "value": 0.72,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4,
+                "value": 1.18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.4,
+                "value": 1
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "id": "rotate_bottom_right_panel",
+      "type": "path",
+      "d": "M 682 435 L 908 435 Q 930 435 930 457 L 930 653 Q 930 675 908 675 L 682 675 Q 660 675 660 653 L 660 457 Q 660 435 682 435 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "rotate_bottom_right_title",
+      "type": "text",
+      "x": 680,
+      "y": 453,
+      "text": "Bottom-right origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "rotate_bottom_right_note",
+      "type": "text",
+      "x": 680,
+      "y": 477,
+      "text": "[180, 120]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "rotate_bottom_right_guide_h",
+      "type": "path",
+      "d": "M 680 587 L 910 587",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_bottom_right_guide_v",
+      "type": "path",
+      "d": "M 800 503 L 800 655",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_bottom_right_frame",
+      "type": "path",
+      "d": "M 728 527 L 872 527 Q 890 527 890 545 L 890 629 Q 890 647 872 647 L 728 647 Q 710 647 710 629 L 710 545 Q 710 527 728 527 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "rotate_bottom_right_origin",
+      "type": "group",
+      "x": 874,
+      "y": 631,
+      "children": [
+        {
+          "id": "rotate_bottom_right_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_bottom_right_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_bottom_right_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "rotate_bottom_right_group",
+      "type": "group",
+      "x": 710,
+      "y": 527,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        890,
+        647
+      ],
+      "children": [
+        {
+          "id": "rotate_bottom_right_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#22c55e",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "rotate_bottom_right_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_bottom_right_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "rotate_bottom_right_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_bottom_right_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_bottom_right_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_bottom_right_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "rotation": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 0,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.5,
+                "value": 42,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 3,
+                "value": -28,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4.5,
+                "value": 18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.8,
+                "value": 0
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "id": "scale_outside_right_panel",
+      "type": "path",
+      "d": "M 977 150 L 1203 150 Q 1225 150 1225 172 L 1225 368 Q 1225 390 1203 390 L 977 390 Q 955 390 955 368 L 955 172 Q 955 150 977 150 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "scale_outside_right_title",
+      "type": "text",
+      "x": 975,
+      "y": 168,
+      "text": "Outside-right origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "scale_outside_right_note",
+      "type": "text",
+      "x": 975,
+      "y": 192,
+      "text": "[220, 60]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "scale_outside_right_guide_h",
+      "type": "path",
+      "d": "M 975 302 L 1205 302",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_outside_right_guide_v",
+      "type": "path",
+      "d": "M 1095 218 L 1095 370",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "scale_outside_right_frame",
+      "type": "path",
+      "d": "M 1023 242 L 1167 242 Q 1185 242 1185 260 L 1185 344 Q 1185 362 1167 362 L 1023 362 Q 1005 362 1005 344 L 1005 260 Q 1005 242 1023 242 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "scale_outside_right_origin",
+      "type": "group",
+      "x": 1209,
+      "y": 286,
+      "children": [
+        {
+          "id": "scale_outside_right_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_outside_right_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "scale_outside_right_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "scale_outside_right_group",
+      "type": "group",
+      "x": 1005,
+      "y": 242,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        1225,
+        302
+      ],
+      "children": [
+        {
+          "id": "scale_outside_right_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#f59e0b",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "scale_outside_right_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_outside_right_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "scale_outside_right_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "scale_outside_right_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_outside_right_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "scale_outside_right_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "scale": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 1,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.3,
+                "value": 1.45,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 2.6,
+                "value": 0.72,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4,
+                "value": 1.18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.4,
+                "value": 1
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "id": "rotate_outside_right_panel",
+      "type": "path",
+      "d": "M 977 435 L 1203 435 Q 1225 435 1225 457 L 1225 653 Q 1225 675 1203 675 L 977 675 Q 955 675 955 653 L 955 457 Q 955 435 977 435 Z",
+      "fill": "#0d1a2e",
+      "stroke": "#193252",
+      "strokeWidth": 1.5
+    },
+    {
+      "id": "rotate_outside_right_title",
+      "type": "text",
+      "x": 975,
+      "y": 453,
+      "text": "Outside-right origin",
+      "fontSize": 16,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 700,
+      "fill": "#f8fafc"
+    },
+    {
+      "id": "rotate_outside_right_note",
+      "type": "text",
+      "x": 975,
+      "y": 477,
+      "text": "[220, 60]",
+      "fontSize": 12,
+      "fontFamily": "Roboto, Arial, sans-serif",
+      "weight": 500,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "rotate_outside_right_guide_h",
+      "type": "path",
+      "d": "M 975 587 L 1205 587",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_outside_right_guide_v",
+      "type": "path",
+      "d": "M 1095 503 L 1095 655",
+      "fill": "none",
+      "stroke": "#173054",
+      "strokeWidth": 1,
+      "dashArray": [
+        6,
+        6
+      ]
+    },
+    {
+      "id": "rotate_outside_right_frame",
+      "type": "path",
+      "d": "M 1023 527 L 1167 527 Q 1185 527 1185 545 L 1185 629 Q 1185 647 1167 647 L 1023 647 Q 1005 647 1005 629 L 1005 545 Q 1005 527 1023 527 Z",
+      "fill": "none",
+      "stroke": "#31537f",
+      "strokeWidth": 1,
+      "dashArray": [
+        8,
+        6
+      ]
+    },
+    {
+      "id": "rotate_outside_right_origin",
+      "type": "group",
+      "x": 1209,
+      "y": 571,
+      "children": [
+        {
+          "id": "rotate_outside_right_origin_cross_h",
+          "type": "path",
+          "d": "M 0 16 L 32 16",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_outside_right_origin_cross_v",
+          "type": "path",
+          "d": "M 16 0 L 16 32",
+          "fill": "none",
+          "stroke": "#fde047",
+          "strokeWidth": 2,
+          "strokeCap": "round"
+        },
+        {
+          "id": "rotate_outside_right_origin_dot",
+          "type": "path",
+          "d": "M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0",
+          "fill": "#fde047",
+          "stroke": "#0f172a",
+          "strokeWidth": 1.5
+        }
+      ]
+    },
+    {
+      "id": "rotate_outside_right_group",
+      "type": "group",
+      "x": 1005,
+      "y": 527,
+      "width": 180,
+      "height": 120,
+      "origin": [
+        1225,
+        587
+      ],
+      "children": [
+        {
+          "id": "rotate_outside_right_main",
+          "type": "path",
+          "d": "M 18 18 L 162 18 Q 180 18 180 36 L 180 102 Q 180 120 162 120 L 18 120 Q 0 120 0 102 L 0 36 Q 0 18 18 18 Z",
+          "fill": "#f59e0b",
+          "stroke": "#dbeafe",
+          "strokeWidth": 2
+        },
+        {
+          "id": "rotate_outside_right_tag",
+          "type": "path",
+          "d": "M 22 0 L 68 0 Q 78 0 78 10 L 78 10 Q 78 20 68 20 L 22 20 Q 12 20 12 10 L 12 10 Q 12 0 22 0 Z",
+          "fill": "#0f172a",
+          "stroke": "#7dd3fc",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_outside_right_tag_text",
+          "type": "text",
+          "x": 45,
+          "y": 10,
+          "text": "GROUP",
+          "align": "center",
+          "valign": "middle",
+          "fontSize": 10,
+          "fontFamily": "Roboto, Arial, sans-serif",
+          "weight": 700,
+          "fill": "#7dd3fc"
+        },
+        {
+          "id": "rotate_outside_right_accent",
+          "type": "path",
+          "d": "M 138 38 L 152 38 Q 162 38 162 48 L 162 62 Q 162 72 152 72 L 138 72 Q 128 72 128 62 L 128 48 Q 128 38 138 38 Z",
+          "fill": "#0f172a",
+          "stroke": "#ffffff",
+          "strokeWidth": 1.5
+        },
+        {
+          "id": "rotate_outside_right_bar_1",
+          "type": "path",
+          "d": "M 21 50 L 89 50 Q 94 50 94 55 L 94 55 Q 94 60 89 60 L 21 60 Q 16 60 16 55 L 16 55 Q 16 50 21 50 Z",
+          "fill": "rgba(255,255,255,0.9)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_outside_right_bar_2",
+          "type": "path",
+          "d": "M 21 70 L 123 70 Q 128 70 128 75 L 128 75 Q 128 80 123 80 L 21 80 Q 16 80 16 75 L 16 75 Q 16 70 21 70 Z",
+          "fill": "rgba(255,255,255,0.65)",
+          "stroke": "none"
+        },
+        {
+          "id": "rotate_outside_right_footer",
+          "type": "path",
+          "d": "M 22 92 L 102 92 Q 108 92 108 98 L 108 98 Q 108 104 102 104 L 22 104 Q 16 104 16 98 L 16 98 Q 16 92 22 92 Z",
+          "fill": "rgba(255,255,255,0.35)",
+          "stroke": "none"
+        }
+      ],
+      "timeline": {
+        "tracks": {
+          "rotation": {
+            "keyframes": [
+              {
+                "time": 0,
+                "value": 0,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0,
+                  "y1": 0,
+                  "x2": 0.2,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 1.5,
+                "value": 42,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 3,
+                "value": -28,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 4.5,
+                "value": 18,
+                "out": {
+                  "type": "cubicBezier",
+                  "x1": 0.25,
+                  "y1": 0.1,
+                  "x2": 0.25,
+                  "y2": 1
+                }
+              },
+              {
+                "time": 5.8,
+                "value": 0
+              }
+            ]
+          }
+        }
+      }
+    }
+  ]
+}