sketchmark 2.0.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/ANIMATABLE_MATRIX.md +177 -0
  2. package/KERNEL_SPEC.md +412 -0
  3. package/PACKS.md +81 -0
  4. package/PRESETS.md +182 -0
  5. package/README.md +274 -188
  6. package/bin/editor-ui.cjs +2285 -0
  7. package/bin/preview-ui.cjs +74 -0
  8. package/bin/sketchmark.cjs +648 -2008
  9. package/dist/src/animatable.d.ts +21 -0
  10. package/dist/src/animatable.js +439 -0
  11. package/dist/src/builders/index.d.ts +1 -11
  12. package/dist/src/builders/index.js +1 -19
  13. package/dist/src/diagnostics.js +1 -64
  14. package/dist/src/edit.d.ts +27 -0
  15. package/dist/src/edit.js +162 -0
  16. package/dist/src/index.d.ts +4 -13
  17. package/dist/src/index.js +4 -13
  18. package/dist/src/keyframes.d.ts +48 -0
  19. package/dist/src/keyframes.js +182 -0
  20. package/dist/src/motion.d.ts +4 -0
  21. package/dist/src/motion.js +262 -0
  22. package/dist/src/normalize.js +120 -151
  23. package/dist/src/presets/characters.d.ts +15 -0
  24. package/dist/src/presets/characters.js +113 -0
  25. package/dist/src/presets/compose.d.ts +5 -0
  26. package/dist/src/presets/compose.js +80 -0
  27. package/dist/src/presets/effects.d.ts +40 -0
  28. package/dist/src/presets/effects.js +79 -0
  29. package/dist/src/presets/helpers.d.ts +33 -0
  30. package/dist/src/presets/helpers.js +165 -0
  31. package/dist/src/presets/index.d.ts +9 -0
  32. package/dist/src/presets/index.js +48 -0
  33. package/dist/src/presets/motions.d.ts +33 -0
  34. package/dist/src/presets/motions.js +75 -0
  35. package/dist/src/presets/scenes.d.ts +35 -0
  36. package/dist/src/presets/scenes.js +134 -0
  37. package/dist/src/presets/shapes.d.ts +71 -0
  38. package/dist/src/presets/shapes.js +96 -0
  39. package/dist/src/presets/transitions.d.ts +29 -0
  40. package/dist/src/presets/transitions.js +113 -0
  41. package/dist/src/presets/types.d.ts +34 -0
  42. package/dist/src/presets/types.js +2 -0
  43. package/dist/src/render/html.js +1 -4
  44. package/dist/src/render/svg.d.ts +2 -2
  45. package/dist/src/render/svg.js +86 -82
  46. package/dist/src/render/three-html.js +67 -113
  47. package/dist/src/scenes.js +1 -0
  48. package/dist/src/schema.js +218 -280
  49. package/dist/src/shapes/builtins.js +11 -47
  50. package/dist/src/shapes/common.js +12 -11
  51. package/dist/src/shapes/registry.d.ts +0 -1
  52. package/dist/src/shapes/registry.js +0 -4
  53. package/dist/src/shapes/types.d.ts +1 -3
  54. package/dist/src/types.d.ts +57 -288
  55. package/dist/src/utils.d.ts +2 -11
  56. package/dist/src/utils.js +13 -70
  57. package/dist/src/validate.js +321 -275
  58. package/dist/tests/run.js +576 -510
  59. package/examples/1730642890464.jpg +0 -0
  60. package/examples/app-screen.svg +1 -0
  61. package/examples/app-screen.visual.json +503 -0
  62. package/examples/dashboard-table.svg +1 -0
  63. package/examples/dashboard-table.visual.json +708 -0
  64. package/examples/dev-docs.svg +1 -0
  65. package/examples/dev-docs.visual.json +248 -0
  66. package/examples/explainer.mp4 +0 -0
  67. package/examples/explainer.visual.json +1713 -0
  68. package/examples/group-origin-effects-lab-check.svg +1 -0
  69. package/examples/group-origin-effects-lab.visual.json +1880 -0
  70. package/examples/image-clip-radius.visual.json +271 -0
  71. package/examples/make-app-screen.cjs +368 -0
  72. package/examples/make-dashboard-table.cjs +277 -0
  73. package/examples/make-dev-docs.cjs +233 -0
  74. package/examples/make-explainer.cjs +438 -0
  75. package/examples/make-group-origin-effects-lab.cjs +370 -0
  76. package/examples/make-image-clip-radius.cjs +169 -0
  77. package/examples/make-modal-dialog.cjs +355 -0
  78. package/examples/make-origin-effects-lab.cjs +311 -0
  79. package/examples/make-preset-character-motion.cjs +32 -0
  80. package/examples/make-presets-demo.cjs +30 -0
  81. package/examples/make-pricing.cjs +286 -0
  82. package/examples/make-product-demo.cjs +468 -0
  83. package/examples/make-product-hero.cjs +223 -0
  84. package/examples/make-release-notes.cjs +333 -0
  85. package/examples/make-settings-panel.cjs +435 -0
  86. package/examples/make-split-preview.cjs +248 -0
  87. package/examples/make-storyboard.cjs +215 -0
  88. package/examples/make-transcript.cjs +234 -0
  89. package/examples/make-typography-test.cjs +397 -0
  90. package/examples/make-ui-demo-explainer.cjs +1094 -0
  91. package/examples/make-ui-flow.cjs +762 -0
  92. package/examples/make-walkthrough.cjs +815 -0
  93. package/examples/modal-dialog.svg +1 -0
  94. package/examples/modal-dialog.visual.json +239 -0
  95. package/examples/origin-effects-lab-check.svg +1 -0
  96. package/examples/origin-effects-lab.visual.json +1412 -0
  97. package/examples/preset-character-motion.visual.json +949 -0
  98. package/examples/presets-demo.visual.json +787 -0
  99. package/examples/pricing.svg +1 -0
  100. package/examples/pricing.visual.json +652 -0
  101. package/examples/product-demo.mp4 +0 -0
  102. package/examples/product-demo.visual.json +866 -0
  103. package/examples/product-hero.svg +1 -0
  104. package/examples/product-hero.visual.json +242 -0
  105. package/examples/release-notes.svg +1 -0
  106. package/examples/release-notes.visual.json +467 -0
  107. package/examples/settings-panel.svg +1 -0
  108. package/examples/settings-panel.visual.json +501 -0
  109. package/examples/split-preview.svg +1 -0
  110. package/examples/split-preview.visual.json +124 -0
  111. package/examples/storyboard.svg +1 -0
  112. package/examples/storyboard.visual.json +312 -0
  113. package/examples/transcript.svg +1 -0
  114. package/examples/transcript.visual.json +407 -0
  115. package/examples/typography-indent-check.svg +1 -0
  116. package/examples/typography-lineheight-0.svg +1 -0
  117. package/examples/typography-lineheight-2.svg +1 -0
  118. package/examples/typography-test-check.svg +1 -0
  119. package/examples/typography-test.svg +1 -0
  120. package/examples/typography-test.visual.json +757 -0
  121. package/examples/ui-demo-explainer-billing.svg +1 -0
  122. package/examples/ui-demo-explainer-check.svg +1 -0
  123. package/examples/ui-demo-explainer-save.svg +1 -0
  124. package/examples/ui-demo-explainer-toggle.svg +1 -0
  125. package/examples/ui-demo-explainer.mp4 +0 -0
  126. package/examples/ui-demo-explainer.visual.json +2597 -0
  127. package/examples/ui-flow.mp4 +0 -0
  128. package/examples/ui-flow.visual.json +1211 -0
  129. package/examples/walkthrough.mp4 +0 -0
  130. package/examples/walkthrough.visual.json +1372 -0
  131. package/package.json +52 -52
  132. package/schema/visual.schema.json +1086 -930
