diff --git a/fastn-core/tests/02-hello/output/index.html b/fastn-core/tests/02-hello/output/index.html
index bcaeebf4b2..9cd0c98c4c 100644
--- a/fastn-core/tests/02-hello/output/index.html
+++ b/fastn-core/tests/02-hello/output/index.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/03-nested-document/output/index.html b/fastn-core/tests/03-nested-document/output/index.html
index 2174026e55..b4650db6ba 100644
--- a/fastn-core/tests/03-nested-document/output/index.html
+++ b/fastn-core/tests/03-nested-document/output/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/03-nested-document/output/nested/document/index.html b/fastn-core/tests/03-nested-document/output/nested/document/index.html
index f619c9cc04..2970767a43 100644
--- a/fastn-core/tests/03-nested-document/output/nested/document/index.html
+++ b/fastn-core/tests/03-nested-document/output/nested/document/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/03-nested-document/output/nested/index.html b/fastn-core/tests/03-nested-document/output/nested/index.html
index 356cb73d11..c334813562 100644
--- a/fastn-core/tests/03-nested-document/output/nested/index.html
+++ b/fastn-core/tests/03-nested-document/output/nested/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/04-import-code-block/output/index.html b/fastn-core/tests/04-import-code-block/output/index.html
index 2bd5cadce6..0f1c406eac 100644
--- a/fastn-core/tests/04-import-code-block/output/index.html
+++ b/fastn-core/tests/04-import-code-block/output/index.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/04-import-code-block/output/lib/index.html b/fastn-core/tests/04-import-code-block/output/lib/index.html
index 54cc11b02d..38185efcca 100644
--- a/fastn-core/tests/04-import-code-block/output/lib/index.html
+++ b/fastn-core/tests/04-import-code-block/output/lib/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/05-hello-font/output/index.html b/fastn-core/tests/05-hello-font/output/index.html
index 713f52899f..a41ce499c1 100644
--- a/fastn-core/tests/05-hello-font/output/index.html
+++ b/fastn-core/tests/05-hello-font/output/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/08-static-assets/output/index.html b/fastn-core/tests/08-static-assets/output/index.html
index 2174026e55..b4650db6ba 100644
--- a/fastn-core/tests/08-static-assets/output/index.html
+++ b/fastn-core/tests/08-static-assets/output/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/09-markdown-pages/output/index.html b/fastn-core/tests/09-markdown-pages/output/index.html
index 2174026e55..b4650db6ba 100644
--- a/fastn-core/tests/09-markdown-pages/output/index.html
+++ b/fastn-core/tests/09-markdown-pages/output/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/11-readme-with-index/output/index.html b/fastn-core/tests/11-readme-with-index/output/index.html
index 30aa65dc4f..12bd740dec 100644
--- a/fastn-core/tests/11-readme-with-index/output/index.html
+++ b/fastn-core/tests/11-readme-with-index/output/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/15-fpm-dependency-alias/output/index.html b/fastn-core/tests/15-fpm-dependency-alias/output/index.html
index 82db1fc7f3..508b42baf7 100644
--- a/fastn-core/tests/15-fpm-dependency-alias/output/index.html
+++ b/fastn-core/tests/15-fpm-dependency-alias/output/index.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/fastn-core/tests/16-include-processor/output/index.html b/fastn-core/tests/16-include-processor/output/index.html
index e1540936ba..3907fbf693 100644
--- a/fastn-core/tests/16-include-processor/output/index.html
+++ b/fastn-core/tests/16-include-processor/output/index.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/1-component.html b/ftd/t/html/1-component.html
index aa9039f5e0..7cfe6aa66b 100644
--- a/ftd/t/html/1-component.html
+++ b/ftd/t/html/1-component.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/10-conditional-properties.html b/ftd/t/html/10-conditional-properties.html
index db871ddc21..045f04eb73 100644
--- a/ftd/t/html/10-conditional-properties.html
+++ b/ftd/t/html/10-conditional-properties.html
@@ -565,7 +565,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/100-linear-gradient.html b/ftd/t/html/100-linear-gradient.html
index a4e613093d..1449a0ee6d 100644
--- a/ftd/t/html/100-linear-gradient.html
+++ b/ftd/t/html/100-linear-gradient.html
@@ -742,7 +742,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/100-re-export.html b/ftd/t/html/100-re-export.html
index 2ad12cfa4f..f723c35bc9 100644
--- a/ftd/t/html/100-re-export.html
+++ b/ftd/t/html/100-re-export.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/101-re-re-export.html b/ftd/t/html/101-re-re-export.html
index 342b6798f1..6a52adb50e 100644
--- a/ftd/t/html/101-re-re-export.html
+++ b/ftd/t/html/101-re-re-export.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/102-access-modifiers.html b/ftd/t/html/102-access-modifiers.html
index c715153d2b..f403fc21e6 100644
--- a/ftd/t/html/102-access-modifiers.html
+++ b/ftd/t/html/102-access-modifiers.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/103-block-header-record.html b/ftd/t/html/103-block-header-record.html
index 8e981052ca..1a013655f9 100644
--- a/ftd/t/html/103-block-header-record.html
+++ b/ftd/t/html/103-block-header-record.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/104-block-header-record-extended.html b/ftd/t/html/104-block-header-record-extended.html
index af3119f3e6..8b6ea2b578 100644
--- a/ftd/t/html/104-block-header-record-extended.html
+++ b/ftd/t/html/104-block-header-record-extended.html
@@ -603,7 +603,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/105-document-breakpoint.html b/ftd/t/html/105-document-breakpoint.html
index 7b554059b7..e77d000780 100644
--- a/ftd/t/html/105-document-breakpoint.html
+++ b/ftd/t/html/105-document-breakpoint.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/106-comments.html b/ftd/t/html/106-comments.html
index f09884a4bf..b4287ffe4d 100644
--- a/ftd/t/html/106-comments.html
+++ b/ftd/t/html/106-comments.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/107-old-fastn-code-syntax.html b/ftd/t/html/107-old-fastn-code-syntax.html
index cd4011deab..ac88e99c5e 100644
--- a/ftd/t/html/107-old-fastn-code-syntax.html
+++ b/ftd/t/html/107-old-fastn-code-syntax.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/108-linear-gradient-conditional.html b/ftd/t/html/108-linear-gradient-conditional.html
index 641fd60310..d21f2b468c 100644
--- a/ftd/t/html/108-linear-gradient-conditional.html
+++ b/ftd/t/html/108-linear-gradient-conditional.html
@@ -607,7 +607,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/109-image-fit.html b/ftd/t/html/109-image-fit.html
index 53b7e8338e..aa3cf8c4b5 100644
--- a/ftd/t/html/109-image-fit.html
+++ b/ftd/t/html/109-image-fit.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/11-external-children.html b/ftd/t/html/11-external-children.html
index fc5714cc9f..f290e82f17 100644
--- a/ftd/t/html/11-external-children.html
+++ b/ftd/t/html/11-external-children.html
@@ -567,7 +567,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/110-fallback-fonts.html b/ftd/t/html/110-fallback-fonts.html
index d2732f0a36..dcc62167a1 100644
--- a/ftd/t/html/110-fallback-fonts.html
+++ b/ftd/t/html/110-fallback-fonts.html
@@ -591,7 +591,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/12-conditional-component.html b/ftd/t/html/12-conditional-component.html
index b567f52bcd..80ac8a9b3b 100644
--- a/ftd/t/html/12-conditional-component.html
+++ b/ftd/t/html/12-conditional-component.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/13-image.html b/ftd/t/html/13-image.html
index 87ea015e73..6a177d7075 100644
--- a/ftd/t/html/13-image.html
+++ b/ftd/t/html/13-image.html
@@ -572,7 +572,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/14-processor.html b/ftd/t/html/14-processor.html
index 9562db7b75..dca3a47640 100644
--- a/ftd/t/html/14-processor.html
+++ b/ftd/t/html/14-processor.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/15-foreign-variable.html b/ftd/t/html/15-foreign-variable.html
index 1d1a345375..f5c3abca76 100644
--- a/ftd/t/html/15-foreign-variable.html
+++ b/ftd/t/html/15-foreign-variable.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/16-or-type.html b/ftd/t/html/16-or-type.html
index 3183071481..034592a97e 100644
--- a/ftd/t/html/16-or-type.html
+++ b/ftd/t/html/16-or-type.html
@@ -565,7 +565,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/17-record.html b/ftd/t/html/17-record.html
index 2230d5db33..a6d6fe3e58 100644
--- a/ftd/t/html/17-record.html
+++ b/ftd/t/html/17-record.html
@@ -569,7 +569,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/18-styles.html b/ftd/t/html/18-styles.html
index 716a096792..8ec0fd1986 100644
--- a/ftd/t/html/18-styles.html
+++ b/ftd/t/html/18-styles.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/19-complex-styles.html b/ftd/t/html/19-complex-styles.html
index bbbefaebe3..6df4070c88 100644
--- a/ftd/t/html/19-complex-styles.html
+++ b/ftd/t/html/19-complex-styles.html
@@ -566,7 +566,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/2-component.html b/ftd/t/html/2-component.html
index 08447ecf62..7fe2732bab 100644
--- a/ftd/t/html/2-component.html
+++ b/ftd/t/html/2-component.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/20-link.html b/ftd/t/html/20-link.html
index e873dba7d4..f8e3e6d9cd 100644
--- a/ftd/t/html/20-link.html
+++ b/ftd/t/html/20-link.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/21-color.html b/ftd/t/html/21-color.html
index d2fa1e8044..c512d4f05e 100644
--- a/ftd/t/html/21-color.html
+++ b/ftd/t/html/21-color.html
@@ -570,7 +570,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/22-test.html b/ftd/t/html/22-test.html
index ff040f93dc..9718f871d1 100644
--- a/ftd/t/html/22-test.html
+++ b/ftd/t/html/22-test.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/23-alignment.html b/ftd/t/html/23-alignment.html
index 07c3c27b34..7986433836 100644
--- a/ftd/t/html/23-alignment.html
+++ b/ftd/t/html/23-alignment.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/23-doc-site.html b/ftd/t/html/23-doc-site.html
index 0627caeee3..27615a90d3 100644
--- a/ftd/t/html/23-doc-site.html
+++ b/ftd/t/html/23-doc-site.html
@@ -684,7 +684,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/24-margin.html b/ftd/t/html/24-margin.html
index d548f602cf..c6bc998a0c 100644
--- a/ftd/t/html/24-margin.html
+++ b/ftd/t/html/24-margin.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/25-expander.html b/ftd/t/html/25-expander.html
index 285dcf5eb4..c76244abd3 100644
--- a/ftd/t/html/25-expander.html
+++ b/ftd/t/html/25-expander.html
@@ -571,7 +571,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/25-overflow.html b/ftd/t/html/25-overflow.html
index 33a0859b91..5b66c683c6 100644
--- a/ftd/t/html/25-overflow.html
+++ b/ftd/t/html/25-overflow.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/26-border.html b/ftd/t/html/26-border.html
index ce1459e3a2..917650cc7c 100644
--- a/ftd/t/html/26-border.html
+++ b/ftd/t/html/26-border.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/27-optional.html b/ftd/t/html/27-optional.html
index f0478b9a19..03e9995687 100644
--- a/ftd/t/html/27-optional.html
+++ b/ftd/t/html/27-optional.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/28-complex.html b/ftd/t/html/28-complex.html
index a48996cf4b..d1e24a28b1 100644
--- a/ftd/t/html/28-complex.html
+++ b/ftd/t/html/28-complex.html
@@ -602,7 +602,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/29-slides.html b/ftd/t/html/29-slides.html
index 3522721d7d..eabed25275 100644
--- a/ftd/t/html/29-slides.html
+++ b/ftd/t/html/29-slides.html
@@ -571,7 +571,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/3-component.html b/ftd/t/html/3-component.html
index 725cac2777..afb8ea5b8a 100644
--- a/ftd/t/html/3-component.html
+++ b/ftd/t/html/3-component.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/30-slides.html b/ftd/t/html/30-slides.html
index 051743fab2..03c05c37e2 100644
--- a/ftd/t/html/30-slides.html
+++ b/ftd/t/html/30-slides.html
@@ -589,7 +589,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/31-message.html b/ftd/t/html/31-message.html
index 8ad05520c1..a76c000a65 100644
--- a/ftd/t/html/31-message.html
+++ b/ftd/t/html/31-message.html
@@ -592,7 +592,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/32-test.html b/ftd/t/html/32-test.html
index 4086e7d9fa..0feef2cf39 100644
--- a/ftd/t/html/32-test.html
+++ b/ftd/t/html/32-test.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/33-component-using-css.html b/ftd/t/html/33-component-using-css.html
index 3ddc214cd8..4e3e8086b1 100644
--- a/ftd/t/html/33-component-using-css.html
+++ b/ftd/t/html/33-component-using-css.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/33-using-css.html b/ftd/t/html/33-using-css.html
index 83c5424198..1d097613a8 100644
--- a/ftd/t/html/33-using-css.html
+++ b/ftd/t/html/33-using-css.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/34-device.html b/ftd/t/html/34-device.html
index 255dd4bfdf..a261a8c90f 100644
--- a/ftd/t/html/34-device.html
+++ b/ftd/t/html/34-device.html
@@ -570,7 +570,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
@@ -792,7 +792,7 @@
 </head>
 <body style="height: 100%; margin: 0;">
 
