diff --git a/d2compiler/compile_test.go b/d2compiler/compile_test.go
index 04a82103c..7fc88f41c 100644
--- a/d2compiler/compile_test.go
+++ b/d2compiler/compile_test.go
@@ -2261,23 +2261,7 @@ layers: {
 x: {
   style.border-radius: -1
 }`,
-			expErr: `d2/testdata/d2compiler/TestCompile/border-radius-negative.d2:3:24: expected "border-radius" to be a number between 0 and 20`,
-		},
-		{
-			name: "border-radius-more-than-20",
-			text: `x
-x: {
-  style.border-radius: 21
-}`,
-			expErr: `d2/testdata/d2compiler/TestCompile/border-radius-more-than-20.d2:3:24: expected "border-radius" to be a number between 0 and 20`,
-		},
-		{
-			name: "border-radius-more-than-100-percent",
-			text: `x
-x: {
-  style.border-radius: 1.5
-}`,
-			expErr: `d2/testdata/d2compiler/TestCompile/border-radius-more-than-100-percent.d2:3:24: expected "border-radius" to be an integer if greater than 1`,
+			expErr: `d2/testdata/d2compiler/TestCompile/border-radius-negative.d2:3:24: expected "border-radius" to be a number greater or equal to 0`,
 		},
 		{
 			name: "near_near_const",
diff --git a/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_sketch.exp.png b/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_sketch.exp.png
index db70b585c..75d351d33 100644
Binary files a/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_sketch.exp.png and b/e2etests-cli/testdata/TestCLI_E2E/hello_world_png_sketch.exp.png differ
diff --git a/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf b/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf
index 23628020d..e447a9d7f 100644
Binary files a/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf and b/e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf differ
diff --git a/e2etests/stable_test.go b/e2etests/stable_test.go
index d24f05afa..d4f59865e 100644
--- a/e2etests/stable_test.go
+++ b/e2etests/stable_test.go
@@ -2333,24 +2333,24 @@ three-dee: {
 `,
 		},
 		{
-			name: "border-radius-percent",
+			name: "border-radius-pill-shape",
 			script: `
 x: {
-	style.border-radius: 0.1
+	style.border-radius: 999
 }
 y: {
-	style.border-radius: 0.2
+	style.border-radius: 999
 }
 multiple2: {
-	style.border-radius: 0.25
+	style.border-radius: 999
 	style.multiple: true
 }
 double: {
-	style.border-radius: 0.35
+	style.border-radius: 999
 	style.double-border: true
 }
 three-dee: {
-	style.border-radius: 0.3
+	style.border-radius: 999
 	style.3d: true
 }
 `,
diff --git a/e2etests/testdata/stable/arrowhead_adjustment/dagre/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_adjustment/dagre/sketch.exp.svg
index 5deab3ab2..54ce31c07 100644
--- a/e2etests/testdata/stable/arrowhead_adjustment/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_adjustment/dagre/sketch.exp.svg
@@ -96,7 +96,7 @@
 		.d2-1296221605 .color-AA4{color:#EDF0FD;}
 		.d2-1296221605 .color-AA5{color:#F7F8FE;}
 		.d2-1296221605 .color-AB4{color:#EDF0FD;}
-		.d2-1296221605 .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="a"><g class="shape" ><rect x="24.000000" y="0.000000" width="53.000000" height="66.000000" rx="10.000000" ry="10.000000" stroke="#2bc3d8" class=" fill-B6" style="stroke-width:8;" /></g><text x="50.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="24.000000" y="542.000000" width="53.000000" height="66.000000" stroke="#0db254" class=" fill-B6" style="stroke-width:8;" /></g><text x="50.500000" y="580.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><path d="M 69 431 L 69 366 L 122 366 L 122 431 C 113 417 104 417 96 431 C 87 446 78 446 69 431 Z" stroke="#b2350d" class=" fill-AB4" style="stroke-width:7;" /></g><text x="95.500000" y="399.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="Oval"><g class="shape" ><ellipse rx="50.000000" ry="50.000000" cx="50.000000" cy="216.000000" stroke="#a1a4af" class="shape fill-B6" style="stroke-width:6;" /></g></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-276093939" markerWidth="28.000000" markerHeight="28.000000" refX="9.000000" refY="14.000000" viewBox="0.000000 0.000000 28.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 28.000000,0.000000 21.000000,14.000000 28.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><marker id="mk-3520845909" markerWidth="22.000000" markerHeight="28.000000" refX="13.000000" refY="14.000000" viewBox="0.000000 0.000000 22.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 22.000000,14.000000 0.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><path d="M 13.943485 66.252119 C -27.300000 104.287778 -40.000000 136.000000 -40.000000 166.000000 C -40.000000 196.000000 -40.000000 236.000000 -40.000000 266.000000 C -40.000000 296.000000 -40.000000 333.600000 -40.000000 360.000000 C -40.000000 386.400000 -27.300000 503.712222 13.943485 541.747881" fill="none" class="connection stroke-B2" style="stroke-width:6;stroke-dasharray:24.000000,22.141176;" marker-start="url(#mk-276093939)" marker-end="url(#mk-3520845909)" mask="url(#d2-1296221605)" /></g><g id="(c -&gt; b)[0]"><marker id="mk-2307423140" markerWidth="25.000000" markerHeight="32.000000" refX="14.500000" refY="16.000000" viewBox="0.000000 0.000000 25.000000 32.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 25.000000,16.000000 0.000000,32.000000" fill="#20222a" class="connection" stroke-width="7" /> </marker><path d="M 95.000000 440.000000 C 95.000000 480.200000 89.600000 502.000000 74.889659 529.241372" stroke="#20222a" fill="none" class="connection" style="stroke-width:7;" marker-end="url(#mk-2307423140)" mask="url(#d2-1296221605)" /></g><g id="(a &lt;-&gt; Oval)[0]"><marker id="mk-2406817645" markerWidth="48.400000" markerHeight="36.000000" refX="9.100000" refY="18.000000" viewBox="0.000000 0.000000 48.400000 36.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="5.500000,18.000000 26.400000,4.500000 48.400000,18.000000 26.400000,31.500000" class="connection stroke-B1 fill-N7" stroke-width="6" /> </marker><marker id="mk-2681561429" markerWidth="44.000000" markerHeight="28.000000" refX="35.000000" refY="14.000000" viewBox="0.000000 0.000000 44.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 22.000000,0.000000 44.000000,14.000000 22.000000,28.000000" class="connection fill-B1" stroke-width="6" /> </marker><path d="M 50.000000 79.000000 C 50.000000 106.000000 50.000000 126.000000 50.000000 154.000000" fill="none" class="connection stroke-B1" style="stroke-width:6;" marker-start="url(#mk-2406817645)" marker-end="url(#mk-2681561429)" mask="url(#d2-1296221605)" /><text x="66.000000" y="158.000000" class="text-italic fill-N1" style="text-anchor:middle;font-size:16px">*</text></g><g id="(c -- a)[0]"><path d="M 117.229469 359.789482 C 134.800000 326.000000 140.000000 296.000000 140.000000 266.000000 C 140.000000 236.000000 127.400000 104.400000 82.517737 63.079821" fill="none" class="connection stroke-B1" style="stroke-width:7;" mask="url(#d2-1296221605)" /></g><g id="(Oval &lt;-&gt; c)[0]"><marker id="mk-2451250203" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 50.000000 272.000000 C 50.000000 306.000000 55.200000 326.000000 73.001207 360.233091" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-1296221605)" /></g><mask id="d2-1296221605" maskUnits="userSpaceOnUse" x="-43" y="-4" width="187" height="616">
+		.d2-1296221605 .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="a"><g class="shape" ><rect x="24.000000" y="0.000000" width="53.000000" height="66.000000" rx="10.000000" stroke="#2bc3d8" class=" fill-B6" style="stroke-width:8;" /></g><text x="50.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="24.000000" y="542.000000" width="53.000000" height="66.000000" stroke="#0db254" class=" fill-B6" style="stroke-width:8;" /></g><text x="50.500000" y="580.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><path d="M 69 431 L 69 366 L 122 366 L 122 431 C 113 417 104 417 96 431 C 87 446 78 446 69 431 Z" stroke="#b2350d" class=" fill-AB4" style="stroke-width:7;" /></g><text x="95.500000" y="399.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="Oval"><g class="shape" ><ellipse rx="50.000000" ry="50.000000" cx="50.000000" cy="216.000000" stroke="#a1a4af" class="shape fill-B6" style="stroke-width:6;" /></g></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-276093939" markerWidth="28.000000" markerHeight="28.000000" refX="9.000000" refY="14.000000" viewBox="0.000000 0.000000 28.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 28.000000,0.000000 21.000000,14.000000 28.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><marker id="mk-3520845909" markerWidth="22.000000" markerHeight="28.000000" refX="13.000000" refY="14.000000" viewBox="0.000000 0.000000 22.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 22.000000,14.000000 0.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><path d="M 13.943485 66.252119 C -27.300000 104.287778 -40.000000 136.000000 -40.000000 166.000000 C -40.000000 196.000000 -40.000000 236.000000 -40.000000 266.000000 C -40.000000 296.000000 -40.000000 333.600000 -40.000000 360.000000 C -40.000000 386.400000 -27.300000 503.712222 13.943485 541.747881" fill="none" class="connection stroke-B2" style="stroke-width:6;stroke-dasharray:24.000000,22.141176;" marker-start="url(#mk-276093939)" marker-end="url(#mk-3520845909)" mask="url(#d2-1296221605)" /></g><g id="(c -&gt; b)[0]"><marker id="mk-2307423140" markerWidth="25.000000" markerHeight="32.000000" refX="14.500000" refY="16.000000" viewBox="0.000000 0.000000 25.000000 32.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 25.000000,16.000000 0.000000,32.000000" fill="#20222a" class="connection" stroke-width="7" /> </marker><path d="M 95.000000 440.000000 C 95.000000 480.200000 89.600000 502.000000 74.889659 529.241372" stroke="#20222a" fill="none" class="connection" style="stroke-width:7;" marker-end="url(#mk-2307423140)" mask="url(#d2-1296221605)" /></g><g id="(a &lt;-&gt; Oval)[0]"><marker id="mk-2406817645" markerWidth="48.400000" markerHeight="36.000000" refX="9.100000" refY="18.000000" viewBox="0.000000 0.000000 48.400000 36.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="5.500000,18.000000 26.400000,4.500000 48.400000,18.000000 26.400000,31.500000" class="connection stroke-B1 fill-N7" stroke-width="6" /> </marker><marker id="mk-2681561429" markerWidth="44.000000" markerHeight="28.000000" refX="35.000000" refY="14.000000" viewBox="0.000000 0.000000 44.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 22.000000,0.000000 44.000000,14.000000 22.000000,28.000000" class="connection fill-B1" stroke-width="6" /> </marker><path d="M 50.000000 79.000000 C 50.000000 106.000000 50.000000 126.000000 50.000000 154.000000" fill="none" class="connection stroke-B1" style="stroke-width:6;" marker-start="url(#mk-2406817645)" marker-end="url(#mk-2681561429)" mask="url(#d2-1296221605)" /><text x="66.000000" y="158.000000" class="text-italic fill-N1" style="text-anchor:middle;font-size:16px">*</text></g><g id="(c -- a)[0]"><path d="M 117.229469 359.789482 C 134.800000 326.000000 140.000000 296.000000 140.000000 266.000000 C 140.000000 236.000000 127.400000 104.400000 82.517737 63.079821" fill="none" class="connection stroke-B1" style="stroke-width:7;" mask="url(#d2-1296221605)" /></g><g id="(Oval &lt;-&gt; c)[0]"><marker id="mk-2451250203" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 50.000000 272.000000 C 50.000000 306.000000 55.200000 326.000000 73.001207 360.233091" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-1296221605)" /></g><mask id="d2-1296221605" maskUnits="userSpaceOnUse" x="-43" y="-4" width="187" height="616">
 <rect x="-43" y="-4" width="187" height="616" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg b/e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg
index 5dbc57b8c..687a8f073 100644
--- a/e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/arrowhead_adjustment/elk/sketch.exp.svg
@@ -96,7 +96,7 @@
 		.d2-1482414948 .color-AA4{color:#EDF0FD;}
 		.d2-1482414948 .color-AA5{color:#F7F8FE;}
 		.d2-1482414948 .color-AB4{color:#EDF0FD;}
-		.d2-1482414948 .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="a"><g class="shape" ><rect x="63.000000" y="12.000000" width="80.000000" height="66.000000" rx="10.000000" ry="10.000000" stroke="#2bc3d8" class=" fill-B6" style="stroke-width:8;" /></g><text x="103.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="55.000000" y="494.000000" width="80.000000" height="66.000000" stroke="#0db254" class=" fill-B6" style="stroke-width:8;" /></g><text x="95.000000" y="532.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><path d="M 108 403 L 108 338 L 188 338 L 188 403 C 175 389 161 389 148 403 C 135 418 121 418 108 403 Z" stroke="#b2350d" class=" fill-AB4" style="stroke-width:7;" /></g><text x="148.000000" y="371.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="Oval"><g class="shape" ><ellipse rx="50.000000" ry="50.000000" cx="103.000000" cy="208.000000" stroke="#a1a4af" class="shape fill-B6" style="stroke-width:6;" /></g></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-276093939" markerWidth="28.000000" markerHeight="28.000000" refX="9.000000" refY="14.000000" viewBox="0.000000 0.000000 28.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 28.000000,0.000000 21.000000,14.000000 28.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><marker id="mk-3520845909" markerWidth="22.000000" markerHeight="28.000000" refX="13.000000" refY="14.000000" viewBox="0.000000 0.000000 22.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 22.000000,14.000000 0.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><path d="M 83.000000 91.000000 L 83.000000 108.000000 S 83.000000 118.000000 73.000000 118.000000 L 22.000000 118.000000 S 12.000000 118.000000 12.000000 128.000000 L 12.000000 444.000000 S 12.000000 454.000000 22.000000 454.000000 L 72.500000 454.000000 S 82.500000 454.000000 82.500000 464.000000 L 82.500000 481.000000" fill="none" class="connection stroke-B2" style="stroke-width:6;stroke-dasharray:24.000000,22.141176;" marker-start="url(#mk-276093939)" marker-end="url(#mk-3520845909)" mask="url(#d2-1482414948)" /></g><g id="(c -&gt; b)[0]"><marker id="mk-2307423140" markerWidth="25.000000" markerHeight="32.000000" refX="14.500000" refY="16.000000" viewBox="0.000000 0.000000 25.000000 32.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 25.000000,16.000000 0.000000,32.000000" fill="#20222a" class="connection" stroke-width="7" /> </marker><path d="M 148.000000 410.000000 L 148.000000 444.000000 S 148.000000 454.000000 138.000000 454.000000 L 119.166667 454.000000 S 109.166667 454.000000 109.166667 464.000000 L 109.166667 479.500000" stroke="#20222a" fill="none" class="connection" style="stroke-width:7;" marker-end="url(#mk-2307423140)" mask="url(#d2-1482414948)" /></g><g id="(a &lt;-&gt; Oval)[0]"><marker id="mk-2406817645" markerWidth="48.400000" markerHeight="36.000000" refX="9.100000" refY="18.000000" viewBox="0.000000 0.000000 48.400000 36.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="5.500000,18.000000 26.400000,4.500000 48.400000,18.000000 26.400000,31.500000" class="connection stroke-B1 fill-N7" stroke-width="6" /> </marker><marker id="mk-2681561429" markerWidth="44.000000" markerHeight="28.000000" refX="35.000000" refY="14.000000" viewBox="0.000000 0.000000 44.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 22.000000,0.000000 44.000000,14.000000 22.000000,28.000000" class="connection fill-B1" stroke-width="6" /> </marker><path d="M 103.000000 91.000000 L 103.000000 146.000000" fill="none" class="connection stroke-B1" style="stroke-width:6;" marker-start="url(#mk-2406817645)" marker-end="url(#mk-2681561429)" mask="url(#d2-1482414948)" /><text x="119.000000" y="150.000000" class="text-italic fill-N1" style="text-anchor:middle;font-size:16px">*</text></g><g id="(c -- a)[0]"><path d="M 161.058331 331.000243 L 161.250003 307.999653 S 161.333333 298.000000 171.333333 298.000000 L 183.000000 298.000000 S 193.000000 298.000000 193.000000 288.000000 L 193.000000 128.000000 S 193.000000 118.000000 183.000000 118.000000 L 133.000000 118.000000 S 123.000000 118.000000 123.000000 108.000000 L 123.000000 85.500000" fill="none" class="connection stroke-B1" style="stroke-width:7;" mask="url(#d2-1482414948)" /></g><g id="(Oval &lt;-&gt; c)[0]"><marker id="mk-2451250203" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 135.000000 253.000000 L 135.000000 331.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-1482414948)" /></g><mask id="d2-1482414948" maskUnits="userSpaceOnUse" x="9" y="8" width="188" height="556">
+		.d2-1482414948 .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="a"><g class="shape" ><rect x="63.000000" y="12.000000" width="80.000000" height="66.000000" rx="10.000000" stroke="#2bc3d8" class=" fill-B6" style="stroke-width:8;" /></g><text x="103.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="b"><g class="shape" ><rect x="55.000000" y="494.000000" width="80.000000" height="66.000000" stroke="#0db254" class=" fill-B6" style="stroke-width:8;" /></g><text x="95.000000" y="532.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g id="c"><g class="shape" ><path d="M 108 403 L 108 338 L 188 338 L 188 403 C 175 389 161 389 148 403 C 135 418 121 418 108 403 Z" stroke="#b2350d" class=" fill-AB4" style="stroke-width:7;" /></g><text x="148.000000" y="371.610964" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g id="Oval"><g class="shape" ><ellipse rx="50.000000" ry="50.000000" cx="103.000000" cy="208.000000" stroke="#a1a4af" class="shape fill-B6" style="stroke-width:6;" /></g></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-276093939" markerWidth="28.000000" markerHeight="28.000000" refX="9.000000" refY="14.000000" viewBox="0.000000 0.000000 28.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 28.000000,0.000000 21.000000,14.000000 28.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><marker id="mk-3520845909" markerWidth="22.000000" markerHeight="28.000000" refX="13.000000" refY="14.000000" viewBox="0.000000 0.000000 22.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 22.000000,14.000000 0.000000,28.000000" class="connection fill-B2" stroke-width="6" /> </marker><path d="M 83.000000 91.000000 L 83.000000 108.000000 S 83.000000 118.000000 73.000000 118.000000 L 22.000000 118.000000 S 12.000000 118.000000 12.000000 128.000000 L 12.000000 444.000000 S 12.000000 454.000000 22.000000 454.000000 L 72.500000 454.000000 S 82.500000 454.000000 82.500000 464.000000 L 82.500000 481.000000" fill="none" class="connection stroke-B2" style="stroke-width:6;stroke-dasharray:24.000000,22.141176;" marker-start="url(#mk-276093939)" marker-end="url(#mk-3520845909)" mask="url(#d2-1482414948)" /></g><g id="(c -&gt; b)[0]"><marker id="mk-2307423140" markerWidth="25.000000" markerHeight="32.000000" refX="14.500000" refY="16.000000" viewBox="0.000000 0.000000 25.000000 32.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 25.000000,16.000000 0.000000,32.000000" fill="#20222a" class="connection" stroke-width="7" /> </marker><path d="M 148.000000 410.000000 L 148.000000 444.000000 S 148.000000 454.000000 138.000000 454.000000 L 119.166667 454.000000 S 109.166667 454.000000 109.166667 464.000000 L 109.166667 479.500000" stroke="#20222a" fill="none" class="connection" style="stroke-width:7;" marker-end="url(#mk-2307423140)" mask="url(#d2-1482414948)" /></g><g id="(a &lt;-&gt; Oval)[0]"><marker id="mk-2406817645" markerWidth="48.400000" markerHeight="36.000000" refX="9.100000" refY="18.000000" viewBox="0.000000 0.000000 48.400000 36.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="5.500000,18.000000 26.400000,4.500000 48.400000,18.000000 26.400000,31.500000" class="connection stroke-B1 fill-N7" stroke-width="6" /> </marker><marker id="mk-2681561429" markerWidth="44.000000" markerHeight="28.000000" refX="35.000000" refY="14.000000" viewBox="0.000000 0.000000 44.000000 28.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,14.000000 22.000000,0.000000 44.000000,14.000000 22.000000,28.000000" class="connection fill-B1" stroke-width="6" /> </marker><path d="M 103.000000 91.000000 L 103.000000 146.000000" fill="none" class="connection stroke-B1" style="stroke-width:6;" marker-start="url(#mk-2406817645)" marker-end="url(#mk-2681561429)" mask="url(#d2-1482414948)" /><text x="119.000000" y="150.000000" class="text-italic fill-N1" style="text-anchor:middle;font-size:16px">*</text></g><g id="(c -- a)[0]"><path d="M 161.058331 331.000243 L 161.250003 307.999653 S 161.333333 298.000000 171.333333 298.000000 L 183.000000 298.000000 S 193.000000 298.000000 193.000000 288.000000 L 193.000000 128.000000 S 193.000000 118.000000 183.000000 118.000000 L 133.000000 118.000000 S 123.000000 118.000000 123.000000 108.000000 L 123.000000 85.500000" fill="none" class="connection stroke-B1" style="stroke-width:7;" mask="url(#d2-1482414948)" /></g><g id="(Oval &lt;-&gt; c)[0]"><marker id="mk-2451250203" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><marker id="mk-3488378134" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 135.000000 253.000000 L 135.000000 331.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-start="url(#mk-2451250203)" marker-end="url(#mk-3488378134)" mask="url(#d2-1482414948)" /></g><mask id="d2-1482414948" maskUnits="userSpaceOnUse" x="9" y="8" width="188" height="556">
 <rect x="9" y="8" width="188" height="556" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/border-radius-percent/dagre/sketch.exp.svg b/e2etests/testdata/stable/border-radius-percent/dagre/sketch.exp.svg
deleted file mode 100644
index 684d85364..000000000
--- a/e2etests/testdata/stable/border-radius-percent/dagre/sketch.exp.svg
+++ /dev/null
@@ -1,97 +0,0 @@
-<?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.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 685 84"><svg id="d2-svg" class="d2-1229382100" width="685" height="84" viewBox="-1 -17 685 84"><rect x="-1.000000" y="-17.000000" width="685.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1229382100 .text-bold {
-	font-family: "d2-1229382100-font-bold";
-}
-@font-face {
-	font-family: d2-1229382100-font-bold;
-	src: url("data:application/font-woff;base64,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");
-}]]></style><style type="text/css"><![CDATA[.shape {
-  shape-rendering: geometricPrecision;
-  stroke-linejoin: round;
-}
-.connection {
-  stroke-linecap: round;
-  stroke-linejoin: round;
-}
-.blend {
-  mix-blend-mode: multiply;
-  opacity: 0.5;
-}
-
-		.d2-1229382100 .fill-N1{fill:#0A0F25;}
-		.d2-1229382100 .fill-N2{fill:#676C7E;}
-		.d2-1229382100 .fill-N3{fill:#9499AB;}
-		.d2-1229382100 .fill-N4{fill:#CFD2DD;}
-		.d2-1229382100 .fill-N5{fill:#DEE1EB;}
-		.d2-1229382100 .fill-N6{fill:#EEF1F8;}
-		.d2-1229382100 .fill-N7{fill:#FFFFFF;}
-		.d2-1229382100 .fill-B1{fill:#0D32B2;}
-		.d2-1229382100 .fill-B2{fill:#0D32B2;}
-		.d2-1229382100 .fill-B3{fill:#E3E9FD;}
-		.d2-1229382100 .fill-B4{fill:#E3E9FD;}
-		.d2-1229382100 .fill-B5{fill:#EDF0FD;}
-		.d2-1229382100 .fill-B6{fill:#F7F8FE;}
-		.d2-1229382100 .fill-AA2{fill:#4A6FF3;}
-		.d2-1229382100 .fill-AA4{fill:#EDF0FD;}
-		.d2-1229382100 .fill-AA5{fill:#F7F8FE;}
-		.d2-1229382100 .fill-AB4{fill:#EDF0FD;}
-		.d2-1229382100 .fill-AB5{fill:#F7F8FE;}
-		.d2-1229382100 .stroke-N1{stroke:#0A0F25;}
-		.d2-1229382100 .stroke-N2{stroke:#676C7E;}
-		.d2-1229382100 .stroke-N3{stroke:#9499AB;}
-		.d2-1229382100 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1229382100 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1229382100 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1229382100 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1229382100 .stroke-B1{stroke:#0D32B2;}
-		.d2-1229382100 .stroke-B2{stroke:#0D32B2;}
-		.d2-1229382100 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1229382100 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1229382100 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1229382100 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1229382100 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1229382100 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1229382100 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1229382100 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1229382100 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1229382100 .background-color-N1{background-color:#0A0F25;}
-		.d2-1229382100 .background-color-N2{background-color:#676C7E;}
-		.d2-1229382100 .background-color-N3{background-color:#9499AB;}
-		.d2-1229382100 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1229382100 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1229382100 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1229382100 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1229382100 .background-color-B1{background-color:#0D32B2;}
-		.d2-1229382100 .background-color-B2{background-color:#0D32B2;}
-		.d2-1229382100 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1229382100 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1229382100 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1229382100 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1229382100 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1229382100 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1229382100 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1229382100 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1229382100 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1229382100 .color-N1{color:#0A0F25;}
-		.d2-1229382100 .color-N2{color:#676C7E;}
-		.d2-1229382100 .color-N3{color:#9499AB;}
-		.d2-1229382100 .color-N4{color:#CFD2DD;}
-		.d2-1229382100 .color-N5{color:#DEE1EB;}
-		.d2-1229382100 .color-N6{color:#EEF1F8;}
-		.d2-1229382100 .color-N7{color:#FFFFFF;}
-		.d2-1229382100 .color-B1{color:#0D32B2;}
-		.d2-1229382100 .color-B2{color:#0D32B2;}
-		.d2-1229382100 .color-B3{color:#E3E9FD;}
-		.d2-1229382100 .color-B4{color:#E3E9FD;}
-		.d2-1229382100 .color-B5{color:#EDF0FD;}
-		.d2-1229382100 .color-B6{color:#F7F8FE;}
-		.d2-1229382100 .color-AA2{color:#4A6FF3;}
-		.d2-1229382100 .color-AA4{color:#EDF0FD;}
-		.d2-1229382100 .color-AA5{color:#F7F8FE;}
-		.d2-1229382100 .color-AB4{color:#EDF0FD;}
-		.d2-1229382100 .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="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="5.300000" ry="6.600000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="10.800000" ry="13.200000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="28.000000" ry="16.500000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="28.000000" ry="16.500000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="399.000000" y="0.000000" width="94.000000" height="66.000000" rx="32.900000" ry="23.100000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="404.000000" y="5.000000" width="84.000000" height="56.000000" rx="29.400000" ry="19.600000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="446.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="553" y="-15" width="129" height="81">
-<rect x="553" y="-15" width="129" height="81" fill="white"></rect>
-<path d="M553,0L568,-15L682,-15L682,51L667,66L553,66L553,0L667,0L667,66M667,0L682,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="553.000000" y="0.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="553,0 568,-15 682,-15 682,51 667,66 667,0" class=" fill-B5" style="stroke-width:2;" /><path d="M553,0 L568,-15 L682,-15 L682,51 L667,66 L553,66 L553,0 L667,0 L667,66 M667,0 L682,-15" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="610.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-1229382100" maskUnits="userSpaceOnUse" x="-1" y="-17" width="685" height="84">
-<rect x="-1" y="-17" width="685" height="84" fill="white"></rect>
-
-</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/border-radius-percent/dagre/board.exp.json b/e2etests/testdata/stable/border-radius-pill-shape/dagre/board.exp.json
similarity index 97%
rename from e2etests/testdata/stable/border-radius-percent/dagre/board.exp.json
rename to e2etests/testdata/stable/border-radius-pill-shape/dagre/board.exp.json
index 2193f8c97..bc1d49918 100644
--- a/e2etests/testdata/stable/border-radius-percent/dagre/board.exp.json
+++ b/e2etests/testdata/stable/border-radius-pill-shape/dagre/board.exp.json
@@ -15,7 +15,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.1,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -56,7 +56,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.2,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -97,7 +97,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.25,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -138,7 +138,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.35,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -179,7 +179,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.3,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
diff --git a/e2etests/testdata/stable/border-radius-pill-shape/dagre/sketch.exp.svg b/e2etests/testdata/stable/border-radius-pill-shape/dagre/sketch.exp.svg
new file mode 100644
index 000000000..9f23c496a
--- /dev/null
+++ b/e2etests/testdata/stable/border-radius-pill-shape/dagre/sketch.exp.svg
@@ -0,0 +1,97 @@
+<?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.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 685 84"><svg id="d2-svg" class="d2-841842780" width="685" height="84" viewBox="-1 -17 685 84"><rect x="-1.000000" y="-17.000000" width="685.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-841842780 .text-bold {
+	font-family: "d2-841842780-font-bold";
+}
+@font-face {
+	font-family: d2-841842780-font-bold;
+	src: url("data:application/font-woff;base64,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");
+}]]></style><style type="text/css"><![CDATA[.shape {
+  shape-rendering: geometricPrecision;
+  stroke-linejoin: round;
+}
+.connection {
+  stroke-linecap: round;
+  stroke-linejoin: round;
+}
+.blend {
+  mix-blend-mode: multiply;
+  opacity: 0.5;
+}
+
+		.d2-841842780 .fill-N1{fill:#0A0F25;}
+		.d2-841842780 .fill-N2{fill:#676C7E;}
+		.d2-841842780 .fill-N3{fill:#9499AB;}
+		.d2-841842780 .fill-N4{fill:#CFD2DD;}
+		.d2-841842780 .fill-N5{fill:#DEE1EB;}
+		.d2-841842780 .fill-N6{fill:#EEF1F8;}
+		.d2-841842780 .fill-N7{fill:#FFFFFF;}
+		.d2-841842780 .fill-B1{fill:#0D32B2;}
+		.d2-841842780 .fill-B2{fill:#0D32B2;}
+		.d2-841842780 .fill-B3{fill:#E3E9FD;}
+		.d2-841842780 .fill-B4{fill:#E3E9FD;}
+		.d2-841842780 .fill-B5{fill:#EDF0FD;}
+		.d2-841842780 .fill-B6{fill:#F7F8FE;}
+		.d2-841842780 .fill-AA2{fill:#4A6FF3;}
+		.d2-841842780 .fill-AA4{fill:#EDF0FD;}
+		.d2-841842780 .fill-AA5{fill:#F7F8FE;}
+		.d2-841842780 .fill-AB4{fill:#EDF0FD;}
+		.d2-841842780 .fill-AB5{fill:#F7F8FE;}
+		.d2-841842780 .stroke-N1{stroke:#0A0F25;}
+		.d2-841842780 .stroke-N2{stroke:#676C7E;}
+		.d2-841842780 .stroke-N3{stroke:#9499AB;}
+		.d2-841842780 .stroke-N4{stroke:#CFD2DD;}
+		.d2-841842780 .stroke-N5{stroke:#DEE1EB;}
+		.d2-841842780 .stroke-N6{stroke:#EEF1F8;}
+		.d2-841842780 .stroke-N7{stroke:#FFFFFF;}
+		.d2-841842780 .stroke-B1{stroke:#0D32B2;}
+		.d2-841842780 .stroke-B2{stroke:#0D32B2;}
+		.d2-841842780 .stroke-B3{stroke:#E3E9FD;}
+		.d2-841842780 .stroke-B4{stroke:#E3E9FD;}
+		.d2-841842780 .stroke-B5{stroke:#EDF0FD;}
+		.d2-841842780 .stroke-B6{stroke:#F7F8FE;}
+		.d2-841842780 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-841842780 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-841842780 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-841842780 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-841842780 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-841842780 .background-color-N1{background-color:#0A0F25;}
+		.d2-841842780 .background-color-N2{background-color:#676C7E;}
+		.d2-841842780 .background-color-N3{background-color:#9499AB;}
+		.d2-841842780 .background-color-N4{background-color:#CFD2DD;}
+		.d2-841842780 .background-color-N5{background-color:#DEE1EB;}
+		.d2-841842780 .background-color-N6{background-color:#EEF1F8;}
+		.d2-841842780 .background-color-N7{background-color:#FFFFFF;}
+		.d2-841842780 .background-color-B1{background-color:#0D32B2;}
+		.d2-841842780 .background-color-B2{background-color:#0D32B2;}
+		.d2-841842780 .background-color-B3{background-color:#E3E9FD;}
+		.d2-841842780 .background-color-B4{background-color:#E3E9FD;}
+		.d2-841842780 .background-color-B5{background-color:#EDF0FD;}
+		.d2-841842780 .background-color-B6{background-color:#F7F8FE;}
+		.d2-841842780 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-841842780 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-841842780 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-841842780 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-841842780 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-841842780 .color-N1{color:#0A0F25;}
+		.d2-841842780 .color-N2{color:#676C7E;}
+		.d2-841842780 .color-N3{color:#9499AB;}
+		.d2-841842780 .color-N4{color:#CFD2DD;}
+		.d2-841842780 .color-N5{color:#DEE1EB;}
+		.d2-841842780 .color-N6{color:#EEF1F8;}
+		.d2-841842780 .color-N7{color:#FFFFFF;}
+		.d2-841842780 .color-B1{color:#0D32B2;}
+		.d2-841842780 .color-B2{color:#0D32B2;}
+		.d2-841842780 .color-B3{color:#E3E9FD;}
+		.d2-841842780 .color-B4{color:#E3E9FD;}
+		.d2-841842780 .color-B5{color:#EDF0FD;}
+		.d2-841842780 .color-B6{color:#F7F8FE;}
+		.d2-841842780 .color-AA2{color:#4A6FF3;}
+		.d2-841842780 .color-AA4{color:#EDF0FD;}
+		.d2-841842780 .color-AA5{color:#F7F8FE;}
+		.d2-841842780 .color-AB4{color:#EDF0FD;}
+		.d2-841842780 .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="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="26.500000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="27.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="33.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="33.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="399.000000" y="0.000000" width="94.000000" height="66.000000" rx="33.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="404.000000" y="5.000000" width="84.000000" height="56.000000" rx="28.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="446.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="553" y="-15" width="129" height="81">
+<rect x="553" y="-15" width="129" height="81" fill="white"></rect>
+<path d="M553,0L568,-15L682,-15L682,51L667,66L553,66L553,0L667,0L667,66M667,0L682,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="553.000000" y="0.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="553,0 568,-15 682,-15 682,51 667,66 667,0" class=" fill-B5" style="stroke-width:2;" /><path d="M553,0 L568,-15 L682,-15 L682,51 L667,66 L553,66 L553,0 L667,0 L667,66 M667,0 L682,-15" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="610.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-841842780" maskUnits="userSpaceOnUse" x="-1" y="-17" width="685" height="84">
+<rect x="-1" y="-17" width="685" height="84" fill="white"></rect>
+
+</mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/border-radius-percent/elk/board.exp.json b/e2etests/testdata/stable/border-radius-pill-shape/elk/board.exp.json
similarity index 97%
rename from e2etests/testdata/stable/border-radius-percent/elk/board.exp.json
rename to e2etests/testdata/stable/border-radius-pill-shape/elk/board.exp.json
index edaede7a9..2dbef6f05 100644
--- a/e2etests/testdata/stable/border-radius-percent/elk/board.exp.json
+++ b/e2etests/testdata/stable/border-radius-pill-shape/elk/board.exp.json
@@ -15,7 +15,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.1,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -56,7 +56,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.2,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -97,7 +97,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.25,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -138,7 +138,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.35,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
@@ -179,7 +179,7 @@
       "opacity": 1,
       "strokeDash": 0,
       "strokeWidth": 2,
-      "borderRadius": 0.3,
+      "borderRadius": 999,
       "fill": "B6",
       "stroke": "B1",
       "shadow": false,
diff --git a/e2etests/testdata/stable/border-radius-percent/elk/sketch.exp.svg b/e2etests/testdata/stable/border-radius-pill-shape/elk/sketch.exp.svg
similarity index 56%
rename from e2etests/testdata/stable/border-radius-percent/elk/sketch.exp.svg
rename to e2etests/testdata/stable/border-radius-pill-shape/elk/sketch.exp.svg
index 26c977807..b9ea856c3 100644
--- a/e2etests/testdata/stable/border-radius-percent/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/border-radius-pill-shape/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.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 525 84"><svg id="d2-svg" class="d2-1956717033" width="525" height="84" viewBox="11 -5 525 84"><rect x="11.000000" y="-5.000000" width="525.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
-.d2-1956717033 .text-bold {
-	font-family: "d2-1956717033-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.3.0-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 525 84"><svg id="d2-svg" class="d2-2772170457" width="525" height="84" viewBox="11 -5 525 84"><rect x="11.000000" y="-5.000000" width="525.000000" height="84.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
+.d2-2772170457 .text-bold {
+	font-family: "d2-2772170457-font-bold";
 }
 @font-face {
-	font-family: d2-1956717033-font-bold;
+	font-family: d2-2772170457-font-bold;
 	src: url("data:application/font-woff;base64,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");
 }]]></style><style type="text/css"><![CDATA[.shape {
   shape-rendering: geometricPrecision;
@@ -18,80 +18,80 @@
   opacity: 0.5;
 }
 
-		.d2-1956717033 .fill-N1{fill:#0A0F25;}
-		.d2-1956717033 .fill-N2{fill:#676C7E;}
-		.d2-1956717033 .fill-N3{fill:#9499AB;}
-		.d2-1956717033 .fill-N4{fill:#CFD2DD;}
-		.d2-1956717033 .fill-N5{fill:#DEE1EB;}
-		.d2-1956717033 .fill-N6{fill:#EEF1F8;}
-		.d2-1956717033 .fill-N7{fill:#FFFFFF;}
-		.d2-1956717033 .fill-B1{fill:#0D32B2;}
-		.d2-1956717033 .fill-B2{fill:#0D32B2;}
-		.d2-1956717033 .fill-B3{fill:#E3E9FD;}
-		.d2-1956717033 .fill-B4{fill:#E3E9FD;}
-		.d2-1956717033 .fill-B5{fill:#EDF0FD;}
-		.d2-1956717033 .fill-B6{fill:#F7F8FE;}
-		.d2-1956717033 .fill-AA2{fill:#4A6FF3;}
-		.d2-1956717033 .fill-AA4{fill:#EDF0FD;}
-		.d2-1956717033 .fill-AA5{fill:#F7F8FE;}
-		.d2-1956717033 .fill-AB4{fill:#EDF0FD;}
-		.d2-1956717033 .fill-AB5{fill:#F7F8FE;}
-		.d2-1956717033 .stroke-N1{stroke:#0A0F25;}
-		.d2-1956717033 .stroke-N2{stroke:#676C7E;}
-		.d2-1956717033 .stroke-N3{stroke:#9499AB;}
-		.d2-1956717033 .stroke-N4{stroke:#CFD2DD;}
-		.d2-1956717033 .stroke-N5{stroke:#DEE1EB;}
-		.d2-1956717033 .stroke-N6{stroke:#EEF1F8;}
-		.d2-1956717033 .stroke-N7{stroke:#FFFFFF;}
-		.d2-1956717033 .stroke-B1{stroke:#0D32B2;}
-		.d2-1956717033 .stroke-B2{stroke:#0D32B2;}
-		.d2-1956717033 .stroke-B3{stroke:#E3E9FD;}
-		.d2-1956717033 .stroke-B4{stroke:#E3E9FD;}
-		.d2-1956717033 .stroke-B5{stroke:#EDF0FD;}
-		.d2-1956717033 .stroke-B6{stroke:#F7F8FE;}
-		.d2-1956717033 .stroke-AA2{stroke:#4A6FF3;}
-		.d2-1956717033 .stroke-AA4{stroke:#EDF0FD;}
-		.d2-1956717033 .stroke-AA5{stroke:#F7F8FE;}
-		.d2-1956717033 .stroke-AB4{stroke:#EDF0FD;}
-		.d2-1956717033 .stroke-AB5{stroke:#F7F8FE;}
-		.d2-1956717033 .background-color-N1{background-color:#0A0F25;}
-		.d2-1956717033 .background-color-N2{background-color:#676C7E;}
-		.d2-1956717033 .background-color-N3{background-color:#9499AB;}
-		.d2-1956717033 .background-color-N4{background-color:#CFD2DD;}
-		.d2-1956717033 .background-color-N5{background-color:#DEE1EB;}
-		.d2-1956717033 .background-color-N6{background-color:#EEF1F8;}
-		.d2-1956717033 .background-color-N7{background-color:#FFFFFF;}
-		.d2-1956717033 .background-color-B1{background-color:#0D32B2;}
-		.d2-1956717033 .background-color-B2{background-color:#0D32B2;}
-		.d2-1956717033 .background-color-B3{background-color:#E3E9FD;}
-		.d2-1956717033 .background-color-B4{background-color:#E3E9FD;}
-		.d2-1956717033 .background-color-B5{background-color:#EDF0FD;}
-		.d2-1956717033 .background-color-B6{background-color:#F7F8FE;}
-		.d2-1956717033 .background-color-AA2{background-color:#4A6FF3;}
-		.d2-1956717033 .background-color-AA4{background-color:#EDF0FD;}
-		.d2-1956717033 .background-color-AA5{background-color:#F7F8FE;}
-		.d2-1956717033 .background-color-AB4{background-color:#EDF0FD;}
-		.d2-1956717033 .background-color-AB5{background-color:#F7F8FE;}
-		.d2-1956717033 .color-N1{color:#0A0F25;}
-		.d2-1956717033 .color-N2{color:#676C7E;}
-		.d2-1956717033 .color-N3{color:#9499AB;}
-		.d2-1956717033 .color-N4{color:#CFD2DD;}
-		.d2-1956717033 .color-N5{color:#DEE1EB;}
-		.d2-1956717033 .color-N6{color:#EEF1F8;}
-		.d2-1956717033 .color-N7{color:#FFFFFF;}
-		.d2-1956717033 .color-B1{color:#0D32B2;}
-		.d2-1956717033 .color-B2{color:#0D32B2;}
-		.d2-1956717033 .color-B3{color:#E3E9FD;}
-		.d2-1956717033 .color-B4{color:#E3E9FD;}
-		.d2-1956717033 .color-B5{color:#EDF0FD;}
-		.d2-1956717033 .color-B6{color:#F7F8FE;}
-		.d2-1956717033 .color-AA2{color:#4A6FF3;}
-		.d2-1956717033 .color-AA4{color:#EDF0FD;}
-		.d2-1956717033 .color-AA5{color:#F7F8FE;}
-		.d2-1956717033 .color-AB4{color:#EDF0FD;}
-		.d2-1956717033 .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="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" rx="5.300000" ry="6.600000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="85.000000" y="12.000000" width="54.000000" height="66.000000" rx="10.800000" ry="13.200000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="169.000000" y="2.000000" width="112.000000" height="66.000000" rx="28.000000" ry="16.500000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="12.000000" width="112.000000" height="66.000000" rx="28.000000" ry="16.500000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="291.000000" y="12.000000" width="94.000000" height="66.000000" rx="32.900000" ry="23.100000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="296.000000" y="17.000000" width="84.000000" height="56.000000" rx="29.400000" ry="19.600000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="338.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="405" y="-3" width="129" height="81">
+		.d2-2772170457 .fill-N1{fill:#0A0F25;}
+		.d2-2772170457 .fill-N2{fill:#676C7E;}
+		.d2-2772170457 .fill-N3{fill:#9499AB;}
+		.d2-2772170457 .fill-N4{fill:#CFD2DD;}
+		.d2-2772170457 .fill-N5{fill:#DEE1EB;}
+		.d2-2772170457 .fill-N6{fill:#EEF1F8;}
+		.d2-2772170457 .fill-N7{fill:#FFFFFF;}
+		.d2-2772170457 .fill-B1{fill:#0D32B2;}
+		.d2-2772170457 .fill-B2{fill:#0D32B2;}
+		.d2-2772170457 .fill-B3{fill:#E3E9FD;}
+		.d2-2772170457 .fill-B4{fill:#E3E9FD;}
+		.d2-2772170457 .fill-B5{fill:#EDF0FD;}
+		.d2-2772170457 .fill-B6{fill:#F7F8FE;}
+		.d2-2772170457 .fill-AA2{fill:#4A6FF3;}
+		.d2-2772170457 .fill-AA4{fill:#EDF0FD;}
+		.d2-2772170457 .fill-AA5{fill:#F7F8FE;}
+		.d2-2772170457 .fill-AB4{fill:#EDF0FD;}
+		.d2-2772170457 .fill-AB5{fill:#F7F8FE;}
+		.d2-2772170457 .stroke-N1{stroke:#0A0F25;}
+		.d2-2772170457 .stroke-N2{stroke:#676C7E;}
+		.d2-2772170457 .stroke-N3{stroke:#9499AB;}
+		.d2-2772170457 .stroke-N4{stroke:#CFD2DD;}
+		.d2-2772170457 .stroke-N5{stroke:#DEE1EB;}
+		.d2-2772170457 .stroke-N6{stroke:#EEF1F8;}
+		.d2-2772170457 .stroke-N7{stroke:#FFFFFF;}
+		.d2-2772170457 .stroke-B1{stroke:#0D32B2;}
+		.d2-2772170457 .stroke-B2{stroke:#0D32B2;}
+		.d2-2772170457 .stroke-B3{stroke:#E3E9FD;}
+		.d2-2772170457 .stroke-B4{stroke:#E3E9FD;}
+		.d2-2772170457 .stroke-B5{stroke:#EDF0FD;}
+		.d2-2772170457 .stroke-B6{stroke:#F7F8FE;}
+		.d2-2772170457 .stroke-AA2{stroke:#4A6FF3;}
+		.d2-2772170457 .stroke-AA4{stroke:#EDF0FD;}
+		.d2-2772170457 .stroke-AA5{stroke:#F7F8FE;}
+		.d2-2772170457 .stroke-AB4{stroke:#EDF0FD;}
+		.d2-2772170457 .stroke-AB5{stroke:#F7F8FE;}
+		.d2-2772170457 .background-color-N1{background-color:#0A0F25;}
+		.d2-2772170457 .background-color-N2{background-color:#676C7E;}
+		.d2-2772170457 .background-color-N3{background-color:#9499AB;}
+		.d2-2772170457 .background-color-N4{background-color:#CFD2DD;}
+		.d2-2772170457 .background-color-N5{background-color:#DEE1EB;}
+		.d2-2772170457 .background-color-N6{background-color:#EEF1F8;}
+		.d2-2772170457 .background-color-N7{background-color:#FFFFFF;}
+		.d2-2772170457 .background-color-B1{background-color:#0D32B2;}
+		.d2-2772170457 .background-color-B2{background-color:#0D32B2;}
+		.d2-2772170457 .background-color-B3{background-color:#E3E9FD;}
+		.d2-2772170457 .background-color-B4{background-color:#E3E9FD;}
+		.d2-2772170457 .background-color-B5{background-color:#EDF0FD;}
+		.d2-2772170457 .background-color-B6{background-color:#F7F8FE;}
+		.d2-2772170457 .background-color-AA2{background-color:#4A6FF3;}
+		.d2-2772170457 .background-color-AA4{background-color:#EDF0FD;}
+		.d2-2772170457 .background-color-AA5{background-color:#F7F8FE;}
+		.d2-2772170457 .background-color-AB4{background-color:#EDF0FD;}
+		.d2-2772170457 .background-color-AB5{background-color:#F7F8FE;}
+		.d2-2772170457 .color-N1{color:#0A0F25;}
+		.d2-2772170457 .color-N2{color:#676C7E;}
+		.d2-2772170457 .color-N3{color:#9499AB;}
+		.d2-2772170457 .color-N4{color:#CFD2DD;}
+		.d2-2772170457 .color-N5{color:#DEE1EB;}
+		.d2-2772170457 .color-N6{color:#EEF1F8;}
+		.d2-2772170457 .color-N7{color:#FFFFFF;}
+		.d2-2772170457 .color-B1{color:#0D32B2;}
+		.d2-2772170457 .color-B2{color:#0D32B2;}
+		.d2-2772170457 .color-B3{color:#E3E9FD;}
+		.d2-2772170457 .color-B4{color:#E3E9FD;}
+		.d2-2772170457 .color-B5{color:#EDF0FD;}
+		.d2-2772170457 .color-B6{color:#F7F8FE;}
+		.d2-2772170457 .color-AA2{color:#4A6FF3;}
+		.d2-2772170457 .color-AA4{color:#EDF0FD;}
+		.d2-2772170457 .color-AA5{color:#F7F8FE;}
+		.d2-2772170457 .color-AB4{color:#EDF0FD;}
+		.d2-2772170457 .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="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" rx="26.500000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="85.000000" y="12.000000" width="54.000000" height="66.000000" rx="27.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="169.000000" y="2.000000" width="112.000000" height="66.000000" rx="33.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="12.000000" width="112.000000" height="66.000000" rx="33.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="291.000000" y="12.000000" width="94.000000" height="66.000000" rx="33.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="296.000000" y="17.000000" width="84.000000" height="56.000000" rx="28.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="338.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="405" y="-3" width="129" height="81">
 <rect x="405" y="-3" width="129" height="81" fill="white"></rect>
-<path d="M405,12L420,-3L534,-3L534,63L519,78L405,78L405,12L519,12L519,78M519,12L534,-3" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="405.000000" y="12.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="405,12 420,-3 534,-3 534,63 519,78 519,12" class=" fill-B5" style="stroke-width:2;" /><path d="M405,12 L420,-3 L534,-3 L534,63 L519,78 L405,78 L405,12 L519,12 L519,78 M519,12 L534,-3" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="462.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-1956717033" maskUnits="userSpaceOnUse" x="11" y="-5" width="525" height="84">
+<path d="M405,12L420,-3L534,-3L534,63L519,78L405,78L405,12L519,12L519,78M519,12L534,-3" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="405.000000" y="12.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="405,12 420,-3 534,-3 534,63 519,78 519,12" class=" fill-B5" style="stroke-width:2;" /><path d="M405,12 L420,-3 L534,-3 L534,63 L519,78 L405,78 L405,12 L519,12 L519,78 M519,12 L534,-3" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="462.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-2772170457" maskUnits="userSpaceOnUse" x="11" y="-5" width="525" height="84">
 <rect x="11" y="-5" width="525" height="84" fill="white"></rect>
 
 </mask></svg></svg>
\ No newline at end of file
diff --git a/e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg b/e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg
index 3eb369766..7f53a764d 100644
--- a/e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg
+++ b/e2etests/testdata/stable/border-radius/dagre/sketch.exp.svg
@@ -89,7 +89,7 @@
 		.d2-441686790 .color-AA4{color:#EDF0FD;}
 		.d2-441686790 .color-AA5{color:#F7F8FE;}
 		.d2-441686790 .color-AB4{color:#EDF0FD;}
-		.d2-441686790 .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="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="4.000000" ry="4.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="10.000000" ry="10.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="6.000000" ry="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="6.000000" ry="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="399.000000" y="0.000000" width="94.000000" height="66.000000" rx="6.000000" ry="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="404.000000" y="5.000000" width="84.000000" height="56.000000" rx="6.000000" ry="6.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="446.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="553" y="-15" width="129" height="81">
+		.d2-441686790 .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="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" rx="4.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" rx="10.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="237.000000" y="-10.000000" width="112.000000" height="66.000000" rx="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="227.000000" y="0.000000" width="112.000000" height="66.000000" rx="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="283.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="399.000000" y="0.000000" width="94.000000" height="66.000000" rx="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="404.000000" y="5.000000" width="84.000000" height="56.000000" rx="6.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="446.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="553" y="-15" width="129" height="81">
 <rect x="553" y="-15" width="129" height="81" fill="white"></rect>
 <path d="M553,0L568,-15L682,-15L682,51L667,66L553,66L553,0L667,0L667,66M667,0L682,-15" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="553.000000" y="0.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="553,0 568,-15 682,-15 682,51 667,66 667,0" class=" fill-B5" style="stroke-width:2;" /><path d="M553,0 L568,-15 L682,-15 L682,51 L667,66 L553,66 L553,0 L667,0 L667,66 M667,0 L682,-15" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="610.000000" y="38.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-441686790" maskUnits="userSpaceOnUse" x="-1" y="-17" width="685" height="84">
 <rect x="-1" y="-17" width="685" height="84" fill="white"></rect>
diff --git a/e2etests/testdata/stable/border-radius/elk/sketch.exp.svg b/e2etests/testdata/stable/border-radius/elk/sketch.exp.svg
index 2cf7fe92e..2f44a211a 100644
--- a/e2etests/testdata/stable/border-radius/elk/sketch.exp.svg
+++ b/e2etests/testdata/stable/border-radius/elk/sketch.exp.svg
@@ -89,7 +89,7 @@
 		.d2-2541858325 .color-AA4{color:#EDF0FD;}
 		.d2-2541858325 .color-AA5{color:#F7F8FE;}
 		.d2-2541858325 .color-AB4{color:#EDF0FD;}
-		.d2-2541858325 .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="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" rx="4.000000" ry="4.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="85.000000" y="12.000000" width="54.000000" height="66.000000" rx="10.000000" ry="10.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="169.000000" y="2.000000" width="112.000000" height="66.000000" rx="6.000000" ry="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="12.000000" width="112.000000" height="66.000000" rx="6.000000" ry="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="291.000000" y="12.000000" width="94.000000" height="66.000000" rx="6.000000" ry="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="296.000000" y="17.000000" width="84.000000" height="56.000000" rx="6.000000" ry="6.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="338.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="405" y="-3" width="129" height="81">
+		.d2-2541858325 .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="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="53.000000" height="66.000000" rx="4.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y"><g class="shape" ><rect x="85.000000" y="12.000000" width="54.000000" height="66.000000" rx="10.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="112.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g id="multiple2"><g class="shape" ><rect x="169.000000" y="2.000000" width="112.000000" height="66.000000" rx="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="159.000000" y="12.000000" width="112.000000" height="66.000000" rx="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="215.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">multiple2</text></g><g id="double"><g class="shape" ><rect x="291.000000" y="12.000000" width="94.000000" height="66.000000" rx="6.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /><rect x="296.000000" y="17.000000" width="84.000000" height="56.000000" rx="6.000000" fill="transparent" class=" stroke-B1" style="stroke-width:2;" /></g><text x="338.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">double</text></g><g id="three-dee"><g class="shape" ><defs><mask id="border-mask-three-dee" maskUnits="userSpaceOnUse" x="405" y="-3" width="129" height="81">
 <rect x="405" y="-3" width="129" height="81" fill="white"></rect>
 <path d="M405,12L420,-3L534,-3L534,63L519,78L405,78L405,12L519,12L519,78M519,12L534,-3" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="405.000000" y="12.000000" width="114.000000" height="66.000000" mask="url(#border-mask-three-dee)" stroke="none" class=" fill-B6" style="stroke-width:2;" /><polygon mask="url(#border-mask-three-dee)" points="405,12 420,-3 534,-3 534,63 519,78 519,12" class=" fill-B5" style="stroke-width:2;" /><path d="M405,12 L420,-3 L534,-3 L534,63 L519,78 L405,78 L405,12 L519,12 L519,78 M519,12 L534,-3" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="462.000000" y="50.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">three-dee</text></g><mask id="d2-2541858325" maskUnits="userSpaceOnUse" x="11" y="-5" width="525" height="84">
 <rect x="11" y="-5" width="525" height="84" fill="white"></rect>
diff --git a/testdata/d2compiler/TestCompile/border-radius-more-than-100-percent.exp.json b/testdata/d2compiler/TestCompile/border-radius-more-than-100-percent.exp.json
deleted file mode 100644
index 604c3015b..000000000
--- a/testdata/d2compiler/TestCompile/border-radius-more-than-100-percent.exp.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "graph": null,
-  "err": {
-    "ioerr": null,
-    "errs": [
-      {
-        "range": "d2/testdata/d2compiler/TestCompile/border-radius-more-than-100-percent.d2,2:23:30-2:26:33",
-        "errmsg": "d2/testdata/d2compiler/TestCompile/border-radius-more-than-100-percent.d2:3:24: expected \"border-radius\" to be an integer if greater than 1"
-      }
-    ]
-  }
-}
diff --git a/testdata/d2compiler/TestCompile/border-radius-more-than-20.exp.json b/testdata/d2compiler/TestCompile/border-radius-more-than-20.exp.json
deleted file mode 100644
index fd3b9618f..000000000
--- a/testdata/d2compiler/TestCompile/border-radius-more-than-20.exp.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "graph": null,
-  "err": {
-    "ioerr": null,
-    "errs": [
-      {
-        "range": "d2/testdata/d2compiler/TestCompile/border-radius-more-than-20.d2,2:23:30-2:25:32",
-        "errmsg": "d2/testdata/d2compiler/TestCompile/border-radius-more-than-20.d2:3:24: expected \"border-radius\" to be a number between 0 and 20"
-      }
-    ]
-  }
-}
diff --git a/testdata/d2compiler/TestCompile/border-radius-negative.exp.json b/testdata/d2compiler/TestCompile/border-radius-negative.exp.json
index 25584f80a..fe11d846b 100644
--- a/testdata/d2compiler/TestCompile/border-radius-negative.exp.json
+++ b/testdata/d2compiler/TestCompile/border-radius-negative.exp.json
@@ -5,7 +5,7 @@
     "errs": [
       {
         "range": "d2/testdata/d2compiler/TestCompile/border-radius-negative.d2,2:23:30-2:25:32",
-        "errmsg": "d2/testdata/d2compiler/TestCompile/border-radius-negative.d2:3:24: expected \"border-radius\" to be a number between 0 and 20"
+        "errmsg": "d2/testdata/d2compiler/TestCompile/border-radius-negative.d2:3:24: expected \"border-radius\" to be a number greater or equal to 0"
       }
     ]
   }