diff --git a/e2etests/testdata/regression/cloud_shaped_grid/dagre/board.exp.json b/e2etests/testdata/regression/cloud_shaped_grid/dagre/board.exp.json
index 91a866775..dd77ff1cc 100644
--- a/e2etests/testdata/regression/cloud_shaped_grid/dagre/board.exp.json
+++ b/e2etests/testdata/regression/cloud_shaped_grid/dagre/board.exp.json
@@ -7,8 +7,8 @@
       "id": "cloud.a",
       "type": "rectangle",
       "pos": {
-        "x": 44,
-        "y": 259
+        "x": 74,
+        "y": 237
       },
       "width": 53,
       "height": 66,
@@ -89,8 +89,8 @@
       "id": "cloud.b",
       "type": "rectangle",
       "pos": {
-        "x": 107,
-        "y": 259
+        "x": 137,
+        "y": 237
       },
       "width": 53,
       "height": 66,
@@ -171,8 +171,8 @@
       "id": "cloud.c",
       "type": "rectangle",
       "pos": {
-        "x": 170,
-        "y": 259
+        "x": 200,
+        "y": 237
       },
       "width": 53,
       "height": 66,
@@ -253,8 +253,8 @@
       "id": "cloud.d",
       "type": "rectangle",
       "pos": {
-        "x": 233,
-        "y": 259
+        "x": 263,
+        "y": 237
       },
       "width": 54,
       "height": 66,
diff --git a/e2etests/testdata/regression/cloud_shaped_grid/dagre/sketch.exp.svg b/e2etests/testdata/regression/cloud_shaped_grid/dagre/sketch.exp.svg
index c887f7d23..d15a81a3f 100644
--- a/e2etests/testdata/regression/cloud_shaped_grid/dagre/sketch.exp.svg
+++ b/e2etests/testdata/regression/cloud_shaped_grid/dagre/sketch.exp.svg
@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 397 852"><svg id="d2-svg" class="d2-3785311167" width="397" height="852" viewBox="-1 -1 397 852"><rect x="-1.000000" y="-1.000000" width="397.000000" height="852.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-3785311167 .text-bold {
-	font-family: "d2-3785311167-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 397 852"><svg id="d2-svg" class="d2-264392866" width="397" height="852" viewBox="-1 -1 397 852"><rect x="-1.000000" y="-1.000000" width="397.000000" height="852.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-264392866 .text-bold {
+	font-family: "d2-264392866-font-bold";
 }
 @font-face {
-	font-family: d2-3785311167-font-bold;
+	font-family: d2-264392866-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,85 +18,85 @@
   opacity: 0.5;
 }
 