-<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="color: rgba(255,192,203,1); padding: 10%" class="ft_common ft_md">Hello World</div></div>
+<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="color: rgba(0,128,0,1); padding: 40px" class="ft_common ft_md">Hello World</div></div>
 
 
 <script>
diff --git a/ftd/t/html/35-condition-on-color.html b/ftd/t/html/35-condition-on-color.html
index 798a631770..aac6d87692 100644
--- a/ftd/t/html/35-condition-on-color.html
+++ b/ftd/t/html/35-condition-on-color.html
@@ -572,7 +572,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/36-test.html b/ftd/t/html/36-test.html
index 92d315c6b0..872980a630 100644
--- a/ftd/t/html/36-test.html
+++ b/ftd/t/html/36-test.html
@@ -617,7 +617,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
@@ -839,7 +839,7 @@
 </head>
 <body style="height: 100%; margin: 0;">
 
-<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="color: rgba(255,0,0,1); padding: 10%" class="ft_common ft_md">Hello World</div><div data-id="1:main" style="" class="ft_common ft_column"><div data-id="1,0:main" style="width: 100%" class="ft_common ft_column"><div data-id="1,0,0:main" style="background-color: rgba(24,24,27,1); padding: 32px; width: 100%" class="ft_common ft_row"><div data-id="1,0,0,0:main" style="width: 26%" class="ft_common ft_row"><img data-id="1,0,0,0,0:main" src="https://www.fifthtry.com/-/fifthtry.com/assets/images/logo-fifthtry-dark.svg" style="" class="ft_common"></img></div><div data-id="1,0,0,1:main" style="align-items: center; justify-content: end; width: 74%" class="ft_common ft_row"><div data-id="1,0,0,1,0:main" style="padding-left: 30px" class="ft_common ft_row"><div data-id="1,0,0,1,0,0:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,0,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-one</a></div><div data-id="1,0,0,1,0,1:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,1,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-two</a></div><div data-id="1,0,0,1,0,2:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,2,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-three</a></div><div data-id="1,0,0,1,0,3:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,3,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-four</a></div></div></div></div><div data-id="1,0,1:main" style="background-color: rgba(20,20,20,1); padding-bottom: 24px; padding-left: 32px; padding-right: 32px; padding-top: 24px; width: 100%" class="ft_common ft_row"><div data-id="1,0,1,0:main" style="gap: 12px; width: 26%" class="ft_common ft_column"><div data-id="1,0,1,0,0:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-one</div><div data-id="1,0,1,0,1:main" style="gap: 8px" class="ft_common ft_row"><div data-id="1,0,1,0,1,0:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-one</div><div data-id="1,0,1,0,1,1:main" style="" class="ft_common ft_row"><div data-id="1,0,1,0,1,1,0:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">-</div><div data-id="1,0,1,0,1,1,1:main" style="color: rgba(255,255,255,1); padding-top: 10.7%" class="ft_common ft_md">&gt;</div></div><div data-id="1,0,1,0,1,2:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Toc Title 1</div></div></div><div data-id="1,0,1,1:main" style="align-items: end; align-self: center; justify-content: center; width: 100%" class="ft_common ft_column"><div data-id="1,0,1,1,0:main" style="align-items: center; justify-content: end; width: 100%" class="ft_common ft_row"><div data-id="1,0,1,1,0,0:main" style="align-items: center; justify-content: center" class="ft_common ft_column"></div><div data-id="1,0,1,1,0,1:main" style="align-items: center; justify-content: center" class="ft_common ft_column"><div data-id="1,0,1,1,0,1,0:main" style="padding-left: 30px" class="ft_common ft_row"><div data-id="1,0,1,1,0,1,0,0:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,0,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-one</a></div><div data-id="1,0,1,1,0,1,0,1:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,1,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-two</a></div><div data-id="1,0,1,1,0,1,0,2:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,2,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-three</a></div><div data-id="1,0,1,1,0,1,0,3:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,3,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">subsection-four</a></div></div></div></div></div></div></div></div></div>
+<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="color: rgba(0,128,0,1); padding: 40px" class="ft_common ft_md">Hello World</div><div data-id="1:main" style="" class="ft_common ft_column"><div data-id="1,0:main" style="display: none; width: 100%" class="ft_common ft_column"><div data-id="1,0,0:main" style="background-color: rgba(24,24,27,1); padding: 32px; width: 100%" class="ft_common ft_row"><div data-id="1,0,0,0:main" style="width: 26%" class="ft_common ft_row"><img data-id="1,0,0,0,0:main" src="https://www.fifthtry.com/-/fifthtry.com/assets/images/logo-fifthtry-dark.svg" style="" class="ft_common"></img></div><div data-id="1,0,0,1:main" style="align-items: center; justify-content: end; width: 74%" class="ft_common ft_row"><div data-id="1,0,0,1,0:main" style="padding-left: 30px" class="ft_common ft_row"><div data-id="1,0,0,1,0,0:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,0,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-one</a></div><div data-id="1,0,0,1,0,1:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,1,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-two</a></div><div data-id="1,0,0,1,0,2:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,2,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-three</a></div><div data-id="1,0,0,1,0,3:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,0,1,0,3,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-four</a></div></div></div></div><div data-id="1,0,1:main" style="background-color: rgba(20,20,20,1); padding-bottom: 24px; padding-left: 32px; padding-right: 32px; padding-top: 24px; width: 100%" class="ft_common ft_row"><div data-id="1,0,1,0:main" style="gap: 12px; width: 26%" class="ft_common ft_column"><div data-id="1,0,1,0,0:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Section-one</div><div data-id="1,0,1,0,1:main" style="gap: 8px" class="ft_common ft_row"><div data-id="1,0,1,0,1,0:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-one</div><div data-id="1,0,1,0,1,1:main" style="" class="ft_common ft_row"><div data-id="1,0,1,0,1,1,0:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">-</div><div data-id="1,0,1,0,1,1,1:main" style="color: rgba(255,255,255,1); padding-top: 10.7%" class="ft_common ft_md">&gt;</div></div><div data-id="1,0,1,0,1,2:main" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Toc Title 1</div></div></div><div data-id="1,0,1,1:main" style="align-items: end; align-self: center; justify-content: center; width: 100%" class="ft_common ft_column"><div data-id="1,0,1,1,0:main" style="align-items: center; justify-content: end; width: 100%" class="ft_common ft_row"><div data-id="1,0,1,1,0,0:main" style="align-items: center; justify-content: center" class="ft_common ft_column"></div><div data-id="1,0,1,1,0,1:main" style="align-items: center; justify-content: center" class="ft_common ft_column"><div data-id="1,0,1,1,0,1,0:main" style="padding-left: 30px" class="ft_common ft_row"><div data-id="1,0,1,1,0,1,0,0:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,0,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-one</a></div><div data-id="1,0,1,1,0,1,0,1:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,1,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-two</a></div><div data-id="1,0,1,1,0,1,0,2:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,2,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">Subsection-three</a></div><div data-id="1,0,1,1,0,1,0,3:main" style="align-items: center; justify-content: center; padding-left: 30px" class="ft_common ft_row"><a data-id="1,0,1,1,0,1,0,3,0:main" href="/" style="color: rgba(255,255,255,1)" class="ft_common ft_md">subsection-four</a></div></div></div></div></div></div></div></div></div>
 
 
 <script>
