sketchmark 2.1.0 → 2.1.2

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

@@ -1,1880 +0,0 @@
-{
-  "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
-              }
-            ]
-          }
-        }
-      }
-    }
-  ]
-}