diff --git a/markdown/org/docs/patterns/aaron/options/armholedrop/aaron_armholedrop_sample.svg b/markdown/org/docs/patterns/aaron/options/armholedrop/aaron_armholedrop_sample.svg
index 0c1446c3911..d111360a94c 100644
--- a/markdown/org/docs/patterns/aaron/options/armholedrop/aaron_armholedrop_sample.svg
+++ b/markdown/org/docs/patterns/aaron/options/armholedrop/aaron_armholedrop_sample.svg
@@ -7,6 +7,160 @@ svg.freesewing path,svg.freesewing circle,svg.freesewing rect{fill:none;stroke:n
svg.freesewing path.grid{fill:none;stroke:#555;stroke-width:0.3}svg.freesewing path.gridline{stroke:#555;stroke-width:0.2}svg.freesewing path.gridline-lg{stroke:#777;stroke-width:0.2;stroke-dasharray:1.5,1.5}svg.freesewing path.gridline-sm{stroke:#999;stroke-width:0.1}svg.freesewing path.gridline-xs{stroke:#999;stroke-width:0.1;stroke-dasharray:0.5,0.5}svg.freesewing path.gridbox{fill:url(#grid)}
svg.freesewing path.sample{stroke-width:0.75}svg.freesewing path.sample-focus{stroke-width:1.5;fill:rgba(0,0,0,0.1)}
+ /* Reset */
+ svg.freesewing path,
+ svg.freesewing circle,
+ svg.freesewing rect {
+ fill: none;
+ stroke: none;
+ }
+
+ /* Defaults */
+ svg.freesewing path,
+ svg.freesewing circle {
+ stroke: #000;
+ stroke-opacity: 1;
+ stroke-width: 0.3;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ }
+
+ /* Stroke classes */
+ svg.freesewing .fabric {
+ stroke-width: 0.6;
+ stroke: #212121;
+ }
+ svg.freesewing .lining {
+ stroke-width: 0.6;
+ stroke: #ff5b77;
+ }
+ svg.freesewing .interfacing {
+ stroke-width: 0.6;
+ stroke: #64b5f6;
+ }
+ svg.freesewing .canvas {
+ stroke-width: 0.6;
+ stroke: #ff9000;
+ }
+ svg.freesewing .various {
+ stroke-width: 0.6;
+ stroke: #4caf50;
+ }
+ svg.freesewing .note {
+ stroke-width: 0.4;
+ stroke: #dd60dd;
+ }
+ svg.freesewing .mark {
+ stroke-width: 0.4;
+ stroke: blue;
+ }
+ svg.freesewing .contrast {
+ stroke-width: 0.8;
+ stroke: red;
+ }
+ svg.freesewing .stroke-xs {
+ stroke-width: 0.1;
+ }
+ svg.freesewing .stroke-sm {
+ stroke-width: 0.2;
+ }
+ svg.freesewing .stroke-lg {
+ stroke-width: 0.6;
+ }
+ svg.freesewing .stroke-xl {
+ stroke-width: 1;
+ }
+ svg.freesewing .stroke-xxl {
+ stroke-width: 2;
+ }
+
+ svg.freesewing .sa {
+ stroke-dasharray: 0.4, 0.8;
+ }
+ svg.freesewing .help {
+ stroke-width: 0.2;
+ stroke-dasharray: 15, 1.5, 1, 1.5;
+ }
+ svg.freesewing .dotted {
+ stroke-dasharray: 0.4, 0.8;
+ }
+ svg.freesewing .dashed {
+ stroke-dasharray: 1, 1.5;
+ }
+ svg.freesewing .lashed {
+ stroke-dasharray: 6, 6;
+ }
+ svg.freesewing .hidden {
+ stroke: none;
+ fill: none;
+ }
+
+ /* Fill classes */
+ svg.freesewing .fill-fabric {
+ fill: #212121;
+ }
+ svg.freesewing .fill-lining {
+ fill: #ff5b77;
+ }
+ svg.freesewing .fill-interfacing {
+ fill: #64b5f6;
+ }
+ svg.freesewing .fill-canvas {
+ fill: #ff9000;
+ }
+ svg.freesewing .fill-various {
+ fill: #4caf50;
+ }
+ svg.freesewing .fill-note {
+ fill: #dd69dd;
+ }
+ svg.freesewing .fill-mark {
+ fill: blue;
+ }
+ svg.freesewing .fill-contrast {
+ fill: red;
+ }
+
+ /* Text */
+ svg.freesewing text {
+ font-size: 5px;
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+ Arial, sans-serif;
+ fill: #000;
+ text-anchor: start;
+ font-weight: 200;
+ dominant-baseline: ideographic;
+ }
+ svg.freesewing .text-xs {
+ font-size: 3px;
+ }
+ svg.freesewing .text-sm {
+ font-size: 4px;
+ }
+ svg.freesewing .text-lg {
+ font-size: 7px;
+ }
+ svg.freesewing .text-xl {
+ font-size: 9px;
+ }
+ svg.freesewing .text-xxl {
+ font-size: 12px;
+ }
+
+ svg.freesewing .center {
+ text-anchor: middle;
+ }
+ svg.freesewing .right {
+ text-anchor: end;
+ }
+
+ /* Bartack */
+ svg.freesewing path.bartack {
+ stroke-width: 2;
+ stroke: #fd7e14;
+ stroke-linecap: butt;
+ }
+
]]>
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -31,7 +241,7 @@ svg.freesewing path.sample{stroke-width:0.75}svg.freesewing path.sample-focus{st
-
+
@@ -39,47 +249,47 @@ svg.freesewing path.sample{stroke-width:0.75}svg.freesewing path.sample-focus{st
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
diff --git a/markdown/org/docs/patterns/bee/options/backdartheight/bee_backdartheight_sample.svg b/markdown/org/docs/patterns/bee/options/backdartheight/bee_backdartheight_sample.svg
index 372154251d6..4045e99080b 100644
--- a/markdown/org/docs/patterns/bee/options/backdartheight/bee_backdartheight_sample.svg
+++ b/markdown/org/docs/patterns/bee/options/backdartheight/bee_backdartheight_sample.svg
@@ -1,5 +1,5 @@
\ No newline at end of file
diff --git a/markdown/org/docs/patterns/diana/options/cuffease/en.md b/markdown/org/docs/patterns/diana/options/cuffease/en.md
new file mode 100644
index 00000000000..e8827e40a22
--- /dev/null
+++ b/markdown/org/docs/patterns/diana/options/cuffease/en.md
@@ -0,0 +1,9 @@
+---
+title: Cuff ease
+---
+
+The amount of ease at your wrist.
+
+
+## Effect of this option on the pattern
+
\ No newline at end of file
diff --git a/markdown/org/docs/patterns/diana/options/drapeangle/diana_drapeangle_sample.svg b/markdown/org/docs/patterns/diana/options/drapeangle/diana_drapeangle_sample.svg
index 48bb6744d1e..781073a8112 100644
--- a/markdown/org/docs/patterns/diana/options/drapeangle/diana_drapeangle_sample.svg
+++ b/markdown/org/docs/patterns/diana/options/drapeangle/diana_drapeangle_sample.svg
@@ -7,6 +7,160 @@ svg.freesewing path,svg.freesewing circle,svg.freesewing rect{fill:none;stroke:n
svg.freesewing path.grid{fill:none;stroke:#555;stroke-width:0.3}svg.freesewing path.gridline{stroke:#555;stroke-width:0.2}svg.freesewing path.gridline-lg{stroke:#777;stroke-width:0.2;stroke-dasharray:1.5,1.5}svg.freesewing path.gridline-sm{stroke:#999;stroke-width:0.1}svg.freesewing path.gridline-xs{stroke:#999;stroke-width:0.1;stroke-dasharray:0.5,0.5}svg.freesewing path.gridbox{fill:url(#grid)}
svg.freesewing path.sample{stroke-width:0.75}svg.freesewing path.sample-focus{stroke-width:1.5;fill:rgba(0,0,0,0.1)}
+ /* Reset */
+ svg.freesewing path,
+ svg.freesewing circle,
+ svg.freesewing rect {
+ fill: none;
+ stroke: none;
+ }
+
+ /* Defaults */
+ svg.freesewing path,
+ svg.freesewing circle {
+ stroke: #000;
+ stroke-opacity: 1;
+ stroke-width: 0.3;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ }
+
+ /* Stroke classes */
+ svg.freesewing .fabric {
+ stroke-width: 0.6;
+ stroke: #212121;
+ }
+ svg.freesewing .lining {
+ stroke-width: 0.6;
+ stroke: #ff5b77;
+ }
+ svg.freesewing .interfacing {
+ stroke-width: 0.6;
+ stroke: #64b5f6;
+ }
+ svg.freesewing .canvas {
+ stroke-width: 0.6;
+ stroke: #ff9000;
+ }
+ svg.freesewing .various {
+ stroke-width: 0.6;
+ stroke: #4caf50;
+ }
+ svg.freesewing .note {
+ stroke-width: 0.4;
+ stroke: #dd60dd;
+ }
+ svg.freesewing .mark {
+ stroke-width: 0.4;
+ stroke: blue;
+ }
+ svg.freesewing .contrast {
+ stroke-width: 0.8;
+ stroke: red;
+ }
+ svg.freesewing .stroke-xs {
+ stroke-width: 0.1;
+ }
+ svg.freesewing .stroke-sm {
+ stroke-width: 0.2;
+ }
+ svg.freesewing .stroke-lg {
+ stroke-width: 0.6;
+ }
+ svg.freesewing .stroke-xl {
+ stroke-width: 1;
+ }
+ svg.freesewing .stroke-xxl {
+ stroke-width: 2;
+ }
+
+ svg.freesewing .sa {
+ stroke-dasharray: 0.4, 0.8;
+ }
+ svg.freesewing .help {
+ stroke-width: 0.2;
+ stroke-dasharray: 15, 1.5, 1, 1.5;
+ }
+ svg.freesewing .dotted {
+ stroke-dasharray: 0.4, 0.8;
+ }
+ svg.freesewing .dashed {
+ stroke-dasharray: 1, 1.5;
+ }
+ svg.freesewing .lashed {
+ stroke-dasharray: 6, 6;
+ }
+ svg.freesewing .hidden {
+ stroke: none;
+ fill: none;
+ }
+
+ /* Fill classes */
+ svg.freesewing .fill-fabric {
+ fill: #212121;
+ }
+ svg.freesewing .fill-lining {
+ fill: #ff5b77;
+ }
+ svg.freesewing .fill-interfacing {
+ fill: #64b5f6;
+ }
+ svg.freesewing .fill-canvas {
+ fill: #ff9000;
+ }
+ svg.freesewing .fill-various {
+ fill: #4caf50;
+ }
+ svg.freesewing .fill-note {
+ fill: #dd69dd;
+ }
+ svg.freesewing .fill-mark {
+ fill: blue;
+ }
+ svg.freesewing .fill-contrast {
+ fill: red;
+ }
+
+ /* Text */
+ svg.freesewing text {
+ font-size: 5px;
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+ Arial, sans-serif;
+ fill: #000;
+ text-anchor: start;
+ font-weight: 200;
+ dominant-baseline: ideographic;
+ }
+ svg.freesewing .text-xs {
+ font-size: 3px;
+ }
+ svg.freesewing .text-sm {
+ font-size: 4px;
+ }
+ svg.freesewing .text-lg {
+ font-size: 7px;
+ }
+ svg.freesewing .text-xl {
+ font-size: 9px;
+ }
+ svg.freesewing .text-xxl {
+ font-size: 12px;
+ }
+
+ svg.freesewing .center {
+ text-anchor: middle;
+ }
+ svg.freesewing .right {
+ text-anchor: end;
+ }
+
+ /* Bartack */
+ svg.freesewing path.bartack {
+ stroke-width: 2;
+ stroke: #fd7e14;
+ stroke-linecap: butt;
+ }
+
]]>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/markdown/org/docs/patterns/sven/options/lengthbonus/sven_lengthbonus_sample.svg b/markdown/org/docs/patterns/sven/options/lengthbonus/sven_lengthbonus_sample.svg
index f1215bc9c2d..352ca2b78aa 100644
--- a/markdown/org/docs/patterns/sven/options/lengthbonus/sven_lengthbonus_sample.svg
+++ b/markdown/org/docs/patterns/sven/options/lengthbonus/sven_lengthbonus_sample.svg
@@ -7,6 +7,160 @@ svg.freesewing path,svg.freesewing circle,svg.freesewing rect{fill:none;stroke:n
svg.freesewing path.grid{fill:none;stroke:#555;stroke-width:0.3}svg.freesewing path.gridline{stroke:#555;stroke-width:0.2}svg.freesewing path.gridline-lg{stroke:#777;stroke-width:0.2;stroke-dasharray:1.5,1.5}svg.freesewing path.gridline-sm{stroke:#999;stroke-width:0.1}svg.freesewing path.gridline-xs{stroke:#999;stroke-width:0.1;stroke-dasharray:0.5,0.5}svg.freesewing path.gridbox{fill:url(#grid)}
svg.freesewing path.sample{stroke-width:0.75}svg.freesewing path.sample-focus{stroke-width:1.5;fill:rgba(0,0,0,0.1)}
+ /* Reset */
+ svg.freesewing path,
+ svg.freesewing circle,
+ svg.freesewing rect {
+ fill: none;
+ stroke: none;
+ }
+
+ /* Defaults */
+ svg.freesewing path,
+ svg.freesewing circle {
+ stroke: #000;
+ stroke-opacity: 1;
+ stroke-width: 0.3;
+ stroke-linecap: round;
+ stroke-linejoin: round;
+ }
+
+ /* Stroke classes */
+ svg.freesewing .fabric {
+ stroke-width: 0.6;
+ stroke: #212121;
+ }
+ svg.freesewing .lining {
+ stroke-width: 0.6;
+ stroke: #ff5b77;
+ }
+ svg.freesewing .interfacing {
+ stroke-width: 0.6;
+ stroke: #64b5f6;
+ }
+ svg.freesewing .canvas {
+ stroke-width: 0.6;
+ stroke: #ff9000;
+ }
+ svg.freesewing .various {
+ stroke-width: 0.6;
+ stroke: #4caf50;
+ }
+ svg.freesewing .note {
+ stroke-width: 0.4;
+ stroke: #dd60dd;
+ }
+ svg.freesewing .mark {
+ stroke-width: 0.4;
+ stroke: blue;
+ }
+ svg.freesewing .contrast {
+ stroke-width: 0.8;
+ stroke: red;
+ }
+ svg.freesewing .stroke-xs {
+ stroke-width: 0.1;
+ }
+ svg.freesewing .stroke-sm {
+ stroke-width: 0.2;
+ }
+ svg.freesewing .stroke-lg {
+ stroke-width: 0.6;
+ }
+ svg.freesewing .stroke-xl {
+ stroke-width: 1;
+ }
+ svg.freesewing .stroke-xxl {
+ stroke-width: 2;
+ }
+
+ svg.freesewing .sa {
+ stroke-dasharray: 0.4, 0.8;
+ }
+ svg.freesewing .help {
+ stroke-width: 0.2;
+ stroke-dasharray: 15, 1.5, 1, 1.5;
+ }
+ svg.freesewing .dotted {
+ stroke-dasharray: 0.4, 0.8;
+ }
+ svg.freesewing .dashed {
+ stroke-dasharray: 1, 1.5;
+ }
+ svg.freesewing .lashed {
+ stroke-dasharray: 6, 6;
+ }
+ svg.freesewing .hidden {
+ stroke: none;
+ fill: none;
+ }
+
+ /* Fill classes */
+ svg.freesewing .fill-fabric {
+ fill: #212121;
+ }
+ svg.freesewing .fill-lining {
+ fill: #ff5b77;
+ }
+ svg.freesewing .fill-interfacing {
+ fill: #64b5f6;
+ }
+ svg.freesewing .fill-canvas {
+ fill: #ff9000;
+ }
+ svg.freesewing .fill-various {
+ fill: #4caf50;
+ }
+ svg.freesewing .fill-note {
+ fill: #dd69dd;
+ }
+ svg.freesewing .fill-mark {
+ fill: blue;
+ }
+ svg.freesewing .fill-contrast {
+ fill: red;
+ }
+
+ /* Text */
+ svg.freesewing text {
+ font-size: 5px;
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+ Arial, sans-serif;
+ fill: #000;
+ text-anchor: start;
+ font-weight: 200;
+ dominant-baseline: ideographic;
+ }
+ svg.freesewing .text-xs {
+ font-size: 3px;
+ }
+ svg.freesewing .text-sm {
+ font-size: 4px;
+ }
+ svg.freesewing .text-lg {
+ font-size: 7px;
+ }
+ svg.freesewing .text-xl {
+ font-size: 9px;
+ }
+ svg.freesewing .text-xxl {
+ font-size: 12px;
+ }
+
+ svg.freesewing .center {
+ text-anchor: middle;
+ }
+ svg.freesewing .right {
+ text-anchor: end;
+ }
+
+ /* Bartack */
+ svg.freesewing path.bartack {
+ stroke-width: 2;
+ stroke: #fd7e14;
+ stroke-linecap: butt;
+ }
+
]]>