-		.d2-3785311167 .fill-N1{fill:#0A0F25;}
-		.d2-3785311167 .fill-N2{fill:#676C7E;}
-		.d2-3785311167 .fill-N3{fill:#9499AB;}
-		.d2-3785311167 .fill-N4{fill:#CFD2DD;}
-		.d2-3785311167 .fill-N5{fill:#DEE1EB;}
-		.d2-3785311167 .fill-N6{fill:#EEF1F8;}
-		.d2-3785311167 .fill-N7{fill:#FFFFFF;}
-		.d2-3785311167 .fill-B1{fill:#0D32B2;}
-		.d2-3785311167 .fill-B2{fill:#0D32B2;}
-		.d2-3785311167 .fill-B3{fill:#E3E9FD;}
-		.d2-3785311167 .fill-B4{fill:#E3E9FD;}
-		.d2-3785311167 .fill-B5{fill:#EDF0FD;}
-		.d2-3785311167 .fill-B6{fill:#F7F8FE;}
-		.d2-3785311167 .fill-AA2{fill:#4A6FF3;}
-		.d2-3785311167 .fill-AA4{fill:#EDF0FD;}
-		.d2-3785311167 .fill-AA5{fill:#F7F8FE;}
-		.d2-3785311167 .fill-AB4{fill:#EDF0FD;}
-		.d2-3785311167 .fill-AB5{fill:#F7F8FE;}
-		.d2-3785311167 .stroke-N1{stroke:#0A0F25;}
-		.d2-3785311167 .stroke-N2{stroke:#676C7E;}
-		.d2-3785311167 .stroke-N3{stroke:#9499AB;}
-		.d2-3785311167 .stroke-N4{stroke:#CFD2DD;}
-		.d2-3785311167 .stroke-N5{stroke:#DEE1EB;}
-		.d2-3785311167 .stroke-N6{stroke:#EEF1F8;}
-		.d2-3785311167 .stroke-N7{stroke:#FFFFFF;}
-		.d2-3785311167 .stroke-B1{stroke:#0D32B2;}
-		.d2-3785311167 .stroke-B2{stroke:#0D32B2;}
-		.d2-3785311167 .stroke-B3{stroke:#E3E9FD;}
-		.d2-3785311167 .stroke-B4{stroke:#E3E9FD;}
-		.d2-3785311167 .stroke-B5{stroke:#EDF0FD;}
-		.d2-3785311167 .stroke-B6{stroke:#F7F8FE;}
-		.d2-3785311167 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-3785311167 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-3785311167 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-3785311167 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-3785311167 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-3785311167 .background-color-N1{background-color:#0A0F25;}
-		.d2-3785311167 .background-color-N2{background-color:#676C7E;}
-		.d2-3785311167 .background-color-N3{background-color:#9499AB;}
-		.d2-3785311167 .background-color-N4{background-color:#CFD2DD;}
-		.d2-3785311167 .background-color-N5{background-color:#DEE1EB;}
-		.d2-3785311167 .background-color-N6{background-color:#EEF1F8;}
-		.d2-3785311167 .background-color-N7{background-color:#FFFFFF;}
-		.d2-3785311167 .background-color-B1{background-color:#0D32B2;}
-		.d2-3785311167 .background-color-B2{background-color:#0D32B2;}
-		.d2-3785311167 .background-color-B3{background-color:#E3E9FD;}
-		.d2-3785311167 .background-color-B4{background-color:#E3E9FD;}
-		.d2-3785311167 .background-color-B5{background-color:#EDF0FD;}
-		.d2-3785311167 .background-color-B6{background-color:#F7F8FE;}
-		.d2-3785311167 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-3785311167 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-3785311167 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-3785311167 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-3785311167 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-3785311167 .color-N1{color:#0A0F25;}
-		.d2-3785311167 .color-N2{color:#676C7E;}
-		.d2-3785311167 .color-N3{color:#9499AB;}
-		.d2-3785311167 .color-N4{color:#CFD2DD;}
-		.d2-3785311167 .color-N5{color:#DEE1EB;}
-		.d2-3785311167 .color-N6{color:#EEF1F8;}
-		.d2-3785311167 .color-N7{color:#FFFFFF;}
-		.d2-3785311167 .color-B1{color:#0D32B2;}
-		.d2-3785311167 .color-B2{color:#0D32B2;}
-		.d2-3785311167 .color-B3{color:#E3E9FD;}
-		.d2-3785311167 .color-B4{color:#E3E9FD;}
-		.d2-3785311167 .color-B5{color:#EDF0FD;}
-		.d2-3785311167 .color-B6{color:#F7F8FE;}
-		.d2-3785311167 .color-AA2{color:#4A6FF3;}
-		.d2-3785311167 .color-AA4{color:#EDF0FD;}
-		.d2-3785311167 .color-AA5{color:#F7F8FE;}
-		.d2-3785311167 .color-AB4{color:#EDF0FD;}
-		.d2-3785311167 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="cloud"><g class="shape" ><path d="M 65 138 C 65 142 62 146 60 146 C 26 151 0 205 0 270 C 0 339 30 395 67 395 H 322 C 362 395 395 335 395 263 C 395 194 365 136 327 132 C 324 132 322 129 321 124 C 312 54 273 1 227 1 C 197 1 170 23 153 58 C 151 62 148 63 146 62 C 139 58 132 56 124 56 C 93 54 68 91 65 138 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><g id="circle"><g class="shape" ><ellipse rx="197.500000" ry="197.500000" cx="197.500000" cy="652.500000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="cloud.a"><g class="shape" ><rect x="44.000000" y="259.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="70.500000" y="297.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="circle.a"><g class="shape" ><rect x="76.000000" y="619.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="102.500000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="cloud.b"><g class="shape" ><rect x="107.000000" y="259.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="133.500000" y="297.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="circle.b"><g class="shape" ><rect x="139.000000" y="619.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="165.500000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="cloud.c"><g class="shape" ><rect x="170.000000" y="259.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="196.500000" y="297.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="circle.c"><g class="shape" ><rect x="202.000000" y="619.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="cloud.d"><g class="shape" ><rect x="233.000000" y="259.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="260.000000" y="297.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="circle.d"><g class="shape" ><rect x="265.000000" y="619.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="292.000000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-3785311167" maskUnits="userSpaceOnUse" x="-1" y="-1" width="397" height="852">
+		.d2-264392866 .fill-N1{fill:#0A0F25;}
+		.d2-264392866 .fill-N2{fill:#676C7E;}
+		.d2-264392866 .fill-N3{fill:#9499AB;}
+		.d2-264392866 .fill-N4{fill:#CFD2DD;}
+		.d2-264392866 .fill-N5{fill:#DEE1EB;}
+		.d2-264392866 .fill-N6{fill:#EEF1F8;}
+		.d2-264392866 .fill-N7{fill:#FFFFFF;}
+		.d2-264392866 .fill-B1{fill:#0D32B2;}
+		.d2-264392866 .fill-B2{fill:#0D32B2;}
+		.d2-264392866 .fill-B3{fill:#E3E9FD;}
+		.d2-264392866 .fill-B4{fill:#E3E9FD;}
+		.d2-264392866 .fill-B5{fill:#EDF0FD;}
+		.d2-264392866 .fill-B6{fill:#F7F8FE;}
+		.d2-264392866 .fill-AA2{fill:#4A6FF3;}
+		.d2-264392866 .fill-AA4{fill:#EDF0FD;}
+		.d2-264392866 .fill-AA5{fill:#F7F8FE;}
+		.d2-264392866 .fill-AB4{fill:#EDF0FD;}
+		.d2-264392866 .fill-AB5{fill:#F7F8FE;}
+		.d2-264392866 .stroke-N1{stroke:#0A0F25;}
+		.d2-264392866 .stroke-N2{stroke:#676C7E;}
+		.d2-264392866 .stroke-N3{stroke:#9499AB;}
+		.d2-264392866 .stroke-N4{stroke:#CFD2DD;}
+		.d2-264392866 .stroke-N5{stroke:#DEE1EB;}
+		.d2-264392866 .stroke-N6{stroke:#EEF1F8;}
+		.d2-264392866 .stroke-N7{stroke:#FFFFFF;}
+		.d2-264392866 .stroke-B1{stroke:#0D32B2;}
+		.d2-264392866 .stroke-B2{stroke:#0D32B2;}
+		.d2-264392866 .stroke-B3{stroke:#E3E9FD;}
+		.d2-264392866 .stroke-B4{stroke:#E3E9FD;}
+		.d2-264392866 .stroke-B5{stroke:#EDF0FD;}
+		.d2-264392866 .stroke-B6{stroke:#F7F8FE;}
+		.d2-264392866 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-264392866 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-264392866 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-264392866 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-264392866 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-264392866 .background-color-N1{background-color:#0A0F25;}
+		.d2-264392866 .background-color-N2{background-color:#676C7E;}
+		.d2-264392866 .background-color-N3{background-color:#9499AB;}
+		.d2-264392866 .background-color-N4{background-color:#CFD2DD;}
+		.d2-264392866 .background-color-N5{background-color:#DEE1EB;}
+		.d2-264392866 .background-color-N6{background-color:#EEF1F8;}
+		.d2-264392866 .background-color-N7{background-color:#FFFFFF;}
+		.d2-264392866 .background-color-B1{background-color:#0D32B2;}
+		.d2-264392866 .background-color-B2{background-color:#0D32B2;}
+		.d2-264392866 .background-color-B3{background-color:#E3E9FD;}
+		.d2-264392866 .background-color-B4{background-color:#E3E9FD;}
+		.d2-264392866 .background-color-B5{background-color:#EDF0FD;}
+		.d2-264392866 .background-color-B6{background-color:#F7F8FE;}
+		.d2-264392866 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-264392866 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-264392866 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-264392866 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-264392866 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-264392866 .color-N1{color:#0A0F25;}
+		.d2-264392866 .color-N2{color:#676C7E;}
+		.d2-264392866 .color-N3{color:#9499AB;}
+		.d2-264392866 .color-N4{color:#CFD2DD;}
+		.d2-264392866 .color-N5{color:#DEE1EB;}
+		.d2-264392866 .color-N6{color:#EEF1F8;}
+		.d2-264392866 .color-N7{color:#FFFFFF;}
+		.d2-264392866 .color-B1{color:#0D32B2;}
+		.d2-264392866 .color-B2{color:#0D32B2;}
+		.d2-264392866 .color-B3{color:#E3E9FD;}
+		.d2-264392866 .color-B4{color:#E3E9FD;}
+		.d2-264392866 .color-B5{color:#EDF0FD;}
+		.d2-264392866 .color-B6{color:#F7F8FE;}
+		.d2-264392866 .color-AA2{color:#4A6FF3;}
+		.d2-264392866 .color-AA4{color:#EDF0FD;}
+		.d2-264392866 .color-AA5{color:#F7F8FE;}
+		.d2-264392866 .color-AB4{color:#EDF0FD;}
+		.d2-264392866 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="cloud"><g class="shape" ><path d="M 65 138 C 65 142 62 146 60 146 C 26 151 0 205 0 270 C 0 339 30 395 67 395 H 322 C 362 395 395 335 395 263 C 395 194 365 136 327 132 C 324 132 322 129 321 124 C 312 54 273 1 227 1 C 197 1 170 23 153 58 C 151 62 148 63 146 62 C 139 58 132 56 124 56 C 93 54 68 91 65 138 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><g id="circle"><g class="shape" ><ellipse rx="197.500000" ry="197.500000" cx="197.500000" cy="652.500000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="cloud.a"><g class="shape" ><rect x="74.000000" y="237.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="100.500000" y="275.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="circle.a"><g class="shape" ><rect x="76.000000" y="619.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="102.500000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="cloud.b"><g class="shape" ><rect x="137.000000" y="237.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="163.500000" y="275.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="circle.b"><g class="shape" ><rect x="139.000000" y="619.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="165.500000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="cloud.c"><g class="shape" ><rect x="200.000000" y="237.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="226.500000" y="275.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="circle.c"><g class="shape" ><rect x="202.000000" y="619.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="228.500000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="cloud.d"><g class="shape" ><rect x="263.000000" y="237.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="290.000000" y="275.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="circle.d"><g class="shape" ><rect x="265.000000" y="619.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="292.000000" y="657.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-264392866" maskUnits="userSpaceOnUse" x="-1" y="-1" width="397" height="852">
 <rect x="-1" y="-1" width="397" height="852" fill="white"></rect>
-<rect x="66.500000" y="281.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="96.500000" y="259.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="98.500000" y="641.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="129.500000" y="281.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="159.500000" y="259.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="161.500000" y="641.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="192.500000" y="281.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="222.500000" y="259.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="224.500000" y="641.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="255.500000" y="281.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="285.500000" y="259.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="287.500000" y="641.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/regression/cloud_shaped_grid/elk/board.exp.json b/e2etests/testdata/regression/cloud_shaped_grid/elk/board.exp.json
index b0832e4a2..28a73821d 100644
--- a/e2etests/testdata/regression/cloud_shaped_grid/elk/board.exp.json
+++ b/e2etests/testdata/regression/cloud_shaped_grid/elk/board.exp.json
@@ -7,8 +7,8 @@
       "id": "cloud.a",
       "type": "rectangle",
       "pos": {
-        "x": 56,
-        "y": 271
+        "x": 86,
+        "y": 249
       },
       "width": 53,
       "height": 66,
@@ -89,8 +89,8 @@
       "id": "cloud.b",
       "type": "rectangle",
       "pos": {
-        "x": 119,
-        "y": 271
+        "x": 149,
+        "y": 249
       },
       "width": 53,
       "height": 66,
@@ -171,8 +171,8 @@
       "id": "cloud.c",
       "type": "rectangle",
       "pos": {
-        "x": 182,
-        "y": 271
+        "x": 212,
+        "y": 249
       },
       "width": 53,
       "height": 66,
@@ -253,8 +253,8 @@
       "id": "cloud.d",
       "type": "rectangle",
       "pos": {
-        "x": 245,
-        "y": 271
+        "x": 275,
+        "y": 249
       },
       "width": 54,
       "height": 66,
diff --git a/e2etests/testdata/regression/cloud_shaped_grid/elk/sketch.exp.svg b/e2etests/testdata/regression/cloud_shaped_grid/elk/sketch.exp.svg
index b5870c06b..2de9f659a 100644
--- a/e2etests/testdata/regression/cloud_shaped_grid/elk/sketch.exp.svg
+++ b/e2etests/testdata/regression/cloud_shaped_grid/elk/sketch.exp.svg
@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 397 812"><svg id="d2-svg" class="d2-1835847080" width="397" height="812" viewBox="11 11 397 812"><rect x="11.000000" y="11.000000" width="397.000000" height="812.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1835847080 .text-bold {
-	font-family: "d2-1835847080-font-bold";
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.6.1-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 397 812"><svg id="d2-svg" class="d2-3959288689" width="397" height="812" viewBox="11 11 397 812"><rect x="11.000000" y="11.000000" width="397.000000" height="812.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-3959288689 .text-bold {
+	font-family: "d2-3959288689-font-bold";
 }
 @font-face {
-	font-family: d2-1835847080-font-bold;
+	font-family: d2-3959288689-font-bold;
 	src: url("data:application/font-woff;base64,d09GRgABAAAAAAdEAAoAAAAADBQAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAANgAAADYAEACnZ2x5ZgAAAYwAAAHTAAAB6CtRtZRoZWFkAAADYAAAADYAAAA2G38e1GhoZWEAAAOYAAAAJAAAACQKfwXEaG10eAAAA7wAAAAUAAAAFAsOAQZsb2NhAAAD0AAAAAwAAAAMASYBtm1heHAAAAPcAAAAIAAAACAAHQD3bmFtZQAAA/wAAAMoAAAIKgjwVkFwb3N0AAAHJAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAAwAAAAEAAwABAAAADAAEACoAAAAEAAQAAQAAAGT//wAAAGH///+gAAEAAAAAAAEAAgADAAQAAAAAeJxM0M1uElEcBfD/vZ3eUUJKYL6RcYa5MNdptSjDzJhCSwlQNBka1NiSaBxl4UZjY2sNdW3cGFd04cqVLkx8AZvgC3TrI/gEhriiYCCa9AXO75wDi9ABwD18DAtwERKQAgnATWaTeZcxygduEFBlIWAoyXdwavLlM3M4x+GWzY/GmyhC7Uf4+Oz5g3av9ycqlyefvp9MPqCDEwAMy9MR+onGoAEFUCzbK/mBbVOL8Mz33aIsJSmjhARFP/AIkUT5R6PzdoCpY2zmvMKztehpP8YZrQtaXtiuGPHd6nY3kWWq9ETPvdif/HIzdF8RdmMruqrAzKtNR1jGQxDBAFi0bEZ5mnQlfo7JkkgIK/peiVq8JMuoma3rXPxgwOkNq9ItVKKu7e9cdcQr8azp4eG3MK1vvAzvH1X7W+G7a6epJQBAkJuO0BCNIT0XZpNm4Qo/myWJslv0A4UQpDX3ardeN1ZbmSY1vWr1uroqrOV34uuHd++9Wr+sRHpY22xLicfmJZh3Z9MRGuMhCGD+/2oezDz33Ev2P+b3w71yVHJuamTQj3HpLayylLAiUr8Qf39053Ajo4Zfz+o30rQvaqeppXrrdvMvAAAA//8BAAD//+K9Z3sAAAEAAAACC4UakGRnXw889QABA+gAAAAA2F2ghAAAAADdZi82/jf+xAhtA/EAAQADAAIAAAAAAAAAAQAAA9j+7wAACJj+N/43CG0AAQAAAAAAAAAAAAAAAAAAAAUCsgBQAg8AKgI9AEEB0wAkAj0AJwAAACwAZACWAMIA9AABAAAABQCQAAwAYwAHAAEAAAAAAAAAAAAAAAAABAADeJyclM9uG1UUxn9ObNMKwQJFVbqJ7oJFkejYVEnVNiuH1IpFFAePC0JCSBPP+I8ynhl5Jg7hCVjzFrxFVzwEz4FYo/l87NgF0SaKknx37vnznXO+c4Ed/mabSvUh8Ec9MVxhr35ueIsH9RPD27TrW4arPKn9abhGWJsbrvN5rWf4I95WfzP8gP3qT4YfslttG/6YZ9Udw59sO/4y/Cn7vF3gCrzgV8MVdskMb7HDj4a3eYTFrFR5RNNwjc/YM1xnD+gzoSBmQsIIx5AJI66YEZHjEzFjwpCIEEeHFjGFviYEQo7Rf34N8CmYESjimAJHjE9MQM7YIv4ir5RzZRzqNLO7FgVjAi7kcUlAgiNlREpCxKXiFBRkvKJBg5yB+GYU5HjkTIjxSJkxokGXNqf0GTMhx9FWpJKZT8qQgmsC5XdmUXZmQERCbqyuSAjF04lfJO8Opzi6ZLJdj3y6EeFLHN/Ju+SWyvYrPP26NWabeZdsAubqZ6yuxLq51gTHui3ztvhWuOAV7l792WTy/h6F+l8o8gVXmn+oSSVikuDcLi18Kch3j3Ec6dzBV0e+p0OfE7q8oa9zix49WpzRp8Nr+Xbp4fiaLmccy6MjvLhrSzFn/IDjGzqyKWNH1p/FxCJ+JjN15+I4Ux1TMvW8ZO6p1kgV3n3C5Q6lG+rI5TPQHpWWTvNLtGcBI1NFJoZT9XKpjdz6F5oipqqlnO3tfbkNc9u95RbfkGqHS7UuOJWTWzB631S9dzRzrR+PgJCUC1kMSJnSoOBGvM8JuCLGcazunWhLClornzLPjVQSMRWDDonizMj0NzDd+MZ9sKF7Z29JKP+S6eWqqvtkcerV7YzeqHvLO9+6HK1NoGFTTdfUNBDXxLQfaafW+fvyzfW6pTzliJSY8F8vwDM8muxzwCFjZRjoZm6vQ1MvRJOXHKr6SyJZDaXnyCIc4PGcAw54yfN3+rhk4oyLW3FZz93imCO6HH5QFQv7Lke8Xn37/6y/i2lTtTierk4v7j3FJ3dQ6xfas9v3sqeJlZOYW7TbrTgjYFpycbvrNbnHeP8AAAD//wEAAP//9LdPUXicYmBmAIP/5xiMGLAAAAAAAP//AQAA//8vAQIDAAAA");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,85 +18,85 @@
   opacity: 0.5;
 }
 
-		.d2-1835847080 .fill-N1{fill:#0A0F25;}
-		.d2-1835847080 .fill-N2{fill:#676C7E;}
-		.d2-1835847080 .fill-N3{fill:#9499AB;}
-		.d2-1835847080 .fill-N4{fill:#CFD2DD;}
-		.d2-1835847080 .fill-N5{fill:#DEE1EB;}
-		.d2-1835847080 .fill-N6{fill:#EEF1F8;}
-		.d2-1835847080 .fill-N7{fill:#FFFFFF;}
-		.d2-1835847080 .fill-B1{fill:#0D32B2;}
-		.d2-1835847080 .fill-B2{fill:#0D32B2;}
-		.d2-1835847080 .fill-B3{fill:#E3E9FD;}
-		.d2-1835847080 .fill-B4{fill:#E3E9FD;}
-		.d2-1835847080 .fill-B5{fill:#EDF0FD;}
-		.d2-1835847080 .fill-B6{fill:#F7F8FE;}
-		.d2-1835847080 .fill-AA2{fill:#4A6FF3;}
-		.d2-1835847080 .fill-AA4{fill:#EDF0FD;}
-		.d2-1835847080 .fill-AA5{fill:#F7F8FE;}
-		.d2-1835847080 .fill-AB4{fill:#EDF0FD;}
-		.d2-1835847080 .fill-AB5{fill:#F7F8FE;}
-		.d2-1835847080 .stroke-N1{stroke:#0A0F25;}
-		.d2-1835847080 .stroke-N2{stroke:#676C7E;}
-		.d2-1835847080 .stroke-N3{stroke:#9499AB;}
-		.d2-1835847080 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1835847080 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1835847080 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1835847080 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1835847080 .stroke-B1{stroke:#0D32B2;}
-		.d2-1835847080 .stroke-B2{stroke:#0D32B2;}
-		.d2-1835847080 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1835847080 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1835847080 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1835847080 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1835847080 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1835847080 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1835847080 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1835847080 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1835847080 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1835847080 .background-color-N1{background-color:#0A0F25;}
-		.d2-1835847080 .background-color-N2{background-color:#676C7E;}
-		.d2-1835847080 .background-color-N3{background-color:#9499AB;}
-		.d2-1835847080 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1835847080 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1835847080 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1835847080 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1835847080 .background-color-B1{background-color:#0D32B2;}
-		.d2-1835847080 .background-color-B2{background-color:#0D32B2;}
-		.d2-1835847080 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1835847080 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1835847080 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1835847080 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1835847080 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1835847080 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1835847080 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1835847080 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1835847080 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1835847080 .color-N1{color:#0A0F25;}
-		.d2-1835847080 .color-N2{color:#676C7E;}
-		.d2-1835847080 .color-N3{color:#9499AB;}
-		.d2-1835847080 .color-N4{color:#CFD2DD;}
-		.d2-1835847080 .color-N5{color:#DEE1EB;}
-		.d2-1835847080 .color-N6{color:#EEF1F8;}
-		.d2-1835847080 .color-N7{color:#FFFFFF;}
-		.d2-1835847080 .color-B1{color:#0D32B2;}
-		.d2-1835847080 .color-B2{color:#0D32B2;}
-		.d2-1835847080 .color-B3{color:#E3E9FD;}
-		.d2-1835847080 .color-B4{color:#E3E9FD;}
-		.d2-1835847080 .color-B5{color:#EDF0FD;}
-		.d2-1835847080 .color-B6{color:#F7F8FE;}
-		.d2-1835847080 .color-AA2{color:#4A6FF3;}
-		.d2-1835847080 .color-AA4{color:#EDF0FD;}
-		.d2-1835847080 .color-AA5{color:#F7F8FE;}
-		.d2-1835847080 .color-AB4{color:#EDF0FD;}
-		.d2-1835847080 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="cloud"><g class="shape" ><path d="M 77 150 C 77 154 74 158 72 158 C 38 163 12 217 12 282 C 12 351 42 407 79 407 H 334 C 374 407 407 347 407 275 C 407 206 377 148 339 144 C 336 144 334 141 333 136 C 324 66 285 13 239 13 C 209 13 182 35 165 70 C 163 74 160 75 158 74 C 151 70 144 68 136 68 C 105 66 80 103 77 150 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><g id="circle"><g class="shape" ><ellipse rx="197.500000" ry="197.500000" cx="209.500000" cy="624.500000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="cloud.a"><g class="shape" ><rect x="56.000000" y="271.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="82.500000" y="309.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="circle.a"><g class="shape" ><rect x="88.000000" y="591.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="114.500000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="cloud.b"><g class="shape" ><rect x="119.000000" y="271.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="145.500000" y="309.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="circle.b"><g class="shape" ><rect x="151.000000" y="591.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="177.500000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="cloud.c"><g class="shape" ><rect x="182.000000" y="271.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="208.500000" y="309.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="circle.c"><g class="shape" ><rect x="214.000000" y="591.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="240.500000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="cloud.d"><g class="shape" ><rect x="245.000000" y="271.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="272.000000" y="309.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="circle.d"><g class="shape" ><rect x="277.000000" y="591.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="304.000000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-1835847080" maskUnits="userSpaceOnUse" x="11" y="11" width="397" height="812">
+		.d2-3959288689 .fill-N1{fill:#0A0F25;}
+		.d2-3959288689 .fill-N2{fill:#676C7E;}
+		.d2-3959288689 .fill-N3{fill:#9499AB;}
+		.d2-3959288689 .fill-N4{fill:#CFD2DD;}
+		.d2-3959288689 .fill-N5{fill:#DEE1EB;}
+		.d2-3959288689 .fill-N6{fill:#EEF1F8;}
+		.d2-3959288689 .fill-N7{fill:#FFFFFF;}
+		.d2-3959288689 .fill-B1{fill:#0D32B2;}
+		.d2-3959288689 .fill-B2{fill:#0D32B2;}
+		.d2-3959288689 .fill-B3{fill:#E3E9FD;}
+		.d2-3959288689 .fill-B4{fill:#E3E9FD;}
+		.d2-3959288689 .fill-B5{fill:#EDF0FD;}
+		.d2-3959288689 .fill-B6{fill:#F7F8FE;}
+		.d2-3959288689 .fill-AA2{fill:#4A6FF3;}
+		.d2-3959288689 .fill-AA4{fill:#EDF0FD;}
+		.d2-3959288689 .fill-AA5{fill:#F7F8FE;}
+		.d2-3959288689 .fill-AB4{fill:#EDF0FD;}
+		.d2-3959288689 .fill-AB5{fill:#F7F8FE;}
+		.d2-3959288689 .stroke-N1{stroke:#0A0F25;}
+		.d2-3959288689 .stroke-N2{stroke:#676C7E;}
+		.d2-3959288689 .stroke-N3{stroke:#9499AB;}
+		.d2-3959288689 .stroke-N4{stroke:#CFD2DD;}
+		.d2-3959288689 .stroke-N5{stroke:#DEE1EB;}
+		.d2-3959288689 .stroke-N6{stroke:#EEF1F8;}
+		.d2-3959288689 .stroke-N7{stroke:#FFFFFF;}
+		.d2-3959288689 .stroke-B1{stroke:#0D32B2;}
+		.d2-3959288689 .stroke-B2{stroke:#0D32B2;}
+		.d2-3959288689 .stroke-B3{stroke:#E3E9FD;}
+		.d2-3959288689 .stroke-B4{stroke:#E3E9FD;}
+		.d2-3959288689 .stroke-B5{stroke:#EDF0FD;}
+		.d2-3959288689 .stroke-B6{stroke:#F7F8FE;}
+		.d2-3959288689 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-3959288689 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-3959288689 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-3959288689 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-3959288689 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-3959288689 .background-color-N1{background-color:#0A0F25;}
+		.d2-3959288689 .background-color-N2{background-color:#676C7E;}
+		.d2-3959288689 .background-color-N3{background-color:#9499AB;}
+		.d2-3959288689 .background-color-N4{background-color:#CFD2DD;}
+		.d2-3959288689 .background-color-N5{background-color:#DEE1EB;}
+		.d2-3959288689 .background-color-N6{background-color:#EEF1F8;}
+		.d2-3959288689 .background-color-N7{background-color:#FFFFFF;}
+		.d2-3959288689 .background-color-B1{background-color:#0D32B2;}
+		.d2-3959288689 .background-color-B2{background-color:#0D32B2;}
+		.d2-3959288689 .background-color-B3{background-color:#E3E9FD;}
+		.d2-3959288689 .background-color-B4{background-color:#E3E9FD;}
+		.d2-3959288689 .background-color-B5{background-color:#EDF0FD;}
+		.d2-3959288689 .background-color-B6{background-color:#F7F8FE;}
+		.d2-3959288689 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-3959288689 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-3959288689 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-3959288689 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-3959288689 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-3959288689 .color-N1{color:#0A0F25;}
+		.d2-3959288689 .color-N2{color:#676C7E;}
+		.d2-3959288689 .color-N3{color:#9499AB;}
+		.d2-3959288689 .color-N4{color:#CFD2DD;}
+		.d2-3959288689 .color-N5{color:#DEE1EB;}
+		.d2-3959288689 .color-N6{color:#EEF1F8;}
+		.d2-3959288689 .color-N7{color:#FFFFFF;}
+		.d2-3959288689 .color-B1{color:#0D32B2;}
+		.d2-3959288689 .color-B2{color:#0D32B2;}
+		.d2-3959288689 .color-B3{color:#E3E9FD;}
+		.d2-3959288689 .color-B4{color:#E3E9FD;}
+		.d2-3959288689 .color-B5{color:#EDF0FD;}
+		.d2-3959288689 .color-B6{color:#F7F8FE;}
+		.d2-3959288689 .color-AA2{color:#4A6FF3;}
+		.d2-3959288689 .color-AA4{color:#EDF0FD;}
+		.d2-3959288689 .color-AA5{color:#F7F8FE;}
+		.d2-3959288689 .color-AB4{color:#EDF0FD;}
+		.d2-3959288689 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="cloud"><g class="shape" ><path d="M 77 150 C 77 154 74 158 72 158 C 38 163 12 217 12 282 C 12 351 42 407 79 407 H 334 C 374 407 407 347 407 275 C 407 206 377 148 339 144 C 336 144 334 141 333 136 C 324 66 285 13 239 13 C 209 13 182 35 165 70 C 163 74 160 75 158 74 C 151 70 144 68 136 68 C 105 66 80 103 77 150 Z" class=" stroke-B1 fill-N7" style="stroke-width:2;" /></g></g><g id="circle"><g class="shape" ><ellipse rx="197.500000" ry="197.500000" cx="209.500000" cy="624.500000" class="shape stroke-B1 fill-B4" style="stroke-width:2;" /></g></g><g id="cloud.a"><g class="shape" ><rect x="86.000000" y="249.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="112.500000" y="287.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="circle.a"><g class="shape" ><rect x="88.000000" y="591.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="114.500000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="cloud.b"><g class="shape" ><rect x="149.000000" y="249.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="175.500000" y="287.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="circle.b"><g class="shape" ><rect x="151.000000" y="591.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="177.500000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="cloud.c"><g class="shape" ><rect x="212.000000" y="249.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="238.500000" y="287.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="circle.c"><g class="shape" ><rect x="214.000000" y="591.000000" width="53.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="240.500000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="cloud.d"><g class="shape" ><rect x="275.000000" y="249.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="302.000000" y="287.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g id="circle.d"><g class="shape" ><rect x="277.000000" y="591.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="304.000000" y="629.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-3959288689" maskUnits="userSpaceOnUse" x="11" y="11" width="397" height="812">
 <rect x="11" y="11" width="397" height="812" fill="white"></rect>
-<rect x="78.500000" y="293.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="108.500000" y="271.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="110.500000" y="613.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="141.500000" y="293.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="171.500000" y="271.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="173.500000" y="613.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="204.500000" y="293.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="234.500000" y="271.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="236.500000" y="613.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="267.500000" y="293.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="297.500000" y="271.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 <rect x="299.500000" y="613.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>
\ No newline at end of file