diff --git a/ftd/t/html/37-cursor.html b/ftd/t/html/37-cursor.html
index 72c4d4e986..807131d5d7 100644
--- a/ftd/t/html/37-cursor.html
+++ b/ftd/t/html/37-cursor.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/38-role.html b/ftd/t/html/38-role.html
index 9464b354de..5f6dc890f1 100644
--- a/ftd/t/html/38-role.html
+++ b/ftd/t/html/38-role.html
@@ -621,7 +621,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/39-events.html b/ftd/t/html/39-events.html
index 96ec929dfe..3353d9f494 100644
--- a/ftd/t/html/39-events.html
+++ b/ftd/t/html/39-events.html
@@ -566,7 +566,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/4-component.html b/ftd/t/html/4-component.html
index 9673604683..8f9e587142 100644
--- a/ftd/t/html/4-component.html
+++ b/ftd/t/html/4-component.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/40-anchor.html b/ftd/t/html/40-anchor.html
index d15c577ce2..4fb52173b8 100644
--- a/ftd/t/html/40-anchor.html
+++ b/ftd/t/html/40-anchor.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/41-responsive-type.html b/ftd/t/html/41-responsive-type.html
index 30bdd35f1c..44d58addca 100644
--- a/ftd/t/html/41-responsive-type.html
+++ b/ftd/t/html/41-responsive-type.html
@@ -571,7 +571,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/42-default-function.html b/ftd/t/html/42-default-function.html
index f4d0642abc..0ac6504c02 100644
--- a/ftd/t/html/42-default-function.html
+++ b/ftd/t/html/42-default-function.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/43-default-colors-types.html b/ftd/t/html/43-default-colors-types.html
index 4ac760c8eb..019521f997 100644
--- a/ftd/t/html/43-default-colors-types.html
+++ b/ftd/t/html/43-default-colors-types.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/44-region.html b/ftd/t/html/44-region.html
index 8b6acfe3e0..ae8561a549 100644
--- a/ftd/t/html/44-region.html
+++ b/ftd/t/html/44-region.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/45-using-hyphen.html b/ftd/t/html/45-using-hyphen.html
index 077211d18f..13a7e4ca1c 100644
--- a/ftd/t/html/45-using-hyphen.html
+++ b/ftd/t/html/45-using-hyphen.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/46-record-in-pscript.html b/ftd/t/html/46-record-in-pscript.html
index 21e3cb3c4b..164f519d8d 100644
--- a/ftd/t/html/46-record-in-pscript.html
+++ b/ftd/t/html/46-record-in-pscript.html
@@ -566,7 +566,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/47-white-space.html b/ftd/t/html/47-white-space.html
index 50dc9dc467..36f070551f 100644
--- a/ftd/t/html/47-white-space.html
+++ b/ftd/t/html/47-white-space.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/48-basic-functions.html b/ftd/t/html/48-basic-functions.html
index f93bc77e73..41f22bed1a 100644
--- a/ftd/t/html/48-basic-functions.html
+++ b/ftd/t/html/48-basic-functions.html
@@ -565,7 +565,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/49-import.html b/ftd/t/html/49-import.html
index 26e9d903b4..7587e865c0 100644
--- a/ftd/t/html/49-import.html
+++ b/ftd/t/html/49-import.html
@@ -592,7 +592,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/5-component-recursion.html b/ftd/t/html/5-component-recursion.html
index 29b56c6b5a..5825329cd4 100644
--- a/ftd/t/html/5-component-recursion.html
+++ b/ftd/t/html/5-component-recursion.html
@@ -584,7 +584,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/50-using-import.html b/ftd/t/html/50-using-import.html
index 354c431a6a..ff9ebc5252 100644
--- a/ftd/t/html/50-using-import.html
+++ b/ftd/t/html/50-using-import.html
@@ -592,7 +592,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/51-text-transform.html b/ftd/t/html/51-text-transform.html
index 4b9e7ca5b2..815386a5ab 100644
--- a/ftd/t/html/51-text-transform.html
+++ b/ftd/t/html/51-text-transform.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/52-code-and-iframe.html b/ftd/t/html/52-code-and-iframe.html
index 6616191d8e..0a6c5f8895 100644
--- a/ftd/t/html/52-code-and-iframe.html
+++ b/ftd/t/html/52-code-and-iframe.html
@@ -566,7 +566,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/53-decimal.html b/ftd/t/html/53-decimal.html
index 447a9ae90e..b6aecec735 100644
--- a/ftd/t/html/53-decimal.html
+++ b/ftd/t/html/53-decimal.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/53-font-family.html b/ftd/t/html/53-font-family.html
index 55fd718507..022d3469b8 100644
--- a/ftd/t/html/53-font-family.html
+++ b/ftd/t/html/53-font-family.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/54-input.html b/ftd/t/html/54-input.html
index cd01b38ccc..7213094c81 100644
--- a/ftd/t/html/54-input.html
+++ b/ftd/t/html/54-input.html
@@ -574,7 +574,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/55-inherited.html b/ftd/t/html/55-inherited.html
index f4c9f92be3..86e67d2beb 100644
--- a/ftd/t/html/55-inherited.html
+++ b/ftd/t/html/55-inherited.html
@@ -1467,7 +1467,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/55-line-clamp.html b/ftd/t/html/55-line-clamp.html
index 00ba065fa6..53b19da6e8 100644
--- a/ftd/t/html/55-line-clamp.html
+++ b/ftd/t/html/55-line-clamp.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/56-passing-events.html b/ftd/t/html/56-passing-events.html
index e72da9534a..43698fca6b 100644
--- a/ftd/t/html/56-passing-events.html
+++ b/ftd/t/html/56-passing-events.html
@@ -589,7 +589,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/57-border-style.html b/ftd/t/html/57-border-style.html
index 372ca12402..79e588a714 100644
--- a/ftd/t/html/57-border-style.html
+++ b/ftd/t/html/57-border-style.html
@@ -583,7 +583,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/58-id.html b/ftd/t/html/58-id.html
index 7966f8270b..c435603a59 100644
--- a/ftd/t/html/58-id.html
+++ b/ftd/t/html/58-id.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/59-sticky.html b/ftd/t/html/59-sticky.html
index de6758f897..ee66ffb408 100644
--- a/ftd/t/html/59-sticky.html
+++ b/ftd/t/html/59-sticky.html
@@ -567,7 +567,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/6-function.html b/ftd/t/html/6-function.html
index 7f3296eefc..6269819bd4 100644
--- a/ftd/t/html/6-function.html
+++ b/ftd/t/html/6-function.html
@@ -565,7 +565,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/60-region-id-slug.html b/ftd/t/html/60-region-id-slug.html
index b7b43bae14..69683d71d4 100644
--- a/ftd/t/html/60-region-id-slug.html
+++ b/ftd/t/html/60-region-id-slug.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/61-loop-variable.html b/ftd/t/html/61-loop-variable.html
index 02bf8cd4dd..ac9ae30ba4 100644
--- a/ftd/t/html/61-loop-variable.html
+++ b/ftd/t/html/61-loop-variable.html
@@ -577,7 +577,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/62-spacing.html b/ftd/t/html/62-spacing.html
index 135a7d65b8..557a138999 100644
--- a/ftd/t/html/62-spacing.html
+++ b/ftd/t/html/62-spacing.html
@@ -567,7 +567,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/63-checkbox.html b/ftd/t/html/63-checkbox.html
index 0c75d5aedb..07186f92a0 100644
--- a/ftd/t/html/63-checkbox.html
+++ b/ftd/t/html/63-checkbox.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/64-muliple-node-dep.html b/ftd/t/html/64-muliple-node-dep.html
index 03826380f0..bdd636fb84 100644
--- a/ftd/t/html/64-muliple-node-dep.html
+++ b/ftd/t/html/64-muliple-node-dep.html
@@ -566,7 +566,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/64-multiple-node-dep-1.html b/ftd/t/html/64-multiple-node-dep-1.html
index cabd4ef576..90125714e1 100644
--- a/ftd/t/html/64-multiple-node-dep-1.html
+++ b/ftd/t/html/64-multiple-node-dep-1.html
@@ -572,7 +572,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/65-mut-loop.html b/ftd/t/html/65-mut-loop.html
index 0c5fce5b7f..27d592684a 100644
--- a/ftd/t/html/65-mut-loop.html
+++ b/ftd/t/html/65-mut-loop.html
@@ -568,7 +568,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/66-inheritance.html b/ftd/t/html/66-inheritance.html
index ce2c254866..00c1fd290b 100644
--- a/ftd/t/html/66-inheritance.html
+++ b/ftd/t/html/66-inheritance.html
@@ -2156,7 +2156,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/67-enabled.html b/ftd/t/html/67-enabled.html
index b1e9e3a424..93dc71ec4d 100644
--- a/ftd/t/html/67-enabled.html
+++ b/ftd/t/html/67-enabled.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/68-anchor-id.html b/ftd/t/html/68-anchor-id.html
index 341591f95b..378df1a64a 100644
--- a/ftd/t/html/68-anchor-id.html
+++ b/ftd/t/html/68-anchor-id.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/69-inside-loop.html b/ftd/t/html/69-inside-loop.html
index 99ee0761a7..5f9bb71e1d 100644
--- a/ftd/t/html/69-inside-loop.html
+++ b/ftd/t/html/69-inside-loop.html
@@ -582,7 +582,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/7-events.html b/ftd/t/html/7-events.html
index ffd4d6e967..8d17a7e796 100644
--- a/ftd/t/html/7-events.html
+++ b/ftd/t/html/7-events.html
@@ -565,7 +565,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/70-figma-json-to-ftd.html b/ftd/t/html/70-figma-json-to-ftd.html
index 2d3b94f79c..97fe35eb2b 100644
--- a/ftd/t/html/70-figma-json-to-ftd.html
+++ b/ftd/t/html/70-figma-json-to-ftd.html
@@ -573,7 +573,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/70-length-check.html b/ftd/t/html/70-length-check.html
index bb4976d7e6..b9ee1f816a 100644
--- a/ftd/t/html/70-length-check.html
+++ b/ftd/t/html/70-length-check.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/71-web-component.html b/ftd/t/html/71-web-component.html
index 7a035cadb2..99058f92a3 100644
--- a/ftd/t/html/71-web-component.html
+++ b/ftd/t/html/71-web-component.html
@@ -565,7 +565,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/72-external-js.html b/ftd/t/html/72-external-js.html
index 3a21b5a7c2..2ff49d250a 100644
--- a/ftd/t/html/72-external-js.html
+++ b/ftd/t/html/72-external-js.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/73-complex-ftd-ui.html b/ftd/t/html/73-complex-ftd-ui.html
index a8d9b5f9b8..5aaace51a5 100644
--- a/ftd/t/html/73-complex-ftd-ui.html
+++ b/ftd/t/html/73-complex-ftd-ui.html
@@ -573,7 +573,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/74-import-complex-ftd-ui.html b/ftd/t/html/74-import-complex-ftd-ui.html
index ad3e6fb355..d8255182d1 100644
--- a/ftd/t/html/74-import-complex-ftd-ui.html
+++ b/ftd/t/html/74-import-complex-ftd-ui.html
@@ -573,7 +573,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/75-ui-list-display.html b/ftd/t/html/75-ui-list-display.html
index 8911715d77..e439e8fbaf 100644
--- a/ftd/t/html/75-ui-list-display.html
+++ b/ftd/t/html/75-ui-list-display.html
@@ -565,7 +565,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/76-inter-argument.html b/ftd/t/html/76-inter-argument.html
index 350d1bd13a..4f27de1256 100644
--- a/ftd/t/html/76-inter-argument.html
+++ b/ftd/t/html/76-inter-argument.html
@@ -568,7 +568,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/77-property-source-fix.html b/ftd/t/html/77-property-source-fix.html
index b48f1e00b9..73cac6c806 100644
--- a/ftd/t/html/77-property-source-fix.html
+++ b/ftd/t/html/77-property-source-fix.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/79-shorthand-lists.html b/ftd/t/html/79-shorthand-lists.html
index 21efe6d6d7..d068de9fb3 100644
--- a/ftd/t/html/79-shorthand-lists.html
+++ b/ftd/t/html/79-shorthand-lists.html
@@ -574,7 +574,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/8-counter.html b/ftd/t/html/8-counter.html
index 14178a7d8b..09c8a33f26 100644
--- a/ftd/t/html/8-counter.html
+++ b/ftd/t/html/8-counter.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/80-module.html b/ftd/t/html/80-module.html
index 8c758514f8..a45c393c51 100644
--- a/ftd/t/html/80-module.html
+++ b/ftd/t/html/80-module.html
@@ -567,7 +567,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/81-markdown.html b/ftd/t/html/81-markdown.html
index 42bc989906..201ed54a1e 100644
--- a/ftd/t/html/81-markdown.html
+++ b/ftd/t/html/81-markdown.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/82-text-style.html b/ftd/t/html/82-text-style.html
index 6198d49721..fb923a3ee3 100644
--- a/ftd/t/html/82-text-style.html
+++ b/ftd/t/html/82-text-style.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/83-text-indent.html b/ftd/t/html/83-text-indent.html
index 162b9322f6..d048f68c86 100644
--- a/ftd/t/html/83-text-indent.html
+++ b/ftd/t/html/83-text-indent.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/84-ftd-ui-list-issue.html b/ftd/t/html/84-ftd-ui-list-issue.html
index 021522a8f2..b5bb8c3c22 100644
--- a/ftd/t/html/84-ftd-ui-list-issue.html
+++ b/ftd/t/html/84-ftd-ui-list-issue.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/85-bg-image.html b/ftd/t/html/85-bg-image.html
index fbea86a567..8d2a0b14c5 100644
--- a/ftd/t/html/85-bg-image.html
+++ b/ftd/t/html/85-bg-image.html
@@ -627,7 +627,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/86-ftd-document.html b/ftd/t/html/86-ftd-document.html
index f2ccd477b9..06dda1548a 100644
--- a/ftd/t/html/86-ftd-document.html
+++ b/ftd/t/html/86-ftd-document.html
@@ -571,7 +571,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/86-shadow.html b/ftd/t/html/86-shadow.html
index 11bd8d157b..a10a040e69 100644
--- a/ftd/t/html/86-shadow.html
+++ b/ftd/t/html/86-shadow.html
@@ -608,7 +608,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/87-bg-repeat.html b/ftd/t/html/87-bg-repeat.html
index 251cb816d7..ff0d14787c 100644
--- a/ftd/t/html/87-bg-repeat.html
+++ b/ftd/t/html/87-bg-repeat.html
@@ -591,7 +591,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/87-mutability.html b/ftd/t/html/87-mutability.html
index 73c2ac2a87..9c5adaac40 100644
--- a/ftd/t/html/87-mutability.html
+++ b/ftd/t/html/87-mutability.html
@@ -567,7 +567,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/88-ftd-length.html b/ftd/t/html/88-ftd-length.html
index ef5c2ee1fc..7308c2f153 100644
--- a/ftd/t/html/88-ftd-length.html
+++ b/ftd/t/html/88-ftd-length.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
@@ -784,7 +784,7 @@
 </head>
 <body style="height: 100%; margin: 0;">
 
