diff --git a/apps/edit-docs/demo/!!!meta.json b/apps/edit-docs/demo/!!!meta.json
index d8c4710f93..50d1460e2b 100644
--- a/apps/edit-docs/demo/!!!meta.json
+++ b/apps/edit-docs/demo/!!!meta.json
@@ -1,6 +1,6 @@
 {
 	"formatVersion": 2,
-	"appVersion": "0.100.0",
+	"appVersion": "0.102.2",
 	"files": [
 		{
 			"isClone": false,
diff --git a/apps/edit-docs/demo/root/Trilium Demo.html b/apps/edit-docs/demo/root/Trilium Demo.html
index 59f6c6d557..3920159069 100644
--- a/apps/edit-docs/demo/root/Trilium Demo.html	
+++ b/apps/edit-docs/demo/root/Trilium Demo.html	
@@ -18,30 +18,23 @@
           width="150" height="150">
         </figure>
         <p><strong>Welcome to Trilium Notes!</strong>
-
         </p>
         <p>This is a "demo" document packaged with Trilium to showcase some of its
           features and also give you some ideas on how you might structure your notes.
           You can play with it, and modify the note content and tree structure as
           you wish.</p>
         <p>If you need any help, visit <a href="https://triliumnotes.org">triliumnotes.org</a> or
-          our <a href="https://github.com/TriliumNext">GitHub repository</a>
-
-        </p>
-         <h2>Cleanup</h2>
-
+          our <a href="https://github.com/TriliumNext">GitHub repository</a>.</p>
+        <h2>Cleanup</h2>
         <p>Once you're finished with experimenting and want to cleanup these pages,
           you can simply delete them all.</p>
-         <h2>Formatting</h2>
-
+        <h2>Formatting</h2>
         <p>Trilium supports classic formatting like <em>italic</em>, <strong>bold</strong>, <em><strong>bold and italic</strong></em>.
-          You can add links pointing to <a href="https://triliumnotes.org/">external pages</a> or&nbsp;
+          You can add links pointing to <a href="https://triliumnotes.org/">external pages</a> or&nbsp;&nbsp;
           <a
           class="reference-link" href="Trilium%20Demo/Formatting%20examples">Formatting examples</a>.</p>
-         <h3>Lists</h3>
-
+        <h3>Lists</h3>
         <p><strong>Ordered:</strong>
-
         </p>
         <ol>
           <li data-list-item-id="e877cc655d0239b8bb0f38696ad5d8abb">First Item</li>
@@ -56,7 +49,6 @@
           </li>
         </ol>
         <p><strong>Unordered:</strong>
-
         </p>
         <ul>
           <li data-list-item-id="e68bf4b518a16671c314a72073c3d900a">Item</li>
@@ -66,8 +58,7 @@
             </ul>
           </li>
         </ul>
-         <h3>Block quotes</h3>
-
+        <h3>Block quotes</h3>
         <blockquote>
           <p>Whereof one cannot speak, thereof one must be silent”</p>
           <p>– Ludwig Wittgenstein</p>
@@ -75,9 +66,8 @@
         <hr>
         <p>See also other examples like <a href="Trilium%20Demo/Formatting%20examples/School%20schedule.html">tables</a>,
           <a
-          href="Trilium%20Demo/Formatting%20examples/Checkbox%20lists.html">checkbox lists,</a> <a href="Trilium%20Demo/Formatting%20examples/Highlighting.html">highlighting</a>, <a href="Trilium%20Demo/Formatting%20examples/Code%20blocks.html">code blocks</a>and
-            <a
-            href="Trilium%20Demo/Formatting%20examples/Math.html">math examples</a>.</p>
+          href="Trilium%20Demo/Formatting%20examples/Checkbox%20lists.html">checkbox lists</a>, <a href="Trilium%20Demo/Formatting%20examples/Highlighting.html">highlighting</a>, <a href="Trilium%20Demo/Formatting%20examples/Code%20blocks.html">code blocks</a>,
+            and <a href="Trilium%20Demo/Formatting%20examples/Math.html">math examples</a>.</p>
       </div>
     </div>
   </body>
diff --git a/apps/edit-docs/demo/root/Trilium Demo/Books/Book template.html b/apps/edit-docs/demo/root/Trilium Demo/Books/Book template.html
index b6ece231ed..e54ae932e5 100644
--- a/apps/edit-docs/demo/root/Trilium Demo/Books/Book template.html	
+++ b/apps/edit-docs/demo/root/Trilium Demo/Books/Book template.html	
@@ -14,24 +14,19 @@
 
       <div class="ck-content">
         <h2>Main characters</h2>
-
         <p>… here put main characters …</p>
         <p>&nbsp;</p>
-         <h2>Plot</h2>
-
+        <h2>Plot</h2>
         <p>… describe main plot lines …</p>
         <p>&nbsp;</p>
-         <h2>Tone</h2>
-
+        <h2>Tone</h2>
         <p>&nbsp;</p>
-         <h2>Genre</h2>
-
+        <h2>Genre</h2>
         <p>scifi / drama / romance</p>
         <p>&nbsp;</p>
-         <h2>Similar books</h2>
-
+        <h2>Similar books</h2>
         <ul>
-          <li>…</li>
+          <li data-list-item-id="eebd9f297d5dc97dfc46579ba1f25d7bf">…</li>
         </ul>
       </div>
     </div>
diff --git a/apps/edit-docs/demo/style.css b/apps/edit-docs/demo/style.css
index d1209630ab..2e961cdb7a 100644
--- a/apps/edit-docs/demo/style.css
+++ b/apps/edit-docs/demo/style.css
@@ -1,633 +1,658 @@
 /**
- * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-:root{
-	--ck-content-color-mention-background:hsla(341, 100%, 30%, 0.1);
-	--ck-content-color-mention-text:hsl(341, 100%, 30%);
-}
-.ck-content .mention{
-	background:var(--ck-content-color-mention-background);
-	color:var(--ck-content-color-mention-text);
-}
-
 .ck-content code{
-	background-color:hsla(0, 0%, 78%, 0.3);
-	padding:.15em;
-	border-radius:2px;
+  background-color:#c7c7c74d;
+  border-radius:2px;
+  padding:.15em;
 }
 
 .ck-content blockquote{
-	overflow:hidden;
-	padding-right:1.5em;
-	padding-left:1.5em;
-
-	margin-left:0;
-	margin-right:0;
-	font-style:italic;
-	border-left:solid 5px hsl(0, 0%, 80%);
+  border-left:5px solid #ccc;
+  margin-left:0;
+  margin-right:0;
+  padding-left:1.5em;
+  padding-right:1.5em;
+  font-style:italic;
+  overflow:hidden;
 }
 
 .ck-content[dir="rtl"] blockquote{
-	border-left:0;
-	border-right:solid 5px hsl(0, 0%, 80%);
+  border-left:0;
+  border-right:5px solid #ccc;
 }
 
 .ck-content pre{
-	padding:1em;
-	color:hsl(0, 0%, 20.8%);
-	background:hsla(0, 0%, 78%, 0.3);
-	border:1px solid hsl(0, 0%, 77%);
-	border-radius:2px;
-	text-align:left;
-	direction:ltr;
-
-	tab-size:4;
-	white-space:pre-wrap;
-	font-style:normal;
-	min-width:200px;
+  color:#353535;
+  text-align:left;
+  tab-size:4;
+  white-space:pre-wrap;
+  direction:ltr;
+  background:#c7c7c74d;
+  border:1px solid #c4c4c4;
+  border-radius:2px;
+  min-width:200px;
+  margin:.9em 0;
+  padding:1em;
+  font-style:normal;
 }
 
 .ck-content pre code{
-		background:unset;
-		padding:0;
-		border-radius:0;
-	}
+  background:unset;
+  border-radius:0;
+  padding:0;
+}
 
 :root{
-	--ck-content-font-family:Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
-	--ck-content-font-size:medium;
-	--ck-content-font-color:#000;
-	--ck-content-line-height:1.5;
-	--ck-content-word-break:break-word;
+  --ck-content-font-family:Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
+  --ck-content-font-size:medium;
+  --ck-content-font-color:#000;
+  --ck-content-line-height:1.5;
+  --ck-content-word-break:normal;
+  --ck-content-overflow-wrap:break-word;
 }
 
 .ck-content{
-	font-family:var(--ck-content-font-family);
-	font-size:var(--ck-content-font-size);
-	color:var(--ck-content-font-color);
-	line-height:var(--ck-content-line-height);
-	word-break:var(--ck-content-word-break);
+  font-family:var(--ck-content-font-family);
+  font-size:var(--ck-content-font-size);
+  color:var(--ck-content-font-color);
+  line-height:var(--ck-content-line-height);
+  word-break:var(--ck-content-word-break);
+  overflow-wrap:var(--ck-content-overflow-wrap);
 }
 
 :root{
-	--ck-content-font-size-tiny:0.7em;
-	--ck-content-font-size-small:0.85em;
-	--ck-content-font-size-big:1.4em;
-	--ck-content-font-size-huge:1.8em;
+  --ck-content-font-size-tiny:.7em;
+  --ck-content-font-size-small:.85em;
+  --ck-content-font-size-big:1.4em;
+  --ck-content-font-size-huge:1.8em;
 }
+
 .ck-content .text-tiny{
-		font-size:var(--ck-content-font-size-tiny);
-	}
+  font-size:var(--ck-content-font-size-tiny);
+}
+
 .ck-content .text-small{
-		font-size:var(--ck-content-font-size-small);
-	}
+  font-size:var(--ck-content-font-size-small);
+}
+
 .ck-content .text-big{
-		font-size:var(--ck-content-font-size-big);
-	}
+  font-size:var(--ck-content-font-size-big);
+}
+
 .ck-content .text-huge{
-		font-size:var(--ck-content-font-size-huge);
-	}
+  font-size:var(--ck-content-font-size-huge);
+}
 
 :root{
-	--ck-content-highlight-marker-yellow:hsl(60, 97%, 73%);
-	--ck-content-highlight-marker-green:hsl(120, 93%, 68%);
-	--ck-content-highlight-marker-pink:hsl(345, 96%, 73%);
-	--ck-content-highlight-marker-blue:hsl(201, 97%, 72%);
-	--ck-content-highlight-pen-red:hsl(0, 85%, 49%);
-	--ck-content-highlight-pen-green:hsl(112, 100%, 27%);
+  --ck-content-highlight-marker-yellow:#fdfd77;
+  --ck-content-highlight-marker-green:#62f962;
+  --ck-content-highlight-marker-pink:#fc7899;
+  --ck-content-highlight-marker-blue:#72ccfd;
+  --ck-content-highlight-pen-red:#e71313;
+  --ck-content-highlight-pen-green:#128a00;
 }
 
 .ck-content .marker-yellow{
-		background-color:var(--ck-content-highlight-marker-yellow);
-	}
+  background-color:var(--ck-content-highlight-marker-yellow);
+}
+
 .ck-content .marker-green{
-		background-color:var(--ck-content-highlight-marker-green);
-	}
+  background-color:var(--ck-content-highlight-marker-green);
+}
+
 .ck-content .marker-pink{
-		background-color:var(--ck-content-highlight-marker-pink);
-	}
+  background-color:var(--ck-content-highlight-marker-pink);
+}
+
 .ck-content .marker-blue{
-		background-color:var(--ck-content-highlight-marker-blue);
-	}
+  background-color:var(--ck-content-highlight-marker-blue);
+}
 
 .ck-content .pen-red{
-		color:var(--ck-content-highlight-pen-red);
-		background-color:transparent;
-	}
+  color:var(--ck-content-highlight-pen-red);
+  background-color:#0000;
+}
+
 .ck-content .pen-green{
-		color:var(--ck-content-highlight-pen-green);
-		background-color:transparent;
-	}
+  color:var(--ck-content-highlight-pen-green);
+  background-color:#0000;
+}
 
 .ck-content hr{
-	margin:15px 0;
-	height:4px;
-	background:hsl(0, 0%, 87%);
-	border:0;
+  background:#dedede;
+  border:0;
+  height:4px;
+  margin:15px 0;
 }
 
 :root{
-	--ck-content-color-image-caption-background:hsl(0, 0%, 97%);
-	--ck-content-color-image-caption-text:hsl(0, 0%, 20%);
+  --ck-content-color-image-caption-background:#f7f7f7;
+  --ck-content-color-image-caption-text:#333;
 }
+
 .ck-content .image > figcaption{
-	display:table-caption;
-	caption-side:bottom;
-	word-break:normal;
-	overflow-wrap:anywhere;
-	break-before:avoid;
-	color:var(--ck-content-color-image-caption-text);
-	background-color:var(--ck-content-color-image-caption-background);
-	padding:.6em;
-	font-size:.75em;
-	outline-offset:-1px;
+  caption-side:bottom;
+  word-break:normal;
+  overflow-wrap:anywhere;
+  break-before:avoid;
+  color:var(--ck-content-color-image-caption-text);
+  background-color:var(--ck-content-color-image-caption-background);
+  outline-offset:-1px;
+  padding:.6em;
+  font-size:.75em;
+  display:table-caption;
 }
+
 @media (forced-colors: active){
-.ck-content .image > figcaption{
-		background-color:unset;
-		color:unset;
+  .ck-content .image > figcaption{
+    background-color:unset;
+    color:unset;
+  }
 }
-	}
+
 .ck-content img.image_resized{
-	height:auto;
+  height:auto;
 }
 
 .ck-content .image.image_resized{
-	max-width:100%;
-	display:block;
-	box-sizing:border-box;
+  box-sizing:border-box;
+  max-width:100%;
+  display:block;
 }
 
 .ck-content .image.image_resized img{
-		width:100%;
-	}
-
-.ck-content .image.image_resized > figcaption{
-		display:block;
-	}
-
-:root{
-	--ck-content-image-style-spacing:1.5em;
-	--ck-content-inline-image-style-spacing:calc(var(--ck-content-image-style-spacing) / 2);
+  width:100%;
 }
 
-.ck-content .image.image-style-block-align-left,
-		.ck-content .image.image-style-block-align-right{
-			max-width:calc(100% - var(--ck-content-image-style-spacing));
-		}
-
-.ck-content .image.image-style-align-left,
-		.ck-content .image.image-style-align-right{
-			clear:none;
-		}
-
-.ck-content .image.image-style-side{
-			float:right;
-			margin-left:var(--ck-content-image-style-spacing);
-			max-width:50%;
-		}
-
-.ck-content .image.image-style-align-left{
-			float:left;
-			margin-right:var(--ck-content-image-style-spacing);
-		}
-
-.ck-content .image.image-style-align-right{
-			float:right;
-			margin-left:var(--ck-content-image-style-spacing);
-		}
-
-.ck-content .image.image-style-block-align-right{
-			margin-right:0;
-			margin-left:auto;
-		}
-
-.ck-content .image.image-style-block-align-left{
-			margin-left:0;
-			margin-right:auto;
-		}
-
-.ck-content .image-style-align-center{
-		margin-left:auto;
-		margin-right:auto;
-	}
-
-.ck-content .image-style-align-left{
-		float:left;
-		margin-right:var(--ck-content-image-style-spacing);
-	}
-
-.ck-content .image-style-align-right{
-		float:right;
-		margin-left:var(--ck-content-image-style-spacing);
-	}
-
-.ck-content p + .image.image-style-align-left,
-	.ck-content p + .image.image-style-align-right,
-	.ck-content p + .image.image-style-side{
-		margin-top:0;
-	}
-
-.ck-content .image-inline.image-style-align-left,
-		.ck-content .image-inline.image-style-align-right{
-			margin-top:var(--ck-content-inline-image-style-spacing);
-			margin-bottom:var(--ck-content-inline-image-style-spacing);
-		}
-
-.ck-content .image-inline.image-style-align-left{
-			margin-right:var(--ck-content-inline-image-style-spacing);
-		}
-
-.ck-content .image-inline.image-style-align-right{
-			margin-left:var(--ck-content-inline-image-style-spacing);
-		}
-
-.ck-content .image{
-		display:table;
-		clear:both;
-		text-align:center;
-		margin:0.9em auto;
-		min-width:50px;
-	}
-
-.ck-content .image img{
-			display:block;
-			margin:0 auto;
-			max-width:100%;
-			min-width:100%;
-			height:auto;
-		}
-
-.ck-content .image-inline{
-		display:inline-flex;
-		max-width:100%;
-		align-items:flex-start;
-	}
-
-.ck-content .image-inline picture{
-			display:flex;
-		}
-
-.ck-content .image-inline picture,
-		.ck-content .image-inline img{
-			flex-grow:1;
-			flex-shrink:1;
-			max-width:100%;
-		}
+.ck-content .image.image_resized > figcaption{
+  display:block;
+}
 
 :root{
-	--ck-content-list-marker-color:var(--ck-content-font-color);
-	--ck-content-list-marker-font-family:var(--ck-content-font-family);
-	--ck-content-list-marker-font-size:var(--ck-content-font-size);
+  --ck-content-image-style-spacing:1.5em;
+  --ck-content-inline-image-style-spacing:calc(var(--ck-content-image-style-spacing) / 2);
+}
+
+.ck-content .image.image-style-block-align-left, .ck-content .image.image-style-block-align-right{
+  max-width:calc(100% - var(--ck-content-image-style-spacing));
+}
+
+.ck-content .image.image-style-align-left, .ck-content .image.image-style-align-right{
+  clear:none;
+}
+
+.ck-content .image.image-style-side{
+  float:right;
+  margin-left:var(--ck-content-image-style-spacing);
+  max-width:50%;
+}
+
+.ck-content .image.image-style-align-left{
+  float:left;
+  margin-right:var(--ck-content-image-style-spacing);
+}
+
+.ck-content .image.image-style-align-right{
+  float:right;
+  margin-left:var(--ck-content-image-style-spacing);
+}
+
+.ck-content .image.image-style-block-align-right{
+  margin-left:auto;
+  margin-right:0;
+}
+
+.ck-content .image.image-style-block-align-left{
+  margin-left:0;
+  margin-right:auto;
+}
+
+.ck-content .image-style-align-center{
+  margin-left:auto;
+  margin-right:auto;
+}
+
+.ck-content .image-style-align-left{
+  float:left;
+  margin-right:var(--ck-content-image-style-spacing);
+}
+
+.ck-content .image-style-align-right{
+  float:right;
+  margin-left:var(--ck-content-image-style-spacing);
+}
+
+.ck-content p + .image.image-style-align-left, .ck-content p + .image.image-style-align-right, .ck-content p + .image.image-style-side{
+  margin-top:0;
+}
+
+.ck-content .image-inline.image-style-align-left, .ck-content .image-inline.image-style-align-right{
+  margin-top:var(--ck-content-inline-image-style-spacing);
+  margin-bottom:var(--ck-content-inline-image-style-spacing);
+}
+
+.ck-content .image-inline.image-style-align-left{
+  margin-right:var(--ck-content-inline-image-style-spacing);
+}
+
+.ck-content .image-inline.image-style-align-right{
+  margin-left:var(--ck-content-inline-image-style-spacing);
+}
+
+.ck-content .image{
+  clear:both;
+  text-align:center;
+  min-width:50px;
+  margin:.9em auto;
+  display:table;
+}
+
+.ck-content .image img{
+  min-width:100%;
+  max-width:100%;
+  height:auto;
+  margin:0 auto;
+  display:block;
+}
+
+.ck-content .image-inline{
+  align-items:flex-start;
+  max-width:100%;
+  display:inline-flex;
+}
+
+.ck-content .image-inline picture{
+  display:flex;
+}
+
+.ck-content .image-inline picture, .ck-content .image-inline img{
+  flex-grow:1;
+  flex-shrink:1;
+  max-width:100%;
+}
+
+:root{
+  --ck-content-list-marker-color:var(--ck-content-font-color);
+  --ck-content-list-marker-font-family:var(--ck-content-font-family);
+  --ck-content-list-marker-font-size:var(--ck-content-font-size);
 }
 
 .ck-content li > p:first-of-type{
-		margin-top:0;
-	}
+  margin-top:0;
+}
 
 .ck-content li > p:only-of-type{
-		margin-top:0;
-		margin-bottom:0;
-	}
+  margin-top:0;
+  margin-bottom:0;
+}
 
 .ck-content li.ck-list-marker-bold::marker{
-		font-weight:bold;
-	}
+  font-weight:bold;
+}
 
 .ck-content li.ck-list-marker-italic::marker{
-		font-style:italic;
-	}
+  font-style:italic;
+}
 
 .ck-content li.ck-list-marker-color::marker{
-		color:var(--ck-content-list-marker-color);
-	}
+  color:var(--ck-content-list-marker-color);
+}
 
 .ck-content li.ck-list-marker-font-family::marker{
-		font-family:var(--ck-content-list-marker-font-family);
-	}
+  font-family:var(--ck-content-list-marker-font-family);
+}
 
 .ck-content li.ck-list-marker-font-size::marker{
-		font-size:var(--ck-content-list-marker-font-size);
-	}
+  font-size:var(--ck-content-list-marker-font-size);
+}
 
 .ck-content li.ck-list-marker-font-size-tiny::marker{
-		font-size:var(--ck-content-font-size-tiny);
-	}
+  font-size:var(--ck-content-font-size-tiny);
+}
 
 .ck-content li.ck-list-marker-font-size-small::marker{
-		font-size:var(--ck-content-font-size-small);
-	}
+  font-size:var(--ck-content-font-size-small);
+}
 
 .ck-content li.ck-list-marker-font-size-big::marker{
-		font-size:var(--ck-content-font-size-big);
-	}
+  font-size:var(--ck-content-font-size-big);
+}
 
 .ck-content li.ck-list-marker-font-size-huge::marker{
-		font-size:var(--ck-content-font-size-huge);
-	}
+  font-size:var(--ck-content-font-size-huge);
+}
 
 .ck-content ol{
-	list-style-type:decimal;
+  list-style-type:decimal;
 }
 
 .ck-content ol ol{
-		list-style-type:lower-latin;
-	}
+  list-style-type:lower-latin;
+}
 
 .ck-content ol ol ol{
-			list-style-type:lower-roman;
-		}
+  list-style-type:lower-roman;
+}
 
 .ck-content ol ol ol ol{
-				list-style-type:upper-latin;
-			}
+  list-style-type:upper-latin;
+}
 
 .ck-content ol ol ol ol ol{
-					list-style-type:upper-roman;
-				}
+  list-style-type:upper-roman;
+}
 
 .ck-content ul{
-	list-style-type:disc;
+  list-style-type:disc;
 }
 
 .ck-content ul ul{
-		list-style-type:circle;
-	}
+  list-style-type:circle;
+}
 
 .ck-content ul ul ul{
-			list-style-type:square;
-		}
+  list-style-type:square;
+}
 
 .ck-content ul ul ul ul{
-				list-style-type:square;
-			}
+  list-style-type:square;
+}
 
 :root{
-	--ck-content-todo-list-checkmark-size:16px;
+  --ck-content-todo-list-checkmark-size:16px;
 }
-.ck-content .todo-list{
-	list-style:none;
+
+.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input{
+  -webkit-appearance:none;
+  width:var(--ck-content-todo-list-checkmark-size);
+  height:var(--ck-content-todo-list-checkmark-size);
+  vertical-align:middle;
+  border:0;
+  margin-left:0;
+  margin-right:-15px;
+  display:inline-block;
+  position:relative;
+  left:-25px;
+  right:0;
 }
-.ck-content .todo-list li{
-		position:relative;
-		margin-bottom:5px;
-	}
-.ck-content .todo-list li .todo-list{
-			margin-top:5px;
-		}
-.ck-content .todo-list .todo-list__label > input{
-			-webkit-appearance:none;
-			display:inline-block;
-			position:relative;
-			width:var(--ck-content-todo-list-checkmark-size);
-			height:var(--ck-content-todo-list-checkmark-size);
-			vertical-align:middle;
-			border:0;
-			left:-25px;
-			margin-right:-15px;
-			right:0;
-			margin-left:0;
-		}
-.ck-content[dir=rtl] .todo-list .todo-list__label > input{
-		left:0;
-		margin-right:0;
-		right:-25px;
-		margin-left:-15px;
-	}
-.ck-content .todo-list .todo-list__label > input::before{
-		display:block;
-		position:absolute;
-		box-sizing:border-box;
-		content:'';
-		width:100%;
-		height:100%;
-		border:1px solid hsl(0, 0%, 20%);
-		border-radius:2px;
-		transition:250ms ease-in-out box-shadow;
-	}
+
+[dir="rtl"]:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input){
+  margin-left:-15px;
+  margin-right:0;
+  left:0;
+  right:-25px;
+}
+
+:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input):before{
+  box-sizing:border-box;
+  content:"";
+  border:1px solid #333;
+  border-radius:2px;
+  width:100%;
+  height:100%;
+  transition:box-shadow .25s ease-in-out;
+  display:block;
+  position:absolute;
+}
+
 @media (prefers-reduced-motion: reduce){
-.ck-content .todo-list .todo-list__label > input::before{
-			transition:none;
-	}
-		}
-.ck-content .todo-list .todo-list__label > input::after{
-		display:block;
-		position:absolute;
-		box-sizing:content-box;
-		pointer-events:none;
-		content:'';
-		left:calc( var(--ck-content-todo-list-checkmark-size) / 3);
-		top:calc( var(--ck-content-todo-list-checkmark-size) / 5.3);
-		width:calc( var(--ck-content-todo-list-checkmark-size) / 5.3);
-		height:calc( var(--ck-content-todo-list-checkmark-size) / 2.6);
-		border-style:solid;
-		border-color:transparent;
-		border-width:0 calc( var(--ck-content-todo-list-checkmark-size) / 8) calc( var(--ck-content-todo-list-checkmark-size) / 8) 0;
-		transform:rotate(45deg);
-	}
-.ck-content .todo-list .todo-list__label > input[checked]::before{
-			background:hsl(126, 64%, 41%);
-			border-color:hsl(126, 64%, 41%);
-		}
-.ck-content .todo-list .todo-list__label > input[checked]::after{
-			border-color:hsl(0, 0%, 100%);
-		}
+  :is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input):before{
+    transition:none;
+  }
+}
+
+:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input):after{
+  box-sizing:content-box;
+  pointer-events:none;
+  content:"";
+  left:calc(var(--ck-content-todo-list-checkmark-size) / 3);
+  top:calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
+  width:calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
+  height:calc(var(--ck-content-todo-list-checkmark-size) / 2.6);
+  border-style:solid;
+  border-color:#0000;
+  border-width:0 calc(var(--ck-content-todo-list-checkmark-size) / 8) calc(var(--ck-content-todo-list-checkmark-size) / 8) 0;
+  display:block;
+  position:absolute;
+  transform:rotate(45deg);
+}
+
+:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input)[checked]:before{
+  background:#26ab33;
+  border-color:#26ab33;
+}
+
+:is(.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input)[checked]:after{
+  border-color:#fff;
+}
+
+.ck-content .todo-list{
+  list-style:none;
+}
+
+.ck-content .todo-list li{
+  margin-bottom:5px;
+  position:relative;
+}
+
+.ck-content .todo-list li .todo-list{
+  margin-top:5px;
+}
+
 .ck-content .todo-list .todo-list__label .todo-list__label__description{
-			vertical-align:middle;
-		}
-.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{
-			position:absolute;
-		}
+  vertical-align:middle;
+}
+
+.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type="checkbox"]{
+  position:absolute;
+}
+
+.ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input{
+  cursor:pointer;
+}
+
+:is(.ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input):hover:before{
+  box-shadow:0 0 0 5px #0000001a;
+}
+
+.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type="checkbox"]{
+  position:absolute;
+}
 
 .ck-content .media{
-	clear:both;
-	margin:0.9em 0;
-	display:block;
-	min-width:15em;
+  clear:both;
+  min-width:15em;
+  margin:.9em 0;
+  display:block;
+}
+
+:root{
+  --ck-content-color-mention-background:#9900301a;
+  --ck-content-color-mention-text:#990030;
+}
+
+.ck-content .mention{
+  background:var(--ck-content-color-mention-background);
+  color:var(--ck-content-color-mention-text);
 }
 
 .ck-content .page-break{
-	position:relative;
-	clear:both;
-	padding:5px 0;
-	display:flex;
-	align-items:center;
-	justify-content:center;
+  clear:both;
+  justify-content:center;
+  align-items:center;
+  padding:5px 0;
+  display:flex;
+  position:relative;
 }
 
-.ck-content .page-break::after{
-		content:'';
-		position:absolute;
-		border-bottom:2px dashed hsl(0, 0%, 77%);
-		width:100%;
-	}
+.ck-content .page-break:after{
+  content:"";
+  border-bottom:2px dashed #c4c4c4;
+  width:100%;
+  position:absolute;
+}
 
 .ck-content .page-break__label{
-	position:relative;
-	z-index:1;
-	padding:.3em .6em;
-	display:block;
-	text-transform:uppercase;
-	border:1px solid hsl(0, 0%, 77%);
-	border-radius:2px;
-	font-size:0.75em;
-	font-weight:bold;
-	color:hsl(0, 0%, 20%);
-	background:hsl(0, 0%, 100%);
-	box-shadow:2px 2px 1px hsla(0, 0%, 0%, 0.15);
-	-webkit-user-select:none;
-	-moz-user-select:none;
-	-ms-user-select:none;
-	user-select:none;
+  z-index:1;
+  text-transform:uppercase;
+  color:#333;
+  -webkit-user-select:none;
+  user-select:none;
+  background:#fff;
+  border:1px solid #c4c4c4;
+  border-radius:2px;
+  padding:.3em .6em;
+  font-size:.75em;
+  font-weight:bold;
+  display:block;
+  position:relative;
+  box-shadow:2px 2px 1px #00000026;
 }
-@media print{
-	.ck-content .page-break{
-		padding:0;
-	}
 
-		.ck-content .page-break::after{
-			display:none;
-		}
-	.ck-content *:has(+ .page-break){
-		margin-bottom:0;
-	}
+@media print{
+  .ck-content .page-break{
+    padding:0;
+  }
+
+  .ck-content .page-break:after{
+    display:none;
+  }
+
+  .ck-content :has( + .page-break){
+    margin-bottom:0;
+  }
+}
+
+.ck-content .table th{
+  text-align:start;
 }
 
 .ck-content[dir="rtl"] .table th{
-		text-align:right;
-	}
+  text-align:right;
+}
 
 .ck-content[dir="ltr"] .table th{
-		text-align:left;
-	}
+  text-align:left;
+}
 
 .ck-content figure.table:not(.layout-table){
-		display:table;
-	}
+  display:table;
+}
 
 .ck-content figure.table:not(.layout-table) > table{
-			width:100%;
-			height:100%;
-		}
+  width:100%;
+  height:100%;
+}
 
 .ck-content .table:not(.layout-table){
-		margin:0.9em auto;
-	}
+  margin:.9em auto;
+}
 
-.ck-content table.table:not(.layout-table),
-	.ck-content figure.table:not(.layout-table) > table{
-		border-collapse:collapse;
-		border-spacing:0;
-		border:1px double hsl(0, 0%, 70%);
-	}
+.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table{
+  border-collapse:collapse;
+  border-spacing:0;
+  border:1px double #b3b3b3;
+}
 
-.ck-content table.table:not(.layout-table) > thead > tr > th, .ck-content figure.table:not(.layout-table) > table > thead > tr > th, .ck-content table.table:not(.layout-table) > tbody > tr > th, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th{
-					font-weight:bold;
-					background:hsla(0, 0%, 0%, 5%);
-				}
+:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th{
+  background:#0000000d;
+  font-weight:bold;
+}
 
-.ck-content table.table:not(.layout-table) > thead > tr > td,
-				.ck-content figure.table:not(.layout-table) > table > thead > tr > td,
-				.ck-content table.table:not(.layout-table) > tbody > tr > td,
-				.ck-content figure.table:not(.layout-table) > table > tbody > tr > td,
-				.ck-content table.table:not(.layout-table) > thead > tr > th,
-				.ck-content figure.table:not(.layout-table) > table > thead > tr > th,
-				.ck-content table.table:not(.layout-table) > tbody > tr > th,
-				.ck-content figure.table:not(.layout-table) > table > tbody > tr > th{
+:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:first-of-type{
+  margin-top:0;
+}
 
-					min-width:2em;
-					padding:0.4em;
-					border:1px solid hsl(0, 0%, 75%);
-				}
+:is(:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th) > p:last-of-type{
+  margin-bottom:0;
+}
 
-.ck-content table.table:not(.layout-table) > thead > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:first-of-type{
-						margin-top:0;
-					}
-
-.ck-content table.table:not(.layout-table) > thead > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:last-of-type{
-						margin-bottom:0;
-					}
+:is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > td, :is(:is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > thead, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tfoot, :is(.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table) > tbody) > tr > th{
+  border:1px solid #bfbfbf;
+  min-width:2em;
+  padding:.4em;
+}
 
 @media print{
-		.ck-content figure.table:not(.layout-table){
-			width:fit-content;
-			height:fit-content;
-		}
-		.ck-content figure.table:not(.layout-table) > table{
-			height:initial;
-		}
+  .ck-content figure.table:not(.layout-table){
+    width:fit-content;
+    height:fit-content;
+  }
+
+  .ck-content figure.table:not(.layout-table) > table{
+    height:initial;
+  }
 }
 
-.ck-content table.table.layout-table,
-	.ck-content figure.table.layout-table{
-		margin-top:0;
-		margin-bottom:0;
-	}
-
-.ck-content table.table.layout-table,
-	.ck-content figure.table.layout-table > table{
-		border-spacing:0;
-	}
-
-:root{
-	--ck-content-color-table-caption-background:hsl(0, 0%, 97%);
-	--ck-content-color-table-caption-text:hsl(0, 0%, 20%);
-}
-.ck-content .table > figcaption,
-.ck-content figure.table > table > caption{
-	display:table-caption;
-	caption-side:top;
-	word-break:normal;
-	overflow-wrap:anywhere;
-	text-align:center;
-	color:var(--ck-content-color-table-caption-text);
-	background-color:var(--ck-content-color-table-caption-background);
-	padding:.6em;
-	font-size:.75em;
-	outline-offset:-1px;
-}
-@media (forced-colors: active){
-		.ck-content .table > figcaption, .ck-content figure.table > table > caption{
-		background-color:unset;
-		color:unset;
-		}
-	}
-
-.ck-content .table .ck-table-resized{
-	table-layout:fixed;
+.ck-content table.table.layout-table, .ck-content figure.table.layout-table{
+  margin-top:0;
+  margin-bottom:0;
 }
 
-.ck-content .table td,
-.ck-content .table th{
-	overflow-wrap:break-word;
+.ck-content table.table.layout-table, .ck-content figure.table.layout-table > table{
+  border-spacing:0;
 }
 
 :root{
-	--ck-content-table-style-spacing:1.5em;
+  --ck-content-table-style-spacing:1.5em;
 }
 
 .ck-content .table.table-style-align-left{
-			float:left;
-			margin-right:var(--ck-content-table-style-spacing);
-		}
+  float:left;
+  margin-right:var(--ck-content-table-style-spacing);
+}
 
 .ck-content .table.table-style-align-right{
-			float:right;
-			margin-left:var(--ck-content-table-style-spacing);
-		}
+  float:right;
+  margin-left:var(--ck-content-table-style-spacing);
+}
 
 .ck-content .table.table-style-align-center{
-			margin-left:auto;
-			margin-right:auto;
-		}
+  margin-left:auto;
+  margin-right:auto;
+}
 
 .ck-content .table.table-style-block-align-left{
-			margin-left:0;
-			margin-right:auto;
-		}
+  margin-left:0;
+  margin-right:auto;
+}
 
 .ck-content .table.table-style-block-align-right{
-			margin-left:auto;
-			margin-right:0;
-		}
\ No newline at end of file
+  margin-left:auto;
+  margin-right:0;
+}
+
+:root{
+  --ck-content-color-table-caption-background:#f7f7f7;
+  --ck-content-color-table-caption-text:#333;
+}
+
+.ck-content .table > figcaption, .ck-content figure.table > table > caption{
+  caption-side:top;
+  word-break:normal;
+  overflow-wrap:anywhere;
+  text-align:center;
+  color:var(--ck-content-color-table-caption-text);
+  background-color:var(--ck-content-color-table-caption-background);
+  outline-offset:-1px;
+  padding:.6em;
+  font-size:.75em;
+  display:table-caption;
+}
+
+@media (forced-colors: active){
+  .ck-content .table > figcaption, .ck-content figure.table > table > caption{
+    background-color:unset;
+    color:unset;
+  }
+}
+
+.ck-content .table .ck-table-resized{
+  table-layout:fixed;
+}
+
+.ck-content .table td, .ck-content .table th{
+  overflow-wrap:break-word;
+}
\ No newline at end of file
diff --git a/apps/server/src/assets/db/demo.zip b/apps/server/src/assets/db/demo.zip
index c84c99383a..acb4c966c3 100644
Binary files a/apps/server/src/assets/db/demo.zip and b/apps/server/src/assets/db/demo.zip differ