package/examples/group-origin-effects-lab-check.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="1280" height="760" viewBox="0 0 1280 760" role="img"><rect x="0" y="0" width="1280" height="760" fill="#07111f"/><text id="lab_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="38" font-weight="700" fill="#f8fafc"><tspan x="70" y="71">Group Origin Transform Lab</tspan></text><text id="lab_body" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="400" fill="#94a3b8"><tspan x="70" y="104">Same multi-child group, same motion, different origins.</tspan></text><text id="scale_row_label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="18" font-weight="700" fill="#7dd3fc"><tspan x="70" y="121">Scale tests</tspan></text><text id="rotate_row_label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="18" font-weight="700" fill="#7dd3fc"><tspan x="70" y="406">Rotation tests</tspan></text><path id="scale_top_left_panel" 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" stroke-width="1.5"/><text id="scale_top_left_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="90" y="176">Top-left origin</tspan></text><text id="scale_top_left_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="90" y="198">[0, 0]</tspan></text><path id="scale_top_left_guide_h" d="M 90 302 L 320 302" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_top_left_guide_v" d="M 210 218 L 210 370" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_top_left_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="scale_top_left_origin" transform="translate(104 226)"><path id="scale_top_left_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_top_left_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_top_left_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="scale_top_left_group" transform="translate(120 242) translate(0 0) scale(0.9681869211307477 0.9681869211307477) translate(0 0)"><path id="scale_top_left_main" 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" stroke-width="2"/><path id="scale_top_left_tag" 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" stroke-width="1.5"/><text id="scale_top_left_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="scale_top_left_accent" 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" stroke-width="1.5"/><path id="scale_top_left_bar_1" 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" stroke-width="0"/><path id="scale_top_left_bar_2" 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" stroke-width="0"/><path id="scale_top_left_footer" 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" stroke-width="0"/></g><path id="rotate_top_left_panel" 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" stroke-width="1.5"/><text id="rotate_top_left_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="90" y="461">Top-left origin</tspan></text><text id="rotate_top_left_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="90" y="483">[0, 0]</tspan></text><path id="rotate_top_left_guide_h" d="M 90 587 L 320 587" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_top_left_guide_v" d="M 210 503 L 210 655" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_top_left_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="rotate_top_left_origin" transform="translate(104 511)"><path id="rotate_top_left_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_top_left_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_top_left_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="rotate_top_left_group" transform="translate(120 527) rotate(21.33289850236273 0 0)"><path id="rotate_top_left_main" 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" stroke-width="2"/><path id="rotate_top_left_tag" 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" stroke-width="1.5"/><text id="rotate_top_left_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="rotate_top_left_accent" 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" stroke-width="1.5"/><path id="rotate_top_left_bar_1" 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" stroke-width="0"/><path id="rotate_top_left_bar_2" 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" stroke-width="0"/><path id="rotate_top_left_footer" 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" stroke-width="0"/></g><path id="scale_center_panel" 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" stroke-width="1.5"/><text id="scale_center_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="385" y="176">Center origin</tspan></text><text id="scale_center_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="385" y="198">[90, 60]</tspan></text><path id="scale_center_guide_h" d="M 385 302 L 615 302" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_center_guide_v" d="M 505 218 L 505 370" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_center_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="scale_center_origin" transform="translate(489 286)"><path id="scale_center_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_center_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_center_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="scale_center_group" transform="translate(415 242) translate(90 60) scale(0.9681869211307477 0.9681869211307477) translate(-90 -60)"><path id="scale_center_main" 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" stroke-width="2"/><path id="scale_center_tag" 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" stroke-width="1.5"/><text id="scale_center_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="scale_center_accent" 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" stroke-width="1.5"/><path id="scale_center_bar_1" 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" stroke-width="0"/><path id="scale_center_bar_2" 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" stroke-width="0"/><path id="scale_center_footer" 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" stroke-width="0"/></g><path id="rotate_center_panel" 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" stroke-width="1.5"/><text id="rotate_center_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="385" y="461">Center origin</tspan></text><text id="rotate_center_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="385" y="483">[90, 60]</tspan></text><path id="rotate_center_guide_h" d="M 385 587 L 615 587" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_center_guide_v" d="M 505 503 L 505 655" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_center_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="rotate_center_origin" transform="translate(489 571)"><path id="rotate_center_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_center_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_center_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="rotate_center_group" transform="translate(415 527) rotate(21.33289850236273 90 60)"><path id="rotate_center_main" 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" stroke-width="2"/><path id="rotate_center_tag" 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" stroke-width="1.5"/><text id="rotate_center_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="rotate_center_accent" 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" stroke-width="1.5"/><path id="rotate_center_bar_1" 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" stroke-width="0"/><path id="rotate_center_bar_2" 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" stroke-width="0"/><path id="rotate_center_footer" 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" stroke-width="0"/></g><path id="scale_bottom_right_panel" 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" stroke-width="1.5"/><text id="scale_bottom_right_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="680" y="176">Bottom-right origin</tspan></text><text id="scale_bottom_right_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="680" y="198">[180, 120]</tspan></text><path id="scale_bottom_right_guide_h" d="M 680 302 L 910 302" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_bottom_right_guide_v" d="M 800 218 L 800 370" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_bottom_right_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="scale_bottom_right_origin" transform="translate(874 346)"><path id="scale_bottom_right_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_bottom_right_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_bottom_right_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="scale_bottom_right_group" transform="translate(710 242) translate(180 120) scale(0.9681869211307477 0.9681869211307477) translate(-180 -120)"><path id="scale_bottom_right_main" 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" stroke-width="2"/><path id="scale_bottom_right_tag" 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" stroke-width="1.5"/><text id="scale_bottom_right_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="scale_bottom_right_accent" 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" stroke-width="1.5"/><path id="scale_bottom_right_bar_1" 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" stroke-width="0"/><path id="scale_bottom_right_bar_2" 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" stroke-width="0"/><path id="scale_bottom_right_footer" 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" stroke-width="0"/></g><path id="rotate_bottom_right_panel" 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" stroke-width="1.5"/><text id="rotate_bottom_right_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="680" y="461">Bottom-right origin</tspan></text><text id="rotate_bottom_right_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="680" y="483">[180, 120]</tspan></text><path id="rotate_bottom_right_guide_h" d="M 680 587 L 910 587" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_bottom_right_guide_v" d="M 800 503 L 800 655" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_bottom_right_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="rotate_bottom_right_origin" transform="translate(874 631)"><path id="rotate_bottom_right_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_bottom_right_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_bottom_right_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="rotate_bottom_right_group" transform="translate(710 527) rotate(21.33289850236273 180 120)"><path id="rotate_bottom_right_main" 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" stroke-width="2"/><path id="rotate_bottom_right_tag" 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" stroke-width="1.5"/><text id="rotate_bottom_right_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="rotate_bottom_right_accent" 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" stroke-width="1.5"/><path id="rotate_bottom_right_bar_1" 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" stroke-width="0"/><path id="rotate_bottom_right_bar_2" 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" stroke-width="0"/><path id="rotate_bottom_right_footer" 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" stroke-width="0"/></g><path id="scale_outside_right_panel" 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" stroke-width="1.5"/><text id="scale_outside_right_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="975" y="176">Outside-right origin</tspan></text><text id="scale_outside_right_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="975" y="198">[220, 60]</tspan></text><path id="scale_outside_right_guide_h" d="M 975 302 L 1205 302" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_outside_right_guide_v" d="M 1095 218 L 1095 370" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="scale_outside_right_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="scale_outside_right_origin" transform="translate(1209 286)"><path id="scale_outside_right_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_outside_right_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="scale_outside_right_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="scale_outside_right_group" transform="translate(1005 242) translate(220 60) scale(0.9681869211307477 0.9681869211307477) translate(-220 -60)"><path id="scale_outside_right_main" 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" stroke-width="2"/><path id="scale_outside_right_tag" 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" stroke-width="1.5"/><text id="scale_outside_right_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="scale_outside_right_accent" 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" stroke-width="1.5"/><path id="scale_outside_right_bar_1" 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" stroke-width="0"/><path id="scale_outside_right_bar_2" 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" stroke-width="0"/><path id="scale_outside_right_footer" 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" stroke-width="0"/></g><path id="rotate_outside_right_panel" 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" stroke-width="1.5"/><text id="rotate_outside_right_title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="16" font-weight="700" fill="#f8fafc"><tspan x="975" y="461">Outside-right origin</tspan></text><text id="rotate_outside_right_note" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="500" fill="#94a3b8"><tspan x="975" y="483">[220, 60]</tspan></text><path id="rotate_outside_right_guide_h" d="M 975 587 L 1205 587" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_outside_right_guide_v" d="M 1095 503 L 1095 655" fill="none" stroke="#173054" stroke-width="1" stroke-dasharray="6 6"/><path id="rotate_outside_right_frame" 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" stroke-width="1" stroke-dasharray="8 6"/><g id="rotate_outside_right_origin" transform="translate(1209 571)"><path id="rotate_outside_right_origin_cross_h" d="M 0 16 L 32 16" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_outside_right_origin_cross_v" d="M 16 0 L 16 32" fill="none" stroke="#fde047" stroke-width="2" stroke-linecap="round"/><path id="rotate_outside_right_origin_dot" d="M 10 16 a 6 6 0 1 0 12 0 a 6 6 0 1 0 -12 0" fill="#fde047" stroke="#0f172a" stroke-width="1.5"/></g><g id="rotate_outside_right_group" transform="translate(1005 527) rotate(21.33289850236273 220 60)"><path id="rotate_outside_right_main" 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" stroke-width="2"/><path id="rotate_outside_right_tag" 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" stroke-width="1.5"/><text id="rotate_outside_right_tag_text" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="10" font-weight="700" fill="#7dd3fc"><tspan x="45" y="10">GROUP</tspan></text><path id="rotate_outside_right_accent" 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" stroke-width="1.5"/><path id="rotate_outside_right_bar_1" 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" stroke-width="0"/><path id="rotate_outside_right_bar_2" 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" stroke-width="0"/><path id="rotate_outside_right_footer" 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" stroke-width="0"/></g></svg>