-<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><h1 data-id="0:main" id="title" style="align-self: center; background-color: rgba(255,255,0,1); color: rgba(237,117,58,1); font-family: sans-serif; font-size: 80px; font-weight: 400; line-height: 104px; max-width: 10px; text-align: center" class="ft_common ft_md">Title</h1></div>
+<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><h1 data-id="0:main" id="title" style="align-self: center; background-color: rgba(255,255,0,1); color: rgba(237,117,58,1); font-family: sans-serif; font-size: 80px; font-weight: 400; line-height: 104px; max-width: 5px; text-align: center" class="ft_common ft_md">Title</h1></div>
 
 
 <script>
diff --git a/ftd/t/html/89-display.html b/ftd/t/html/89-display.html
index 8c88d27de4..f3b8c58998 100644
--- a/ftd/t/html/89-display.html
+++ b/ftd/t/html/89-display.html
@@ -566,7 +566,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/9-conditional-properties.html b/ftd/t/html/9-conditional-properties.html
index 5e70631ff7..90d4bc9c86 100644
--- a/ftd/t/html/9-conditional-properties.html
+++ b/ftd/t/html/9-conditional-properties.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/90-img-alt.html b/ftd/t/html/90-img-alt.html
index b31a135ffa..a21dd2dd8f 100644
--- a/ftd/t/html/90-img-alt.html
+++ b/ftd/t/html/90-img-alt.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/91-opacity.html b/ftd/t/html/91-opacity.html
index 5d0d0f438c..d91489f526 100644
--- a/ftd/t/html/91-opacity.html
+++ b/ftd/t/html/91-opacity.html
@@ -564,7 +564,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/92-rive.html b/ftd/t/html/92-rive.html
index 6106062e74..3e15751b37 100644
--- a/ftd/t/html/92-rive.html
+++ b/ftd/t/html/92-rive.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/93-rive-bell.html b/ftd/t/html/93-rive-bell.html
index 04b3de2f41..a29ba0759f 100644
--- a/ftd/t/html/93-rive-bell.html
+++ b/ftd/t/html/93-rive-bell.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/94-rive-toggle.html b/ftd/t/html/94-rive-toggle.html
index 7f5a883909..2a1dcb3827 100644
--- a/ftd/t/html/94-rive-toggle.html
+++ b/ftd/t/html/94-rive-toggle.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/95-rive-bell-animation.html b/ftd/t/html/95-rive-bell-animation.html
index 1a2fabc327..cde32298de 100644
--- a/ftd/t/html/95-rive-bell-animation.html
+++ b/ftd/t/html/95-rive-bell-animation.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/96-rive-truck-animation.html b/ftd/t/html/96-rive-truck-animation.html
index 3452488582..1e80c4e103 100644
--- a/ftd/t/html/96-rive-truck-animation.html
+++ b/ftd/t/html/96-rive-truck-animation.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/97-rive-fastn.html b/ftd/t/html/97-rive-fastn.html
index 9ba5898727..e53a9d6df2 100644
--- a/ftd/t/html/97-rive-fastn.html
+++ b/ftd/t/html/97-rive-fastn.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
@@ -784,7 +784,7 @@
 </head>
 <body style="height: 100%; margin: 0;">
 
-<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><canvas data-id="0:main" height="500" id="fastn" width="500" onmouseenter="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__set_rive_boolean___main&quot;,&quot;values&quot;:[[&quot;rive&quot;,&quot;fastn&quot;],[&quot;input&quot;,&quot;play&quot;],[&quot;value&quot;,true]]}]', this)" onmouseleave="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__set_rive_boolean___main&quot;,&quot;values&quot;:[[&quot;rive&quot;,&quot;fastn&quot;],[&quot;input&quot;,&quot;play&quot;],[&quot;value&quot;,false]]}]', this)" style="width: 440px" class="ft_common"></canvas><canvas data-id="1:main" height="500" id="fastn-anime" width="500" onmouseenter="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__play_rive___main&quot;,&quot;values&quot;:[[&quot;rive&quot;,&quot;fastn-anime&quot;],[&quot;input&quot;,&quot;play&quot;]]}]', this)" style="width: 800px" class="ft_common"></canvas></div>
+<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><canvas data-id="0:main" height="500" id="fastn" width="500" onmouseenter="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__set_rive_boolean___main&quot;,&quot;values&quot;:[[&quot;rive&quot;,&quot;fastn&quot;],[&quot;input&quot;,&quot;play&quot;],[&quot;value&quot;,true]]}]', this)" onmouseleave="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__set_rive_boolean___main&quot;,&quot;values&quot;:[[&quot;rive&quot;,&quot;fastn&quot;],[&quot;input&quot;,&quot;play&quot;],[&quot;value&quot;,false]]}]', this)" style="width: 440px" class="ft_common"></canvas><canvas data-id="1:main" height="500" id="fastn-anime" width="500" onmouseenter="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__play_rive___main&quot;,&quot;values&quot;:[[&quot;rive&quot;,&quot;fastn-anime&quot;],[&quot;input&quot;,&quot;play&quot;]]}]', this)" style="width: 380px" class="ft_common"></canvas></div>
 
 
 <script>
diff --git a/ftd/t/html/98-device.html b/ftd/t/html/98-device.html
index a287e8dcc4..79dda8c6c4 100644
--- a/ftd/t/html/98-device.html
+++ b/ftd/t/html/98-device.html
@@ -621,7 +621,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
@@ -843,7 +843,7 @@
 </head>
 <body style="height: 100%; margin: 0;">
 
-<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="" class="ft_common ft_column"><div data-id="0,0:main" style="" class="ft_common ft_column"><div data-id="0,0,0:main" style="" class="ft_common ft_md">From desktop</div><div data-id="0,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-title</div><div data-id="0,0,1,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,0:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,0,0:main" onclick="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__toggle___main&quot;,&quot;values&quot;:[[&quot;a&quot;,{&quot;mutable&quot;:true,&quot;reference&quot;:&quot;foo#flag&quot;}]]}]', this)" style="cursor: pointer; font-family: fantasy; font-size: 20px; font-weight: 100; letter-spacing: 3px; line-height: 35px" class="ft_common ft_md">Desktop print-subtitle</div></div></div></div></div></div><div data-id="0,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,0:main" style="" class="ft_common ft_md">From mobile</div><div data-id="0,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-title</div><div data-id="0,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,1,0:main" style="font-family: cursive; font-size: 20px; font-weight: 100; letter-spacing: 3px; line-height: 35px" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div></div></div></div></div>
+<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="" class="ft_common ft_column"><div data-id="0,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,0:main" style="" class="ft_common ft_md">From desktop</div><div data-id="0,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-title</div><div data-id="0,0,1,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,0:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,0,0:main" onclick="window.ftd.handle_event(event, 'main', '[{&quot;name&quot;:&quot;ftd__toggle___main&quot;,&quot;values&quot;:[[&quot;a&quot;,{&quot;mutable&quot;:true,&quot;reference&quot;:&quot;foo#flag&quot;}]]}]', this)" style="cursor: pointer; font-family: fantasy; font-size: 20px; font-weight: 100; letter-spacing: 3px; line-height: 35px" class="ft_common ft_md">Desktop print-subtitle</div></div></div></div></div></div><div data-id="0,1:main" style="" class="ft_common ft_column"><div data-id="0,1,0:main" style="" class="ft_common ft_md">From mobile</div><div data-id="0,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-title</div><div data-id="0,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,1,0:main" style="font-family: cursive; font-size: 20px; font-weight: 100; letter-spacing: 3px; line-height: 35px" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div></div></div></div></div>
 
 
 <script>
diff --git a/ftd/t/html/99-unoptimized-device.html b/ftd/t/html/99-unoptimized-device.html
index cb4108a187..e4af852846 100644
--- a/ftd/t/html/99-unoptimized-device.html
+++ b/ftd/t/html/99-unoptimized-device.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
@@ -784,7 +784,7 @@
 </head>
 <body style="height: 100%; margin: 0;">
 
-<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="" class="ft_common ft_column"><div data-id="0,0:main" style="" class="ft_common ft_column"><div data-id="0,0,0:main" style="" class="ft_common ft_md">From desktop</div><div data-id="0,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-title</div><div data-id="0,0,1,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,0:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,0,1,0,1,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,1,0,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div><div data-id="0,0,1,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,1,1,0:main" style="" class="ft_common ft_md">Mobile print-title</div><div data-id="0,0,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,1,1,0:main" style="" class="ft_common ft_column"><div data-id="0,0,1,1,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,0,1,1,1,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,1,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div></div></div><div data-id="0,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,0:main" style="" class="ft_common ft_md">From mobile</div><div data-id="0,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,0:main" style="" class="ft_common ft_column"><div data-id="0,1,1,0,0:main" style="" class="ft_common ft_md">Desktop print-title</div><div data-id="0,1,1,0,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,0,1,0:main" style="" class="ft_common ft_column"><div data-id="0,1,1,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,1,1,0,1,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,1,0,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div><div data-id="0,1,1,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-title</div><div data-id="0,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,0:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,1,1,1,1,1:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,1,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div></div></div></div></div>
+<div data-id="main" style="height: 100%; width: 100%" class="ft_common ft_column"><div data-id="0:main" style="" class="ft_common ft_column"><div data-id="0,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,0:main" style="" class="ft_common ft_md">From desktop</div><div data-id="0,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-title</div><div data-id="0,0,1,0,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,1,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,0,1,0,1,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,0,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div><div data-id="0,0,1,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,1,0:main" style="" class="ft_common ft_md">Mobile print-title</div><div data-id="0,0,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,1,1,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,0,1,1,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,0,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,0,1,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div></div></div><div data-id="0,1:main" style="" class="ft_common ft_column"><div data-id="0,1,0:main" style="" class="ft_common ft_md">From mobile</div><div data-id="0,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,1,0,0:main" style="" class="ft_common ft_md">Desktop print-title</div><div data-id="0,1,1,0,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,0,1,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,1,0,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,1,1,0,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,0,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div><div data-id="0,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-title</div><div data-id="0,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,0:main" style="display: none" class="ft_common ft_column"><div data-id="0,1,1,1,1,0,0:main" style="" class="ft_common ft_md">Desktop print-subtitle</div></div><div data-id="0,1,1,1,1,1:main" style="" class="ft_common ft_column"><div data-id="0,1,1,1,1,1,0:main" style="" class="ft_common ft_md">Mobile print-subtitle</div></div></div></div></div></div></div></div>
 
 
 <script>
diff --git a/ftd/t/html/check.html b/ftd/t/html/check.html
index 045d222a69..620ee52496 100644
--- a/ftd/t/html/check.html
+++ b/ftd/t/html/check.html
@@ -563,7 +563,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/function.html b/ftd/t/html/function.html
index af5865813c..9800f62b4b 100644
--- a/ftd/t/html/function.html
+++ b/ftd/t/html/function.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/get.html b/ftd/t/html/get.html
index 7f5eee9edb..adf07bac47 100644
--- a/ftd/t/html/get.html
+++ b/ftd/t/html/get.html
@@ -567,7 +567,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/h-100.html b/ftd/t/html/h-100.html
index 4eb6db086b..54e162e8aa 100644
--- a/ftd/t/html/h-100.html
+++ b/ftd/t/html/h-100.html
@@ -562,7 +562,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/resume.html b/ftd/t/html/resume.html
index 921485f12b..0e9746cca2 100644
--- a/ftd/t/html/resume.html
+++ b/ftd/t/html/resume.html
@@ -581,7 +581,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/html/sd.html b/ftd/t/html/sd.html
index 959943e707..fa74079783 100644
--- a/ftd/t/html/sd.html
+++ b/ftd/t/html/sd.html
@@ -580,7 +580,7 @@
 }
 }
 },
-"ftd#device": "desktop",
+"ftd#device": "mobile",
 "ftd#empty": "",
 "ftd#follow-system-dark-mode": true,
 "ftd#font-code": "sans-serif",
diff --git a/ftd/t/js/11-device.html b/ftd/t/js/11-device.html
index 4e292e167b..7e71ef5b61 100644
--- a/ftd/t/js/11-device.html
+++ b/ftd/t/js/11-device.html
@@ -16,10 +16,9 @@
     </style>
 </head>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
-<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3">====Start====</div><comment data-id="4"></comment><comment data-id="6"></comment><div data-id="7" class="ft_column __cur-3"><div data-id="8">Hello from desktop</div><div data-id="9">Hello again from desktop</div></div><div data-id="10">====Middle====</div><comment data-id="11"></comment><div data-id="12">====End====</div></div></body><style id="styles">
+<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3">====Start====</div><comment data-id="4"></comment><div data-id="5">====Middle====</div><comment data-id="6"></comment><div data-id="8">Hello from mobile</div><div data-id="9">Hello again from mobile</div><div data-id="10">====End====</div></div></body><style id="styles">
     .__w-1 { width: 100%; }
 	.__h-2 { height: 100%; }
-	.__cur-3 { cursor: pointer; }
     </style>
 <script>
     (function() {
diff --git a/ftd/t/js/24-device.html b/ftd/t/js/24-device.html
index dd94884ce3..665af4f5d7 100644
--- a/ftd/t/js/24-device.html
+++ b/ftd/t/js/24-device.html
@@ -16,7 +16,7 @@
     </style>
 </head>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
-<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="ft_column __w-3"><comment data-id="4"></comment><div data-id="6">Ritesh</div></div></div></body><style id="styles">
+<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="ft_column __w-3"><comment data-id="4"></comment></div></div></body><style id="styles">
     .__w-1 { width: 100%; }
 	.__h-2 { height: 100%; }
 	.__w-3 { width: 100%; }
diff --git a/ftd/t/js/30-web-component.html b/ftd/t/js/30-web-component.html
index 59fa7be2dd..e24d1c958f 100644
--- a/ftd/t/js/30-web-component.html
+++ b/ftd/t/js/30-web-component.html
@@ -16,11 +16,11 @@
     </style>
 </head>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
-<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="ft_column __w-3 __p-4 __g-5"><div data-id="4" class="ft_column __w-6 __p-7 __bgc-8 __jc-9 __ali-10"><div data-id="5" class="__rl-11 __ta-12">Web Component Demo</div><div data-id="6" class="ft_row __mt-13 __mb-14 __jc-16 __ali-17 __g-18"><div data-id="7" class="__rl-19">Task:</div><input data-id="8" placeholder="Your task here..." type="url" class="__w-20 __h-21 __p-22 __bw-23 __rl-24"></input><div data-id="9" class="__cur-25 __pl-26 __pr-27 __pt-28 __pb-29 __br-30 __bgc-31">Create</div></div><comment data-id="10"></comment><div data-id="11" class="ft_row __as-32 __rl-33 __jc-34 __ali-35 __g-36"><div data-id="12">Checkout out our</div><a data-id="13" href="https://fastn.io/blog/web-components/">blog post to learn more</a></div></div><div data-id="14" class="ft_row __w-37 __g-39"><div data-id="15" class="ft_column __w-40"><todo-list-display data-id="16" args="0"></todo-list-display></div><div data-id="17" class="ft_column __w-41 __p-42 __pb-43 __bgc-44 __g-45"><div data-id="18" class="__rl-46">FTD World</div><div data-id="19" class="ft_column __w-47 __p-48 __bgc-49 __mnh-50 __g-51"><comment data-id="20"></comment></div></div></div></div></div></body><style id="styles">
+<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="ft_column __w-3 __p-4 __g-5"><div data-id="4" class="ft_column __w-6 __p-7 __bgc-8 __jc-9 __ali-10"><div data-id="5" class="__rl-11 __ta-12">Web Component Demo</div><div data-id="6" class="ft_row __mt-13 __mb-14 __fw-15 __jc-16 __ali-17 __g-18"><div data-id="7" class="__rl-19">Task:</div><input data-id="8" placeholder="Your task here..." type="url" class="__w-20 __h-21 __p-22 __bw-23 __rl-24"></input><div data-id="9" class="__cur-25 __pl-26 __pr-27 __pt-28 __pb-29 __br-30 __bgc-31">Create</div></div><comment data-id="10"></comment><div data-id="11" class="ft_row __as-32 __rl-33 __jc-34 __ali-35 __g-36"><div data-id="12">Checkout out our</div><a data-id="13" href="https://fastn.io/blog/web-components/">blog post to learn more</a></div></div><div data-id="14" class="ft_row __w-37 __fw-38 __g-39"><div data-id="15" class="ft_column __w-40"><todo-list-display data-id="16" args="0"></todo-list-display></div><div data-id="17" class="ft_column __w-41 __p-42 __pb-43 __bgc-44 __g-45"><div data-id="18" class="__rl-46">FTD World</div><div data-id="19" class="ft_column __w-47 __p-48 __bgc-49 __mnh-50 __g-51"><comment data-id="20"></comment></div></div></div></div></div></body><style id="styles">
     .__w-1 { width: 100%; }
 	.__h-2 { height: 100%; }
 	.__w-3 { width: 100%; }
-	.__p-4 { padding: 40px; }
+	.__p-4 { padding: 20px; }
 	.__g-5 { gap: 40px; }
 	.__w-6 { width: 100%; }
 	.__p-7 { padding: 20px; }
@@ -32,6 +32,7 @@
 	.__ta-12 { text-align: center; }
 	.__mt-13 { margin-top: 40px; }
 	.__mb-14 { margin-bottom: 40px; }
+	.__fw-15 { flex-wrap: wrap; }
 	.__jc-16 { justify-content: center; }
 	.__ali-17 { align-items: center; }
 	.__g-18 { gap: 10px; }
@@ -57,15 +58,16 @@
 	.__ali-35 { align-items: center; }
 	.__g-36 { gap: 5px; }
 	.__w-37 { width: 100%; }
+	.__fw-38 { flex-wrap: wrap; }
 	.__g-39 { gap: 40px; }
-	.__w-40 { width: 50%; }
-	.__w-41 { width: 50%; }
+	.__w-40 { width: 100%; }
+	.__w-41 { width: 100%; }
 	.__p-42 { padding: 20px; }
 	.__pb-43 { padding-bottom: 20px; }
 	.__bgc-44 { background-color: #dae6f0; }
 	.__g-45 { gap: 10px; }
-	.__rl-46 {  font-family: sans-serif; font-size: 38px; font-weight: 400; line-height: 57px; }
-	body.mobile .__rl-46 {  font-family: sans-serif; font-size: 26px; font-weight: 400; line-height: 40px; }
+	.__rl-46 {  font-family: sans-serif; font-size: 24px; font-weight: 400; line-height: 31px; }
+	body.mobile .__rl-46 {  font-family: sans-serif; font-size: 22px; font-weight: 400; line-height: 29px; }
 	.__w-47 { width: 100%; }
 	.__p-48 { padding: 20px; }
 	.__bgc-49 { background-color: white; }
diff --git a/ftd/t/js/31-advance-list.html b/ftd/t/js/31-advance-list.html
index e91319e711..4d499d4c43 100644
--- a/ftd/t/js/31-advance-list.html
+++ b/ftd/t/js/31-advance-list.html
@@ -19,7 +19,7 @@
 <body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><div data-id="3" class="ft_row"><div data-id="4">fastn</div><div data-id="5">&amp;nbsp;</div><div data-id="6">language</div></div><div data-id="7" class="ft_column __w-3 __p-4 __mb-5 __br-6 __bgc-7 __rl-8 __g-9"><div data-id="8" class="ft_column __w-10"><div data-id="9">Enter name:</div><input data-id="10" placeholder="Enter your name here..." class="__w-11 __rl-12"></input></div><div data-id="11" class="ft_column __w-13"><div data-id="12">Enter score:</div><input data-id="13" placeholder="Enter your score here..." value="0" class="__w-14 __rl-15"></input></div><comment data-id="14"></comment></div><comment data-id="15"></comment><div data-id="16" class="ft_row __w-16 __p-17 __mb-18 __bgc-19 __jc-20"><div data-id="17" class="ft_row __g-21"><div data-id="18" class="__cur-22">1</div><div data-id="19">Arpita</div></div><div data-id="20">100</div></div><div data-id="21" class="ft_row __w-23 __p-24 __mb-25 __bgc-26 __jc-27"><div data-id="22" class="ft_row __g-28"><div data-id="23" class="__cur-29">2</div><div data-id="24">Arpita</div></div><div data-id="25">90</div></div><div data-id="26" class="ft_row __g-30"><div data-id="27">Total items are:</div><div data-id="28">2</div></div></div></body><style id="styles">
     .__w-1 { width: 100%; }
 	.__h-2 { height: 100%; }
-	.__w-3 { width: 500px; }
+	.__w-3 { width: 40%; }
 	.__p-4 { padding: 40px; }
 	.__mb-5 { margin-bottom: 40px; }
 	.__br-6 { border-radius: 5px; }
@@ -35,14 +35,14 @@
 	.__w-14 { width: 100%; }
 	.__rl-15 {  font-family: sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; }
 	body.mobile .__rl-15 {  font-family: sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; }
-	.__w-16 { width: 500px; }
+	.__w-16 { width: 40%; }
 	.__p-17 { padding: 10px; }
 	.__mb-18 { margin-bottom: 10px; }
 	.__bgc-19 { background-color: yellow; }
 	.__jc-20 { justify-content: space-between; }
 	.__g-21 { gap: 5px; }
 	.__cur-22 { cursor: pointer; }
-	.__w-23 { width: 500px; }
+	.__w-23 { width: 40%; }
 	.__p-24 { padding: 10px; }
 	.__mb-25 { margin-bottom: 10px; }
 	.__bgc-26 { background-color: yellow; }
diff --git a/ftd/t/js/42-links.html b/ftd/t/js/42-links.html
index 38718afd87..4517185759 100644
--- a/ftd/t/js/42-links.html
+++ b/ftd/t/js/42-links.html
@@ -16,7 +16,7 @@
     </style>
 </head>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
-<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><comment data-id="3"></comment><comment data-id="4"></comment><a data-id="5" href="fastn.com" class="__bgc-3">Hello from desktop</a><div data-id="6">Link</div></div></body><style id="styles">
+<body data-id="1"><div data-id="2" class="ft_column __w-1 __h-2"><comment data-id="3"></comment><a data-id="4" href="fastn.com" class="__bgc-3">Hello from mobile</a><comment data-id="5"></comment><div data-id="6">Link</div></div></body><style id="styles">
     .__w-1 { width: 100%; }
 	.__h-2 { height: 100%; }
 	.__bgc-3 { background-color: yellow; }
diff --git a/ftd/t/js/50-iframe-fullscreen.html b/ftd/t/js/50-iframe-fullscreen.html
index 3a21a8f83d..548e976c36 100644
--- a/ftd/t/js/50-iframe-fullscreen.html
+++ b/ftd/t/js/50-iframe-fullscreen.html
@@ -25,7 +25,7 @@
 	.__w-6 { width: 800px; }
 	.__h-7 { height: 300px; }
 	.__mb-8 { margin-bottom: 24px; }
-	.__mnh-9 { min-height: 400px; }
+	.__mnh-9 { min-height: 200px; }
     </style>
 <script>
     (function() {