@zero-library/common 2.2.14 → 2.3.1

package/dist/index.css

@@ -79,6 +79,67 @@
   background-color: rgba(0, 0, 0, 0.3);
   transition-delay: 0s;
 }
+.styles_module_nsPreviewPdfImage {
+  width: 100%;
+  height: 100%;
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageNav .styles_module_pdfImageNavItem {
+  position: absolute;
+  width: 100%;
+  padding: 2px 8px;
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageNav .styles_module_pdfImageNavItem .styles_module_pdfImageNavItemImgWrapper {
+  width: 346px;
+  border: 8px solid transparent;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageNav .styles_module_pdfImageNavItem .styles_module_pdfImageNavItemImgWrapper:hover {
+  border-color: rgba(0, 0, 0, 0.3);
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageNav .styles_module_pdfImageNavItem .styles_module_pdfImageNavItemImgWrapper.styles_module_pdfImageNavItemActive {
+  border-color: rgba(0, 0, 0, 0.3);
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageNav .styles_module_pdfImageNavItem .styles_module_pdfImageNavItemImgWrapper .styles_module_pdfImageNavItemImg {
+  height: 100%;
+  width: 100%;
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageNav .styles_module_pdfImageNavItem .styles_module_pdfImageNavItemTip {
+  font-size: 12px;
+  padding: 8px;
+  color: rgba(0, 0, 0, 0.88);
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageBody .styles_module_pdfImageBodyToolbar {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #fff;
+  padding: 8px 16px 6px;
+  border-radius: 6px;
+  box-shadow: 0 0 15px rgba(1, 1, 1, 0.1);
+  z-index: 1;
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageBody .styles_module_pdfImageBodyItem {
+  position: absolute;
+  width: 100%;
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageBody .styles_module_pdfImageBodyItem .styles_module_pdfImageBodyItemInnerWrapper {
+  margin: 0 auto;
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageBody .styles_module_pdfImageBodyItem .styles_module_pdfImageBodyItemInnerWrapper .styles_module_pdfImageBodyItemInner {
+  height: 100%;
+  width: 100%;
+  transition: box-shadow 0.3s;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageBody .styles_module_pdfImageBodyItem .styles_module_pdfImageBodyItemInnerWrapper .styles_module_pdfImageBodyItemInner.styles_module_pdfImageBodyItemActive {
+  box-shadow: 0 0 10px var(--ant-color-primary);
+}
+.styles_module_nsPreviewPdfImage .styles_module_pdfImageBody .styles_module_pdfImageBodyItem .styles_module_pdfImageBodyItemInnerWrapper .styles_module_pdfImageBodyItemInner .styles_module_pdfImageBodyItemImg {
+  height: 100%;
+  width: 100%;
+}
 .styles_module_nsPreviewVideo {
   max-width: 100%;
   max-height: 100%;
@@ -180,47 +241,8 @@
   display: block;
 }
 
-/* src/components/MarkdownEditor/index.less */
-.editor-parent {
-  --tt-toolbar-height: 44px;
-  --tt-theme-text: var(--tt-gray-light-900);
-}
-.dark .editor-parent {
-  --tt-theme-text: var(--tt-gray-dark-900);
-}
-.editor-parent .tiptap.ProseMirror {
-  font-family: "DM Sans", sans-serif;
-}
-.editor-parent .content-wrapper {
-  height: calc(100% - var(--tt-toolbar-height));
-  overflow-y: auto;
-}
-.editor-parent .content-wrapper > div[data-tippy-root] {
-  z-index: 900 !important;
-}
-.editor-parent .simple-editor-content {
-  max-width: 1000px;
-  width: 100%;
-  margin: 0 auto;
-  min-height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.editor-parent .simple-editor-content .tiptap.ProseMirror {
-  padding: 18px;
-  flex: 1;
-}
-@media screen and (width <= 480px) {
-  .editor-parent .simple-editor-content .tiptap.ProseMirror {
-    padding: 1rem 1.5rem;
-  }
-}
-.editor-parent .simple-editor-content.no-toolbar .tiptap.ProseMirror {
-  padding: 0;
-}
-
-/* src/components/MarkdownEditor/styles/_keyframe-animations.less */
-@keyframes fadeIn {
+/* src/components/MarkdownEditor/styles.module.less */
+@keyframes styles_module_fadeIn {
   from {
     opacity: 0;
   }
@@ -228,7 +250,7 @@
     opacity: 1;
   }
 }
-@keyframes fadeOut {
+@keyframes styles_module_fadeOut {
   from {
     opacity: 1;
   }
@@ -236,7 +258,7 @@
     opacity: 0;
   }
 }
-@keyframes zoomIn {
+@keyframes styles_module_zoomIn {
   from {
     transform: scale(0.95);
   }
@@ -244,7 +266,7 @@
     transform: scale(1);
   }
 }
-@keyframes zoomOut {
+@keyframes styles_module_zoomOut {
   from {
     transform: scale(1);
   }
@@ -252,7 +274,7 @@
     transform: scale(0.95);
   }
 }
-@keyframes zoom {
+@keyframes styles_module_zoom {
   0% {
     opacity: 0;
     transform: scale(0.95);
@@ -262,7 +284,7 @@
     transform: scale(1);
   }
 }
-@keyframes slideFromTop {
+@keyframes styles_module_slideFromTop {
   from {
     transform: translateY(-0.5rem);
   }
@@ -270,7 +292,7 @@
     transform: translateY(0);
   }
 }
-@keyframes slideFromRight {
+@keyframes styles_module_slideFromRight {
   from {
     transform: translateX(0.5rem);
   }
@@ -278,7 +300,7 @@
     transform: translateX(0);
   }
 }
-@keyframes slideFromLeft {
+@keyframes styles_module_slideFromLeft {
   from {
     transform: translateX(-0.5rem);
   }
@@ -286,7 +308,7 @@
     transform: translateX(0);
   }
 }
-@keyframes slideFromBottom {
+@keyframes styles_module_slideFromBottom {
   from {
     transform: translateY(0.5rem);
   }
@@ -294,7 +316,7 @@
     transform: translateY(0);
   }
 }
-@keyframes spin {
+@keyframes styles_module_spin {
   from {
     transform: rotate(0deg);
   }
@@ -302,200 +324,6 @@
     transform: rotate(360deg);
   }
 }
-
-/* src/components/MarkdownEditor/styles/_reset.less */
-.tiptap.ProseMirror {
-}
-.tiptap.ProseMirror hr {
-  height: 0;
-  color: inherit;
-  border-top-width: 1px;
-}
-.tiptap.ProseMirror abbr:where([title]) {
-  text-decoration: underline dotted;
-}
-.tiptap.ProseMirror h1,
-.tiptap.ProseMirror h2,
-.tiptap.ProseMirror h3,
-.tiptap.ProseMirror h4,
-.tiptap.ProseMirror h5,
-.tiptap.ProseMirror h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-.tiptap.ProseMirror a {
-  color: inherit;
-  text-decoration: inherit;
-}
-.tiptap.ProseMirror b,
-.tiptap.ProseMirror strong {
-  font-weight: bolder;
-}
-.tiptap.ProseMirror code,
-.tiptap.ProseMirror kbd,
-.tiptap.ProseMirror samp,
-.tiptap.ProseMirror pre {
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Monaco,
-    Consolas,
-    "Liberation Mono",
-    "Courier New",
-    monospace;
-  font-feature-settings: normal;
-  font-variation-settings: normal;
-  font-size: 1em;
-}
-.tiptap.ProseMirror small {
-  font-size: 80%;
-}
-.tiptap.ProseMirror sub,
-.tiptap.ProseMirror sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-.tiptap.ProseMirror sub {
-  bottom: -0.25em;
-}
-.tiptap.ProseMirror sup {
-  top: -0.5em;
-}
-.tiptap.ProseMirror table {
-  text-indent: 0;
-  border-color: inherit;
-  border-collapse: collapse;
-}
-.tiptap.ProseMirror button,
-.tiptap.ProseMirror input,
-.tiptap.ProseMirror optgroup,
-.tiptap.ProseMirror select,
-.tiptap.ProseMirror textarea {
-  font-family: inherit;
-  font-feature-settings: inherit;
-  font-variation-settings: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-.tiptap.ProseMirror button,
-.tiptap.ProseMirror select {
-  text-transform: none;
-}
-.tiptap.ProseMirror button,
-.tiptap.ProseMirror input:where([type=button]),
-.tiptap.ProseMirror input:where([type=reset]),
-.tiptap.ProseMirror input:where([type=submit]) {
-  appearance: button;
-  background-color: transparent;
-  background-image: none;
-}
-.tiptap.ProseMirror :-moz-focusring {
-  outline: auto;
-}
-.tiptap.ProseMirror :-moz-ui-invalid {
-  box-shadow: none;
-}
-.tiptap.ProseMirror progress {
-  vertical-align: baseline;
-}
-.tiptap.ProseMirror ::-webkit-inner-spin-button,
-.tiptap.ProseMirror ::-webkit-outer-spin-button {
-  height: auto;
-}
-.tiptap.ProseMirror [type=search] {
-  appearance: textfield;
-  outline-offset: -2px;
-}
-.tiptap.ProseMirror ::-webkit-search-decoration {
-  appearance: none;
-}
-.tiptap.ProseMirror ::-webkit-file-upload-button {
-  appearance: button;
-  font: inherit;
-}
-.tiptap.ProseMirror summary {
-  display: list-item;
-}
-.tiptap.ProseMirror blockquote,
-.tiptap.ProseMirror dl,
-.tiptap.ProseMirror dd,
-.tiptap.ProseMirror h1,
-.tiptap.ProseMirror h2,
-.tiptap.ProseMirror h3,
-.tiptap.ProseMirror h4,
-.tiptap.ProseMirror h5,
-.tiptap.ProseMirror h6,
-.tiptap.ProseMirror hr,
-.tiptap.ProseMirror figure,
-.tiptap.ProseMirror p,
-.tiptap.ProseMirror pre {
-  margin: 0;
-}
-.tiptap.ProseMirror fieldset {
-  margin: 0;
-  padding: 0;
-}
-.tiptap.ProseMirror legend {
-  padding: 0;
-}
-.tiptap.ProseMirror ol,
-.tiptap.ProseMirror ul,
-.tiptap.ProseMirror menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.tiptap.ProseMirror dialog {
-  padding: 0;
-}
-.tiptap.ProseMirror textarea {
-  resize: vertical;
-}
-.tiptap.ProseMirror input::placeholder,
-.tiptap.ProseMirror textarea::-moz-placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-.tiptap.ProseMirror input::placeholder,
-.tiptap.ProseMirror textarea::placeholder {
-  opacity: 1;
-  color: #9ca3af;
-}
-.tiptap.ProseMirror button,
-.tiptap.ProseMirror [role=button] {
-  cursor: pointer;
-}
-.tiptap.ProseMirror :disabled {
-  cursor: default;
-}
-.tiptap.ProseMirror img,
-.tiptap.ProseMirror svg,
-.tiptap.ProseMirror video,
-.tiptap.ProseMirror canvas,
-.tiptap.ProseMirror audio,
-.tiptap.ProseMirror iframe,
-.tiptap.ProseMirror embed,
-.tiptap.ProseMirror object {
-  display: block;
-}
-.tiptap.ProseMirror img,
-.tiptap.ProseMirror video {
-  max-width: 100%;
-  height: auto;
-}
-.tiptap.ProseMirror [hidden]:where(:not([hidden=until-found])) {
-  display: none;
-}
-
-/* src/components/MarkdownEditor/styles/_variables.less */
 :root {
   --tt-gray-light-a-50: rgba(56, 56, 56, 0.04);
   --tt-gray-light-a-100: rgba(15, 22, 36, 0.05);
@@ -618,7 +446,7 @@
   --tt-card-bg-color: var(--white);
   --tt-card-border-color: var(--tt-gray-light-a-100);
 }
-.dark {
+.styles_module_dark {
   --tt-bg-color: var(--black);
   --tt-border-color: var(--tt-gray-dark-a-200);
   --tt-border-color-tint: var(--tt-gray-dark-a-100);
@@ -635,84 +463,150 @@
     0px 2px 3px 0px rgba(0, 0, 0, 0.12);
 }
 :root {
-  --tt-text-color-gray: hsl(45, 2%, 46%);
-  --tt-text-color-brown: hsl(19, 31%, 47%);
-  --tt-text-color-orange: hsl(30, 89%, 45%);
-  --tt-text-color-yellow: hsl(38, 62%, 49%);
-  --tt-text-color-green: hsl(148, 32%, 39%);
-  --tt-text-color-blue: hsl(202, 54%, 43%);
-  --tt-text-color-purple: hsl(274, 32%, 54%);
-  --tt-text-color-pink: hsl(328, 49%, 53%);
-  --tt-text-color-red: hsl(2, 62%, 55%);
-  --tt-text-color-gray-contrast: hsla(39, 26%, 26%, 0.15);
-  --tt-text-color-brown-contrast: hsla(18, 43%, 69%, 0.35);
-  --tt-text-color-orange-contrast: hsla(24, 73%, 55%, 0.27);
-  --tt-text-color-yellow-contrast: hsla(44, 82%, 59%, 0.39);
-  --tt-text-color-green-contrast: hsla(126, 29%, 60%, 0.27);
-  --tt-text-color-blue-contrast: hsla(202, 54%, 59%, 0.27);
-  --tt-text-color-purple-contrast: hsla(274, 37%, 64%, 0.27);
-  --tt-text-color-pink-contrast: hsla(331, 60%, 71%, 0.27);
-  --tt-text-color-red-contrast: hsla(8, 79%, 79%, 0.4);
-}
-.dark :root {
-  --tt-text-color-gray: hsl(0, 0%, 61%);
-  --tt-text-color-brown: hsl(18, 35%, 58%);
-  --tt-text-color-orange: hsl(25, 53%, 53%);
-  --tt-text-color-yellow: hsl(36, 54%, 55%);
-  --tt-text-color-green: hsl(145, 32%, 47%);
-  --tt-text-color-blue: hsl(202, 64%, 52%);
-  --tt-text-color-purple: hsl(270, 55%, 62%);
-  --tt-text-color-pink: hsl(329, 57%, 58%);
-  --tt-text-color-red: hsl(1, 69%, 60%);
-  --tt-text-color-gray-contrast: hsla(0, 0%, 100%, 0.09);
-  --tt-text-color-brown-contrast: hsla(17, 45%, 50%, 0.25);
-  --tt-text-color-orange-contrast: hsla(27, 82%, 53%, 0.2);
-  --tt-text-color-yellow-contrast: hsla(35, 49%, 47%, 0.2);
-  --tt-text-color-green-contrast: hsla(151, 55%, 39%, 0.2);
-  --tt-text-color-blue-contrast: hsla(202, 54%, 43%, 0.2);
-  --tt-text-color-purple-contrast: hsla(271, 56%, 60%, 0.18);
-  --tt-text-color-pink-contrast: hsla(331, 67%, 58%, 0.22);
-  --tt-text-color-red-contrast: hsla(0, 67%, 60%, 0.25);
+  --tt-color-text-gray: hsl(45, 2%, 46%);
+  --tt-color-text-brown: hsl(19, 31%, 47%);
+  --tt-color-text-orange: hsl(30, 89%, 45%);
+  --tt-color-text-yellow: hsl(38, 62%, 49%);
+  --tt-color-text-green: hsl(148, 32%, 39%);
+  --tt-color-text-blue: hsl(202, 54%, 43%);
+  --tt-color-text-purple: hsl(274, 32%, 54%);
+  --tt-color-text-pink: hsl(328, 49%, 53%);
+  --tt-color-text-red: hsl(2, 62%, 55%);
+  --tt-color-text-gray-contrast: hsla(39, 26%, 26%, 0.15);
+  --tt-color-text-brown-contrast: hsla(18, 43%, 69%, 0.35);
+  --tt-color-text-orange-contrast: hsla(24, 73%, 55%, 0.27);
+  --tt-color-text-yellow-contrast: hsla(44, 82%, 59%, 0.39);
+  --tt-color-text-green-contrast: hsla(126, 29%, 60%, 0.27);
+  --tt-color-text-blue-contrast: hsla(202, 54%, 59%, 0.27);
+  --tt-color-text-purple-contrast: hsla(274, 37%, 64%, 0.27);
+  --tt-color-text-pink-contrast: hsla(331, 60%, 71%, 0.27);
+  --tt-color-text-red-contrast: hsla(8, 79%, 79%, 0.4);
+}
+.styles_module_dark {
+  --tt-color-text-gray: hsl(0, 0%, 61%);
+  --tt-color-text-brown: hsl(18, 35%, 58%);
+  --tt-color-text-orange: hsl(25, 53%, 53%);
+  --tt-color-text-yellow: hsl(36, 54%, 55%);
+  --tt-color-text-green: hsl(145, 32%, 47%);
+  --tt-color-text-blue: hsl(202, 64%, 52%);
+  --tt-color-text-purple: hsl(270, 55%, 62%);
+  --tt-color-text-pink: hsl(329, 57%, 58%);
+  --tt-color-text-red: hsl(1, 69%, 60%);
+  --tt-color-text-gray-contrast: hsla(0, 0%, 100%, 0.09);
+  --tt-color-text-brown-contrast: hsla(17, 45%, 50%, 0.25);
+  --tt-color-text-orange-contrast: hsla(27, 82%, 53%, 0.2);
+  --tt-color-text-yellow-contrast: hsla(35, 49%, 47%, 0.2);
+  --tt-color-text-green-contrast: hsla(151, 55%, 39%, 0.2);
+  --tt-color-text-blue-contrast: hsla(202, 54%, 43%, 0.2);
+  --tt-color-text-purple-contrast: hsla(271, 56%, 60%, 0.18);
+  --tt-color-text-pink-contrast: hsla(331, 67%, 58%, 0.22);
+  --tt-color-text-red-contrast: hsla(0, 67%, 60%, 0.25);
 }
 :root {
-  --tt-highlight-yellow: #fef9c3;
-  --tt-highlight-green: #dcfce7;
-  --tt-highlight-blue: #e0f2fe;
-  --tt-highlight-purple: #f3e8ff;
-  --tt-highlight-red: #ffe4e6;
-  --tt-highlight-gray: #f8f8f7;
-  --tt-highlight-brown: #f4eeee;
-  --tt-highlight-orange: #fbecdd;
-  --tt-highlight-pink: #fcf1f6;
-  --tt-highlight-yellow-contrast: #fbe604;
-  --tt-highlight-green-contrast: #c7fad8;
-  --tt-highlight-blue-contrast: #ceeafd;
-  --tt-highlight-purple-contrast: #e4ccff;
-  --tt-highlight-red-contrast: #ffccd0;
-  --tt-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
-  --tt-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
-  --tt-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
-  --tt-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
-}
-.dark :root {
-  --tt-highlight-yellow: #6b6524;
-  --tt-highlight-green: #509568;
-  --tt-highlight-blue: #6e92aa;
-  --tt-highlight-purple: #583e74;
-  --tt-highlight-red: #743e42;
-  --tt-highlight-gray: #2f2f2f;
-  --tt-highlight-brown: #4a3228;
-  --tt-highlight-orange: #5c3b23;
-  --tt-highlight-pink: #4e2c3c;
-  --tt-highlight-yellow-contrast: #58531e;
-  --tt-highlight-green-contrast: #47855d;
-  --tt-highlight-blue-contrast: #5e86a1;
-  --tt-highlight-purple-contrast: #4c3564;
-  --tt-highlight-red-contrast: #643539;
-  --tt-highlight-gray-contrast: rgba(255, 255, 255, 0.094);
-  --tt-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
-  --tt-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
-  --tt-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
+  --tt-color-highlight-yellow: #fef9c3;
+  --tt-color-highlight-green: #dcfce7;
+  --tt-color-highlight-blue: #e0f2fe;
+  --tt-color-highlight-purple: #f3e8ff;
+  --tt-color-highlight-red: #ffe4e6;
+  --tt-color-highlight-gray: #f8f8f7;
+  --tt-color-highlight-brown: #f4eeee;
+  --tt-color-highlight-orange: #fbecdd;
+  --tt-color-highlight-pink: #fcf1f6;
+  --tt-color-highlight-yellow-contrast: #fbe604;
+  --tt-color-highlight-green-contrast: #c7fad8;
+  --tt-color-highlight-blue-contrast: #ceeafd;
+  --tt-color-highlight-purple-contrast: #e4ccff;
+  --tt-color-highlight-red-contrast: #ffccd0;
+  --tt-color-highlight-gray-contrast: rgba(84, 72, 49, 0.15);
+  --tt-color-highlight-brown-contrast: rgba(210, 162, 141, 0.35);
+  --tt-color-highlight-orange-contrast: rgba(224, 124, 57, 0.27);
+  --tt-color-highlight-pink-contrast: rgba(225, 136, 179, 0.27);
+}
+.styles_module_dark {
+  --tt-color-highlight-yellow: #6b6524;
+  --tt-color-highlight-green: #509568;
+  --tt-color-highlight-blue: #6e92aa;
+  --tt-color-highlight-purple: #583e74;
+  --tt-color-highlight-red: #743e42;
+  --tt-color-highlight-gray: #2f2f2f;
+  --tt-color-highlight-brown: #4a3228;
+  --tt-color-highlight-orange: #5c3b23;
+  --tt-color-highlight-pink: #4e2c3c;
+  --tt-color-highlight-yellow-contrast: #58531e;
+  --tt-color-highlight-green-contrast: #47855d;
+  --tt-color-highlight-blue-contrast: #5e86a1;
+  --tt-color-highlight-purple-contrast: #4c3564;
+  --tt-color-highlight-red-contrast: #643539;
+  --tt-color-highlight-gray-contrast: rgba(255, 255, 255, 0.094);
+  --tt-color-highlight-brown-contrast: rgba(184, 101, 69, 0.25);
+  --tt-color-highlight-orange-contrast: rgba(233, 126, 37, 0.2);
+  --tt-color-highlight-pink-contrast: rgba(220, 76, 145, 0.22);
+}
+.styles_module_editorParent {
+  --tt-toolbar-height: 44px;
+  --tt-theme-text: var(--tt-gray-light-900);
+}
+.styles_module_dark .styles_module_editorParent {
+  --tt-theme-text: var(--tt-gray-dark-900);
+}
+.styles_module_editorParent .styles_module_extraToolbar {
+  border-bottom: 1px solid var(--tt-toolbar-border-color);
+  min-height: var(--tt-toolbar-height);
+  padding: 0 8px;
+}
+.styles_module_editorParent .styles_module_editorFloatingToolbar {
+  max-width: 350px;
+}
+.styles_module_editorParent .styles_module_contentWrapper {
+  height: calc(100% - var(--tt-toolbar-height));
+  overflow-y: auto;
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent {
+  max-width: 1000px;
+  width: 100%;
+  margin: 0 auto;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .editor-annotation,
+.editorParent .contentWrapper .simpleEditorContent .editor-collection {
+  display: inline-block;
+  transition: all 0.2s ease;
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .editor-annotation {
+  border-bottom: 1px dashed #ff9500;
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .editor-annotation:hover {
+  background-color: rgba(255, 149, 0, 0.2);
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .editor-annotation .editor-annotation--selected {
+  background-color: rgba(255, 149, 0, 0.4);
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .editor-collection {
+  border-bottom: 1px dashed #34afbe;
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .editor-collection:hover {
+  background-color: rgba(52, 175, 190, 0.2);
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .editor-collection .editor-collection--selected {
+  background-color: rgba(52, 175, 190, 0.4);
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .tiptap.ProseMirror {
+  font-family: "DM Sans", sans-serif;
+  padding: 18px;
+  flex: 1;
+}
+@media screen and (width <= 480px) {
+  .styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent .tiptap.ProseMirror {
+    padding: 1rem 1.5rem;
+  }
+}
+.styles_module_editorParent .styles_module_contentWrapper .styles_module_simpleEditorContent.styles_module_noToolbar .tiptap.ProseMirror {
+  padding: 0;
+}
+.styles_module_extraSidebarParent .extra-sidebar {
+  width: 350px;
 }
 
 /* src/components/MarkdownEditor/components/tiptap-ui-primitive/tooltip/tooltip.less */
@@ -727,7 +621,7 @@
   --tt-kbd: var(--tt-gray-light-a-400);
 }
 .tiptap-tooltip {
-  z-index: 1200;
+  z-index: 200;
   overflow: hidden;
   border-radius: var(--tt-radius-md, 0.375rem);
   background-color: var(--tt-tooltip-bg);
@@ -995,18 +889,23 @@
 
 /* src/components/MarkdownEditor/components/tiptap-ui-primitive/button/button-group.less */
 .tiptap-button-group {
-  align-items: center;
+  position: relative;
   display: flex;
-  gap: 0.125rem;
-  flex-direction: column;
+  vertical-align: middle;
 }
-.tiptap-button-group[data-orientation=vertical],
-.tiptap-button-group [data-orientation=vertical] {
+.tiptap-button-group[data-orientation=vertical] {
   flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  min-width: max-content;
+}
+.tiptap-button-group[data-orientation=vertical] > .tiptap-button {
+  width: 100%;
 }
-.tiptap-button-group[data-orientation=horizontal],
-.tiptap-button-group [data-orientation=horizontal] {
+.tiptap-button-group[data-orientation=horizontal] {
+  gap: 0.125rem;
   flex-direction: row;
+  align-items: center;
 }
 
 /* src/components/MarkdownEditor/components/tiptap-ui-primitive/button/button.less */
@@ -1034,10 +933,17 @@
 .tiptap-button:focus-visible {
   outline: none;
 }
-.tiptap-button[data-highlighted=true] {
+.tiptap-button[data-highlighted=true],
+.tiptap-button[data-focus-visible=true] {
   background-color: var(--tt-button-hover-bg-color);
   color: var(--tt-button-hover-text-color);
 }
+.tiptap-button[data-weight=small] {
+  width: 1.5rem;
+  min-width: 1.5rem;
+  padding-right: 0;
+  padding-left: 0;
+}
 .tiptap-button[data-size=large] {
   font-size: 0.9375rem;
   height: 2.375rem;
@@ -1066,7 +972,6 @@
 .tiptap-button .tiptap-button-icon-sub,
 .tiptap-button .tiptap-button-dropdown-arrows,
 .tiptap-button .tiptap-button-dropdown-small {
-  pointer-events: none;
   flex-shrink: 0;
 }
 .tiptap-button .tiptap-button-icon {
@@ -1124,14 +1029,14 @@
 .tiptap-button:has(> svg):not(:has(> :not(svg)))[data-size=small] {
   gap: 0.125rem;
 }
-.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3)), :has(> .tiptap-button-text)) {
+.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3))):not(:has(> .tiptap-button-text)) {
   gap: 0;
   padding-right: 0.25rem;
 }
-.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3)), :has(> .tiptap-button-text))[data-size=large] {
+.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3))):not(:has(> .tiptap-button-text))[data-size=large] {
   padding-right: 0.375rem;
 }
-.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3)), :has(> .tiptap-button-text))[data-size=small] {
+.tiptap-button:has(> svg:nth-of-type(2)):has(> .tiptap-button-dropdown-small):not(:has(> svg:nth-of-type(3))):not(:has(> .tiptap-button-text))[data-size=small] {
   padding-right: 0.25rem;
 }
 .tiptap-button .tiptap-button-emoji {
@@ -1161,23 +1066,28 @@
 .tiptap-button .tiptap-button-dropdown-small {
   color: var(--tt-button-default-dropdown-arrows-color);
 }
-.tiptap-button:hover,
-.tiptap-button[data-active-item=true]:not([disabled]) {
+.tiptap-button:hover:not([data-active-item=true]):not([disabled]),
+.tiptap-button[data-active-item=true]:not([disabled]),
+.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) {
   background-color: var(--tt-button-hover-bg-color);
   color: var(--tt-button-hover-text-color);
 }
-.tiptap-button:hover .tiptap-button-icon,
-.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon {
+.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon,
+.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon,
+.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon {
   color: var(--tt-button-hover-icon-color);
 }
-.tiptap-button:hover .tiptap-button-icon-sub,
-.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon-sub {
+.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-icon-sub,
+.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-icon-sub,
+.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-icon-sub {
   color: var(--tt-button-hover-icon-sub-color);
 }
-.tiptap-button:hover .tiptap-button-dropdown-arrows,
+.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-arrows,
 .tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-arrows,
-.tiptap-button:hover .tiptap-button-dropdown-small,
-.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-small {
+.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-arrows,
+.tiptap-button:hover:not([data-active-item=true]):not([disabled]) .tiptap-button-dropdown-small,
+.tiptap-button[data-active-item=true]:not([disabled]) .tiptap-button-dropdown-small,
+.tiptap-button[data-highlighted]:not([disabled]):not([data-highlighted=false]) .tiptap-button-dropdown-small {
   color: var(--tt-button-hover-dropdown-arrows-color);
 }
 .tiptap-button[data-active-state=on]:not([disabled]),
@@ -1275,6 +1185,7 @@
 .tiptap-separator[data-orientation=horizontal] {
   height: 1px;
   width: 100%;
+  margin: 0.5rem 0;
 }
 .tiptap-separator[data-orientation=vertical] {
   height: 1.5rem;
@@ -1327,11 +1238,10 @@
 .tiptap-toolbar[data-variant=fixed]::-webkit-scrollbar {
   display: none;
 }
-@media (width <= 480px) {
+@media (max-width: 480px) {
   .tiptap-toolbar[data-variant=fixed] {
-    position: fixed;
+    position: absolute;
     top: auto;
-    bottom: 0;
     height: calc(var(--tt-toolbar-height) + var(--tt-safe-area-bottom));
     border-top: 1px solid var(--tt-toolbar-border-color);
     border-bottom: none;
@@ -1361,7 +1271,7 @@
   box-shadow: none;
   background-color: transparent;
 }
-@media screen and (width <= 768px) {
+@media screen and (max-width: 480px) {
   .tiptap-toolbar[data-variant=floating] {
     width: 100%;
     border-radius: 0;
@@ -1370,6 +1280,36 @@
   }
 }
 
+/* src/components/MarkdownEditor/components/tiptap-node/blockquote-node/blockquote-node.less */
+.tiptap.ProseMirror {
+  --blockquote-bg-color: var(--tt-gray-light-900);
+}
+.dark .tiptap.ProseMirror {
+  --blockquote-bg-color: var(--tt-gray-dark-900);
+}
+.tiptap.ProseMirror blockquote {
+  position: relative;
+  padding-left: 1em;
+  padding-top: 0.375em;
+  padding-bottom: 0.375em;
+  margin: 1.5rem 0;
+}
+.tiptap.ProseMirror blockquote p {
+  margin-top: 0;
+}
+.tiptap.ProseMirror blockquote::before,
+.tiptap.ProseMirror blockquote.is-empty::before {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 0.25em;
+  background-color: var(--blockquote-bg-color);
+  content: "";
+  border-radius: 0;
+}
+
 /* src/components/MarkdownEditor/components/tiptap-node/code-block-node/code-block-node.less */
 .tiptap.ProseMirror {
   --tt-inline-code-bg-color: var(--tt-gray-light-a-100);
@@ -1415,25 +1355,84 @@
   color: inherit;
 }
 
-/* src/components/MarkdownEditor/components/tiptap-node/image-node/image-node.less */
-.tiptap.ProseMirror img {
-  max-width: 100%;
-  height: auto;
-  display: block;
-}
-.tiptap.ProseMirror > img:not([data-type=emoji] img) {
-  margin: 2rem 0;
-  outline: 0.125rem solid transparent;
-  border-radius: var(--tt-radius-xs, 0.25rem);
+/* src/components/MarkdownEditor/components/tiptap-node/heading-node/heading-node.less */
+.tiptap.ProseMirror h1,
+.tiptap.ProseMirror h2,
+.tiptap.ProseMirror h3,
+.tiptap.ProseMirror h4 {
+  position: relative;
+  color: inherit;
+  font-style: inherit;
 }
-.tiptap.ProseMirror.ProseMirror-focused img:not([data-type=emoji] img).ProseMirror-selectednode {
-  outline-color: var(--tt-brand-color-500);
+.tiptap.ProseMirror h1:first-child,
+.tiptap.ProseMirror h2:first-child,
+.tiptap.ProseMirror h3:first-child,
+.tiptap.ProseMirror h4:first-child,
+.tiptap.ProseMirror h1:first-of-type,
+.tiptap.ProseMirror h2:first-of-type,
+.tiptap.ProseMirror h3:first-of-type,
+.tiptap.ProseMirror h4:first-of-type {
+  margin-top: 0;
 }
-.tiptap.ProseMirror .tiptap-thread:has(> img) {
-  margin: 2rem 0;
+.tiptap.ProseMirror h1 {
+  font-size: 1.5em;
+  font-weight: 700;
+  margin-top: 3em;
 }
-.tiptap.ProseMirror .tiptap-thread:has(> img) img {
-  outline: 0.125rem solid transparent;
+.tiptap.ProseMirror h2 {
+  font-size: 1.25em;
+  font-weight: 700;
+  margin-top: 2.5em;
+}
+.tiptap.ProseMirror h3 {
+  font-size: 1.125em;
+  font-weight: 600;
+  margin-top: 2em;
+}
+.tiptap.ProseMirror h4 {
+  font-size: 1em;
+  font-weight: 600;
+  margin-top: 2em;
+}
+
+/* src/components/MarkdownEditor/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.less */
+.tiptap.ProseMirror {
+  --horizontal-rule-color: var(--tt-gray-light-a-200);
+}
+.dark .tiptap.ProseMirror {
+  --horizontal-rule-color: var(--tt-gray-dark-a-200);
+}
+.tiptap.ProseMirror hr {
+  border: none;
+  height: 1px;
+  background-color: var(--horizontal-rule-color);
+}
+.tiptap.ProseMirror [data-type=horizontalRule] {
+  margin-top: 2.25em;
+  margin-bottom: 2.25em;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+/* src/components/MarkdownEditor/components/tiptap-node/image-node/image-node.less */
+.tiptap.ProseMirror img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+.tiptap.ProseMirror > img:not([data-type=emoji] img) {
+  margin: 2rem 0;
+  outline: 0.125rem solid transparent;
+  border-radius: var(--tt-radius-xs, 0.25rem);
+}
+.tiptap.ProseMirror img:not([data-type=emoji] img).ProseMirror-selectednode {
+  outline-color: var(--tt-brand-color-500);
+}
+.tiptap.ProseMirror .tiptap-thread:has(> img) {
+  margin: 2rem 0;
+}
+.tiptap.ProseMirror .tiptap-thread:has(> img) img {
+  outline: 0.125rem solid transparent;
   border-radius: var(--tt-radius-xs, 0.25rem);
 }
 .tiptap.ProseMirror .tiptap-thread img {
@@ -1480,6 +1479,7 @@
 }
 .tiptap.ProseMirror li p {
   margin-top: 0;
+  line-height: 1.6;
 }
 .tiptap.ProseMirror ol {
   list-style: decimal;
@@ -1497,7 +1497,7 @@
   list-style: circle;
 }
 .tiptap.ProseMirror ul:not([data-type=taskList]) ul ul {
-  list-style: disc;
+  list-style: square;
 }
 .tiptap.ProseMirror ul[data-type=taskList] {
   padding-left: 0.25em;
@@ -1519,8 +1519,8 @@
 }
 .tiptap.ProseMirror ul[data-type=taskList] li label {
   position: relative;
-  padding-top: 4px;
-  padding-right: 8px;
+  padding-top: 0.375rem;
+  padding-right: 0.5rem;
 }
 .tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox] {
   position: absolute;
@@ -1549,6 +1549,7 @@
   height: 0.75em;
   background-color: var(--tt-checklist-check-icon-color);
   opacity: 0;
+  -webkit-mask: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center / contain no-repeat;
   mask: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.4142%204.58579C22.1953%205.36683%2022.1953%206.63317%2021.4142%207.41421L10.4142%2018.4142C9.63317%2019.1953%208.36684%2019.1953%207.58579%2018.4142L2.58579%2013.4142C1.80474%2012.6332%201.80474%2011.3668%202.58579%2010.5858C3.36683%209.80474%204.63317%209.80474%205.41421%2010.5858L9%2014.1716L18.5858%204.58579C19.3668%203.80474%2020.6332%203.80474%2021.4142%204.58579Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E) center / contain no-repeat;
 }
 .tiptap.ProseMirror ul[data-type=taskList] li label input[type=checkbox]:checked + span {
@@ -1565,81 +1566,56 @@
 
 /* src/components/MarkdownEditor/components/tiptap-node/paragraph-node/paragraph-node.less */
 .tiptap.ProseMirror {
-  --blockquote-bg-color: var(--tt-gray-light-900);
+  --tt-collaboration-carets-label: var(--tt-gray-light-900);
   --link-text-color: var(--tt-brand-color-500);
-  --separator-color: var(--tt-gray-light-a-200);
   --thread-text: var(--tt-gray-light-900);
   --placeholder-color: var(--tt-gray-light-a-400);
-  --tiptap-mathematics-bg-color: var(--tt-gray-light-a-200);
-  --tiptap-mathematics-border-color: var(--tt-brand-color-500);
+  --thread-bg-color: var(--tt-color-yellow-inc-2);
+  --tiptap-ai-insertion-color: var(--tt-brand-color-600);
 }
 .dark .tiptap.ProseMirror {
-  --blockquote-bg-color: var(--tt-gray-dark-900);
+  --tt-collaboration-carets-label: var(--tt-gray-dark-100);
   --link-text-color: var(--tt-brand-color-400);
-  --separator-color: var(--tt-gray-dark-a-200);
   --thread-text: var(--tt-gray-dark-900);
   --placeholder-color: var(--tt-gray-dark-a-400);
-  --tiptap-mathematics-bg-color: var(--tt-gray-dark-a-200);
-  --tiptap-mathematics-border-color: var(--tt-brand-color-400);
+  --thread-bg-color: var(--tt-color-yellow-dec-2);
+  --tiptap-ai-insertion-color: var(--tt-brand-color-400);
+}
+.tiptap.ProseMirror > * {
+  position: relative;
 }
 .tiptap.ProseMirror {
   white-space: pre-wrap;
   outline: none;
   caret-color: var(--tt-cursor-color);
 }
-.tiptap.ProseMirror p:not(:first-child) {
+.tiptap.ProseMirror p:not(:first-child):not(td p):not(th p) {
   font-size: 1rem;
   line-height: 1.6;
   font-weight: normal;
   margin-top: 20px;
 }
-.tiptap.ProseMirror:not(.readonly, .ProseMirror-hideselection) ::selection {
+.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) ::selection {
   background-color: var(--tt-selection-color);
 }
-.tiptap.ProseMirror:not(.readonly, .ProseMirror-hideselection) .selection::selection {
+.tiptap.ProseMirror:not(.readonly):not(.ProseMirror-hideselection) .selection::selection {
   background: transparent;
 }
 .tiptap.ProseMirror .selection {
   display: inline;
   background-color: var(--tt-selection-color);
 }
+.tiptap.ProseMirror .ProseMirror-selectednode:not(img):not(pre):not(.react-renderer) {
+  border-radius: var(--tt-radius-md);
+  background-color: var(--tt-selection-color);
+}
 .tiptap.ProseMirror .ProseMirror-hideselection {
   caret-color: transparent;
 }
-.tiptap.ProseMirror > p.is-editor-empty::before {
-  content: attr(data-placeholder);
-  pointer-events: none;
-  color: var(--placeholder-color);
-  float: left;
-  height: 0;
-}
 .tiptap.ProseMirror.resize-cursor {
   cursor: ew-resize;
   cursor: col-resize;
 }
-.tiptap.ProseMirror .ProseMirror-gapcursor {
-  display: none;
-  pointer-events: none;
-  position: absolute;
-}
-.tiptap.ProseMirror .ProseMirror-gapcursor::after {
-  content: "";
-  display: block;
-  position: absolute;
-  top: 1em;
-  width: 1.25em;
-  border-top: 1px solid black;
-  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
-}
-.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor,
-.tiptap.ProseMirror.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor {
-  display: block;
-}
-@keyframes ProseMirror-cursor-blink {
-  to {
-    visibility: hidden;
-  }
-}
 .tiptap.ProseMirror a span {
   text-decoration: underline;
 }
@@ -1649,29 +1625,10 @@
 .tiptap.ProseMirror u span {
   text-decoration: underline;
 }
-.tiptap.ProseMirror blockquote {
-  position: relative;
-  padding-left: 1em;
-  padding-top: 0.375em;
-  padding-bottom: 0.375em;
-  margin: 1.5rem 0;
-}
-.tiptap.ProseMirror blockquote p {
-  margin-top: 0;
-}
-.tiptap.ProseMirror blockquote::before,
-.tiptap.ProseMirror blockquote.is-empty::before {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  top: 0;
-  height: 100%;
-  width: 0.25em;
-  background-color: var(--blockquote-bg-color);
-  content: "";
-  border-radius: 0;
+.tiptap.ProseMirror .tiptap-ai-insertion {
+  color: var(--tiptap-ai-insertion-color);
 }
-.tiptap.ProseMirror .collaboration-cursor__caret {
+.tiptap.ProseMirror .collaboration-carets__caret {
   border-right: 1px solid transparent;
   border-left: 1px solid transparent;
   pointer-events: none;
@@ -1680,7 +1637,8 @@
   position: relative;
   word-break: normal;
 }
-.tiptap.ProseMirror .collaboration-cursor__label {
+.tiptap.ProseMirror .collaboration-carets__label {
+  color: var(--tt-collaboration-carets-label);
   border-radius: 0.25rem;
   border-bottom-left-radius: 0;
   font-size: 0.75rem;
@@ -1699,52 +1657,6 @@
   height: 1.25em;
   cursor: text;
 }
-.tiptap.ProseMirror h1,
-.tiptap.ProseMirror h2,
-.tiptap.ProseMirror h3,
-.tiptap.ProseMirror h4 {
-  position: relative;
-  color: inherit;
-  font-style: inherit;
-}
-.tiptap.ProseMirror h1:first-child,
-.tiptap.ProseMirror h2:first-child,
-.tiptap.ProseMirror h3:first-child,
-.tiptap.ProseMirror h4:first-child {
-  margin-top: 0;
-}
-.tiptap.ProseMirror h1 {
-  font-size: 1.5em;
-  font-weight: 700;
-  margin-top: 3em;
-}
-.tiptap.ProseMirror h2 {
-  font-size: 1.25em;
-  font-weight: 700;
-  margin-top: 2.5em;
-}
-.tiptap.ProseMirror h3 {
-  font-size: 1.125em;
-  font-weight: 600;
-  margin-top: 2em;
-}
-.tiptap.ProseMirror h4 {
-  font-size: 1em;
-  font-weight: 600;
-  margin-top: 2em;
-}
-.tiptap.ProseMirror hr {
-  margin-top: 3em;
-  margin-bottom: 3em;
-  border: none;
-  height: 1px;
-  background-color: var(--separator-color);
-}
-.tiptap.ProseMirror.ProseMirror-focused hr.ProseMirror-selectednode {
-  border-radius: 9999px;
-  outline: 3px solid var(--tt-brand-color-500);
-  outline-offset: 2px;
-}
 .tiptap.ProseMirror a {
   color: var(--link-text-color);
   text-decoration: underline;
@@ -1761,7 +1673,7 @@
 }
 .tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--selected,
 .tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--inline.tiptap-thread--hovered {
-  background-color: var(--tt-color-yellow-inc-2);
+  background-color: var(--thread-bg-color);
   border-bottom-color: transparent;
 }
 .tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:has(img) {
@@ -1780,7 +1692,7 @@
 .tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)) {
   border-radius: 0.25rem;
   border-bottom: 0.125rem dashed var(--tt-color-yellow-base);
-  padding-bottom: 0.5rem;
+  border-top: 0.125rem dashed var(--tt-color-yellow-base);
   outline: 0.25rem solid transparent;
 }
 .tiptap.ProseMirror .tiptap-thread.tiptap-thread--unresolved.tiptap-thread--block:not(:has(img)).tiptap-thread--hovered,
@@ -1797,107 +1709,324 @@
   margin-top: 3rem;
   margin-bottom: 3rem;
 }
-.tiptap.ProseMirror .Tiptap-mathematics-editor {
-  padding: 0 0.25rem;
-  margin: 0 0.25rem;
-  border: 1px solid var(--tiptap-mathematics-border-color);
-  font-family: monospace;
-  font-size: 0.875rem;
-}
-.tiptap.ProseMirror .Tiptap-mathematics-render {
-  padding: 0 0.25rem;
-}
-.tiptap.ProseMirror .Tiptap-mathematics-render--editable {
-  cursor: pointer;
-  transition: background 0.2s;
-}
-.tiptap.ProseMirror .Tiptap-mathematics-render--editable:hover {
-  background: var(--tiptap-mathematics-bg-color);
-}
-.tiptap.ProseMirror .Tiptap-mathematics-editor,
-.tiptap.ProseMirror .Tiptap-mathematics-render {
-  border-radius: var(--tt-radius-xs);
-  display: inline-block;
+.is-empty:not(.with-slash)[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child)::before {
+  content: attr(data-placeholder);
 }
-.is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child)::before {
-  content: "Write, type '/' for commands\2026";
+.is-empty.with-slash[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child)::before {
+  content: "\5f00\59cb\5199\4f5c\ff0c\8f93\5165'/'\67e5\770b\547d\4ee4\2026";
+  font-style: italic;
 }
-.is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child)::before {
+.is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak:only-child):before {
   pointer-events: none;
   height: 0;
   position: absolute;
-  font-style: italic;
+  width: 100%;
+  text-align: inherit;
+  left: 0;
+  right: 0;
 }
-.is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak)::before {
+.is-empty[data-placeholder]:has(> .ProseMirror-trailingBreak):before {
   color: var(--placeholder-color);
 }
-
-/* src/components/MarkdownEditor/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.less */
-.tiptap-dropdown-menu {
-  --tt-popover-bg-color: var(--white);
-  --tt-popover-border-color: var(--tt-gray-light-a-100);
-  --tt-popover-text-color: var(--tt-gray-light-a-600);
-  --tt-popover-label: var(--tt-gray-light-a-400);
+.prosemirror-dropcursor-block,
+.prosemirror-dropcursor-inline {
+  background: var(--tt-brand-color-400) !important;
+  border-radius: 0.25rem;
+  margin-left: -1px;
+  margin-right: -1px;
+  width: 100%;
+  height: 0.188rem;
+  cursor: grabbing;
 }
-.dark .tiptap-dropdown-menu {
-  --tt-popover-border-color: var(--tt-gray-dark-a-50);
-  --tt-popover-bg-color: var(--tt-gray-dark-50);
-  --tt-popover-text-color: var(--tt-gray-dark-a-600);
-  --tt-popover-label: var(--tt-gray-dark-a-400);
+
+/* src/components/MarkdownEditor/components/tiptap-ui-primitive/badge/badge-colors.less */
+.tiptap-badge {
+  --tt-badge-border-color: var(--tt-gray-light-a-200);
+  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
+  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
+  --tt-badge-text-color: var(--tt-gray-light-a-500);
+  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
+  --tt-badge-text-color-emphasized: var(--tt-gray-light-a-600);
+  --tt-badge-bg-color: var(--white);
+  --tt-badge-bg-color-subdued: var(--white);
+  --tt-badge-bg-color-emphasized: var(--white);
+  --tt-badge-icon-color: var(--tt-gray-light-a-500);
+  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
+  --tt-badge-icon-color-emphasized: var(--tt-brand-color-600);
+}
+.dark .tiptap-badge {
+  --tt-badge-border-color: var(--tt-gray-dark-a-200);
+  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
+  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
+  --tt-badge-text-color: var(--tt-gray-dark-a-500);
+  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
+  --tt-badge-text-color-emphasized: var(--tt-gray-dark-a-600);
+  --tt-badge-bg-color: var(--black);
+  --tt-badge-bg-color-subdued: var(--black);
+  --tt-badge-bg-color-emphasized: var(--black);
+  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
+  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
+  --tt-badge-icon-color-emphasized: var(--tt-brand-color-400);
+}
+.tiptap-badge[data-style=ghost] {
+  --tt-badge-border-color: var(--tt-gray-light-a-200);
+  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
+  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-600);
+  --tt-badge-text-color: var(--tt-gray-light-a-500);
+  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
+  --tt-badge-text-color-emphasized: var(--tt-gray-light-a-600);
+  --tt-badge-bg-color: var(--transparent);
+  --tt-badge-bg-color-subdued: var(--transparent);
+  --tt-badge-bg-color-emphasized: var(--transparent);
+  --tt-badge-icon-color: var(--tt-gray-light-a-500);
+  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
+  --tt-badge-icon-color-emphasized: var(--tt-brand-color-600);
+}
+.dark .tiptap-badge[data-style=ghost] {
+  --tt-badge-border-color: var(--tt-gray-dark-a-200);
+  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
+  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
+  --tt-badge-text-color: var(--tt-gray-dark-a-500);
+  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
+  --tt-badge-text-color-emphasized: var(--tt-gray-dark-a-600);
+  --tt-badge-bg-color: var(--transparent);
+  --tt-badge-bg-color-subdued: var(--transparent);
+  --tt-badge-bg-color-emphasized: var(--transparent);
+  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
+  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
+  --tt-badge-icon-color-emphasized: var(--tt-brand-color-400);
+}
+.tiptap-badge[data-style=gray] {
+  --tt-badge-border-color: var(--tt-gray-light-a-200);
+  --tt-badge-border-color-subdued: var(--tt-gray-light-a-200);
+  --tt-badge-border-color-emphasized: var(--tt-gray-light-a-500);
+  --tt-badge-text-color: var(--tt-gray-light-a-500);
+  --tt-badge-text-color-subdued: var(--tt-gray-light-a-400);
+  --tt-badge-text-color-emphasized: var(--white);
+  --tt-badge-bg-color: var(--tt-gray-light-a-100);
+  --tt-badge-bg-color-subdued: var(--tt-gray-light-a-50);
+  --tt-badge-bg-color-emphasized: var(--tt-gray-light-a-700);
+  --tt-badge-icon-color: var(--tt-gray-light-a-500);
+  --tt-badge-icon-color-subdued: var(--tt-gray-light-a-400);
+  --tt-badge-icon-color-emphasized: var(--white);
+}
+.dark .tiptap-badge[data-style=gray] {
+  --tt-badge-border-color: var(--tt-gray-dark-a-200);
+  --tt-badge-border-color-subdued: var(--tt-gray-dark-a-200);
+  --tt-badge-border-color-emphasized: var(--tt-gray-dark-a-500);
+  --tt-badge-text-color: var(--tt-gray-dark-a-500);
+  --tt-badge-text-color-subdued: var(--tt-gray-dark-a-400);
+  --tt-badge-text-color-emphasized: var(--black);
+  --tt-badge-bg-color: var(--tt-gray-dark-a-100);
+  --tt-badge-bg-color-subdued: var(--tt-gray-dark-a-50);
+  --tt-badge-bg-color-emphasized: var(--tt-gray-dark-a-800);
+  --tt-badge-icon-color: var(--tt-gray-dark-a-500);
+  --tt-badge-icon-color-subdued: var(--tt-gray-dark-a-400);
+  --tt-badge-icon-color-emphasized: var(--black);
+}
+.tiptap-badge[data-style=green] {
+  --tt-badge-border-color: var(--tt-color-green-inc-2);
+  --tt-badge-border-color-subdued: var(--tt-color-green-inc-3);
+  --tt-badge-border-color-emphasized: var(--tt-color-green-dec-2);
+  --tt-badge-text-color: var(--tt-color-green-dec-3);
+  --tt-badge-text-color-subdued: var(--tt-color-green-dec-2);
+  --tt-badge-text-color-emphasized: var(--tt-color-green-inc-5);
+  --tt-badge-bg-color: var(--tt-color-green-inc-4);
+  --tt-badge-bg-color-subdued: var(--tt-color-green-inc-5);
+  --tt-badge-bg-color-emphasized: var(--tt-color-green-dec-1);
+  --tt-badge-icon-color: var(--tt-color-green-dec-3);
+  --tt-badge-icon-color-subdued: var(--tt-color-green-dec-2);
+  --tt-badge-icon-color-emphasized: var(--tt-color-green-inc-5);
+}
+.dark .tiptap-badge[data-style=green] {
+  --tt-badge-border-color: var(--tt-color-green-dec-2);
+  --tt-badge-border-color-subdued: var(--tt-color-green-dec-3);
+  --tt-badge-border-color-emphasized: var(--tt-color-green-base);
+  --tt-badge-text-color: var(--tt-color-green-inc-3);
+  --tt-badge-text-color-subdued: var(--tt-color-green-inc-2);
+  --tt-badge-text-color-emphasized: var(--tt-color-green-dec-5);
+  --tt-badge-bg-color: var(--tt-color-green-dec-4);
+  --tt-badge-bg-color-subdued: var(--tt-color-green-dec-5);
+  --tt-badge-bg-color-emphasized: var(--tt-color-green-inc-1);
+  --tt-badge-icon-color: var(--tt-color-green-inc-3);
+  --tt-badge-icon-color-subdued: var(--tt-color-green-inc-2);
+  --tt-badge-icon-color-emphasized: var(--tt-color-green-dec-5);
+}
+.tiptap-badge[data-style=yellow] {
+  --tt-badge-border-color: var(--tt-color-yellow-inc-2);
+  --tt-badge-border-color-subdued: var(--tt-color-yellow-inc-3);
+  --tt-badge-border-color-emphasized: var(--tt-color-yellow-dec-1);
+  --tt-badge-text-color: var(--tt-color-yellow-dec-3);
+  --tt-badge-text-color-subdued: var(--tt-color-yellow-dec-2);
+  --tt-badge-text-color-emphasized: var(--tt-color-yellow-dec-3);
+  --tt-badge-bg-color: var(--tt-color-yellow-inc-4);
+  --tt-badge-bg-color-subdued: var(--tt-color-yellow-inc-5);
+  --tt-badge-bg-color-emphasized: var(--tt-color-yellow-base);
+  --tt-badge-icon-color: var(--tt-color-yellow-dec-3);
+  --tt-badge-icon-color-subdued: var(--tt-color-yellow-dec-2);
+  --tt-badge-icon-color-emphasized: var(--tt-color-yellow-dec-3);
+}
+.dark .tiptap-badge[data-style=yellow] {
+  --tt-badge-border-color: var(--tt-color-yellow-dec-2);
+  --tt-badge-border-color-subdued: var(--tt-color-yellow-dec-3);
+  --tt-badge-border-color-emphasized: var(--tt-color-yellow-inc-1);
+  --tt-badge-text-color: var(--tt-color-yellow-inc-3);
+  --tt-badge-text-color-subdued: var(--tt-color-yellow-inc-2);
+  --tt-badge-text-color-emphasized: var(--tt-color-yellow-dec-3);
+  --tt-badge-bg-color: var(--tt-color-yellow-dec-4);
+  --tt-badge-bg-color-subdued: var(--tt-color-yellow-dec-5);
+  --tt-badge-bg-color-emphasized: var(--tt-color-yellow-base);
+  --tt-badge-icon-color: var(--tt-color-yellow-inc-3);
+  --tt-badge-icon-color-subdued: var(--tt-color-yellow-inc-2);
+  --tt-badge-icon-color-emphasized: var(--tt-color-yellow-dec-3);
+}
+.tiptap-badge[data-style=red] {
+  --tt-badge-border-color: var(--tt-color-red-inc-2);
+  --tt-badge-border-color-subdued: var(--tt-color-red-inc-3);
+  --tt-badge-border-color-emphasized: var(--tt-color-red-dec-2);
+  --tt-badge-text-color: var(--tt-color-red-dec-3);
+  --tt-badge-text-color-subdued: var(--tt-color-red-dec-2);
+  --tt-badge-text-color-emphasized: var(--tt-color-red-inc-5);
+  --tt-badge-bg-color: var(--tt-color-red-inc-4);
+  --tt-badge-bg-color-subdued: var(--tt-color-red-inc-5);
+  --tt-badge-bg-color-emphasized: var(--tt-color-red-dec-1);
+  --tt-badge-icon-color: var(--tt-color-red-dec-3);
+  --tt-badge-icon-color-subdued: var(--tt-color-red-dec-2);
+  --tt-badge-icon-color-emphasized: var(--tt-color-red-inc-5);
+}
+.dark .tiptap-badge[data-style=red] {
+  --tt-badge-border-color: var(--tt-color-red-dec-2);
+  --tt-badge-border-color-subdued: var(--tt-color-red-dec-3);
+  --tt-badge-border-color-emphasized: var(--tt-color-red-base);
+  --tt-badge-text-color: var(--tt-color-red-inc-3);
+  --tt-badge-text-color-subdued: var(--tt-color-red-inc-2);
+  --tt-badge-text-color-emphasized: var(--tt-color-red-dec-5);
+  --tt-badge-bg-color: var(--tt-color-red-dec-4);
+  --tt-badge-bg-color-subdued: var(--tt-color-red-dec-5);
+  --tt-badge-bg-color-emphasized: var(--tt-color-red-inc-1);
+  --tt-badge-icon-color: var(--tt-color-red-inc-3);
+  --tt-badge-icon-color-subdued: var(--tt-color-red-inc-2);
+  --tt-badge-icon-color-emphasized: var(--tt-color-red-dec-5);
+}
+.tiptap-badge[data-style=brand] {
+  --tt-badge-border-color: var(--tt-brand-color-300);
+  --tt-badge-border-color-subdued: var(--tt-brand-color-200);
+  --tt-badge-border-color-emphasized: var(--tt-brand-color-600);
+  --tt-badge-text-color: var(--tt-brand-color-800);
+  --tt-badge-text-color-subdued: var(--tt-brand-color-700);
+  --tt-badge-text-color-emphasized: var(--tt-brand-color-50);
+  --tt-badge-bg-color: var(--tt-brand-color-100);
+  --tt-badge-bg-color-subdued: var(--tt-brand-color-50);
+  --tt-badge-bg-color-emphasized: var(--tt-brand-color-600);
+  --tt-badge-icon-color: var(--tt-brand-color-800);
+  --tt-badge-icon-color-subdued: var(--tt-brand-color-700);
+  --tt-badge-icon-color-emphasized: var(--tt-brand-color-100);
+}
+.dark .tiptap-badge[data-style=brand] {
+  --tt-badge-border-color: var(--tt-brand-color-700);
+  --tt-badge-border-color-subdued: var(--tt-brand-color-800);
+  --tt-badge-border-color-emphasized: var(--tt-brand-color-400);
+  --tt-badge-text-color: var(--tt-brand-color-200);
+  --tt-badge-text-color-subdued: var(--tt-brand-color-300);
+  --tt-badge-text-color-emphasized: var(--tt-brand-color-950);
+  --tt-badge-bg-color: var(--tt-brand-color-900);
+  --tt-badge-bg-color-subdued: var(--tt-brand-color-950);
+  --tt-badge-bg-color-emphasized: var(--tt-brand-color-400);
+  --tt-badge-icon-color: var(--tt-brand-color-200);
+  --tt-badge-icon-color-subdued: var(--tt-brand-color-300);
+  --tt-badge-icon-color-emphasized: var(--tt-brand-color-900);
 }
-.tiptap-dropdown-menu {
-  --padding: 0.25rem;
-  --border-width: 1px;
-  z-index: 1200;
-  border-radius: calc(var(--padding) + var(--tt-radius-lg) + var(--border-width));
-  border: var(--border-width) solid var(--tt-popover-border-color);
-  background-color: var(--tt-popover-bg-color);
-  padding: var(--padding);
-  color: var(--tt-popover-text-color);
-  box-shadow: var(--tt-shadow-elevated-md);
-  outline: none;
-  overflow: auto;
+
+/* src/components/MarkdownEditor/components/tiptap-ui-primitive/badge/badge-group.less */
+.tiptap-badge-group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
   gap: 0.25rem;
 }
-.tiptap-dropdown-menu button {
-  width: 100%;
+.tiptap-badge-group [data-orientation=vertical] {
+  flex-direction: column;
 }
-.tiptap-dropdown-menu .tiptap-dropdown-menu-separator {
-  margin: 0.25rem 0;
+.tiptap-badge-group [data-orientation=horizontal] {
+  flex-direction: row;
 }
-.tiptap-dropdown-menu .tiptap-dropdown-menu-label {
-  margin-left: 0.5rem;
+
+/* src/components/MarkdownEditor/components/tiptap-ui-primitive/badge/badge.less */
+.tiptap-badge {
+  font-size: 0.625rem;
+  font-weight: 700;
+  font-feature-settings: "salt" on, "cv01" on;
+  line-height: 1.15;
+  height: 1.25rem;
+  min-width: 1.25rem;
+  padding: 0.25rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: solid 1px;
+  border-radius: var(--tt-radius-sm, 0.375rem);
+  transition-property:
+    background,
+    color,
+    opacity;
+  transition-duration: var(--tt-transition-duration-default);
+  transition-timing-function: var(--tt-transition-easing-default);
+}
+.tiptap-badge[data-size=large] {
   font-size: 0.75rem;
-  font-weight: 600;
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-  color: var(--tt-popover-label);
+  height: 1.5rem;
+  min-width: 1.5rem;
+  padding: 0.375rem;
+  border-radius: var(--tt-radius-md, 0.375rem);
 }
-.tiptap-dropdown-menu[data-state=open] {
-  animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
+.tiptap-badge[data-size=small] {
+  height: 1rem;
+  min-width: 1rem;
+  padding: 0.125rem;
+  border-radius: var(--tt-radius-xs, 0.25rem);
 }
-.tiptap-dropdown-menu[data-state=closed] {
-  animation: fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomOut 150ms cubic-bezier(0.16, 1, 0.3, 1);
+.tiptap-badge .tiptap-badge-text {
+  padding: 0 0.125rem;
+  flex-grow: 1;
+  text-align: left;
 }
-.tiptap-dropdown-menu[data-side=top],
-.tiptap-dropdown-menu[data-side=top-start],
-.tiptap-dropdown-menu[data-side=top-end] {
-  animation: slideFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
+.tiptap-badge[data-text-trim=on] .tiptap-badge-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
-.tiptap-dropdown-menu[data-side=right],
-.tiptap-dropdown-menu[data-side=right-start],
-.tiptap-dropdown-menu[data-side=right-end] {
-  animation: slideFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
+.tiptap-badge .tiptap-badge-icon {
+  pointer-events: none;
+  flex-shrink: 0;
+  width: 0.625rem;
+  height: 0.625rem;
 }
-.tiptap-dropdown-menu[data-side=bottom],
-.tiptap-dropdown-menu[data-side=bottom-start],
-.tiptap-dropdown-menu[data-side=bottom-end] {
-  animation: slideFromTop 150ms cubic-bezier(0.16, 1, 0.3, 1);
+.tiptap-badge[data-size=large] .tiptap-badge-icon {
+  width: 0.75rem;
+  height: 0.75rem;
 }
-.tiptap-dropdown-menu[data-side=left],
-.tiptap-dropdown-menu[data-side=left-start],
-.tiptap-dropdown-menu[data-side=left-end] {
-  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
+.tiptap-badge {
+  background-color: var(--tt-badge-bg-color);
+  border-color: var(--tt-badge-border-color);
+  color: var(--tt-badge-text-color);
+}
+.tiptap-badge .tiptap-badge-icon {
+  color: var(--tt-badge-icon-color);
+}
+.tiptap-badge[data-appearance=emphasized] {
+  background-color: var(--tt-badge-bg-color-emphasized);
+  border-color: var(--tt-badge-border-color-emphasized);
+  color: var(--tt-badge-text-color-emphasized);
+}
+.tiptap-badge[data-appearance=emphasized] .tiptap-badge-icon {
+  color: var(--tt-badge-icon-color-emphasized);
+}
+.tiptap-badge[data-appearance=subdued] {
+  background-color: var(--tt-badge-bg-color-subdued);
+  border-color: var(--tt-badge-border-color-subdued);
+  color: var(--tt-badge-text-color-subdued);
+}
+.tiptap-badge[data-appearance=subdued] .tiptap-badge-icon {
+  color: var(--tt-badge-icon-color-subdued);
 }
 
 /* src/components/MarkdownEditor/components/tiptap-ui-primitive/popover/popover.less */
@@ -1912,26 +2041,13 @@
   --tt-popover-text-color: var(--tt-gray-dark-a-600);
 }
 .tiptap-popover {
-  --padding: 0.25rem;
-  --border-width: 1px;
   z-index: 50;
-  border-radius: calc(var(--padding) + var(--tt-radius-lg) + var(--border-width));
-  border: var(--border-width) solid var(--tt-popover-border-color);
-  background-color: var(--tt-popover-bg-color);
-  padding: var(--padding);
-  color: var(--tt-popover-text-color);
-  box-shadow: var(--tt-shadow-elevated-md);
   outline: none;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-.tiptap-popover button {
-  width: 100%;
+  transform-origin: var(--radix-popover-content-transform-origin);
+  max-height: var(--radix-popover-content-available-height);
 }
-.tiptap-popover[data-orientation=horizontal] {
-  --padding: 0.125rem;
+.tiptap-popover > * {
+  max-height: var(--radix-popover-content-available-height);
 }
 .tiptap-popover[data-state=open] {
   animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
@@ -1960,7 +2076,75 @@
   animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-/* src/components/MarkdownEditor/components/tiptap-ui/highlight-button/highlight-button.less */
+/* src/components/MarkdownEditor/components/tiptap-ui-primitive/card/card.less */
+:root {
+  --tiptap-card-bg-color: var(--white);
+  --tiptap-card-border-color: var(--tt-gray-light-a-100);
+  --tiptap-card-group-label-color: var(--tt-gray-light-a-800);
+}
+.dark {
+  --tiptap-card-bg-color: var(--tt-gray-dark-50);
+  --tiptap-card-border-color: var(--tt-gray-dark-a-100);
+  --tiptap-card-group-label-color: var(--tt-gray-dark-a-800);
+}
+.tiptap-card {
+  --padding: 0.375rem;
+  --border-width: 1px;
+  border-radius: calc(var(--padding) + var(--tt-radius-lg));
+  box-shadow: var(--tt-shadow-elevated-md);
+  background-color: var(--tiptap-card-bg-color);
+  border: 1px solid var(--tiptap-card-border-color);
+  display: flex;
+  flex-direction: column;
+  outline: none;
+  align-items: center;
+  position: relative;
+  min-width: 0;
+  word-wrap: break-word;
+  background-clip: border-box;
+}
+.tiptap-card-header {
+  padding: 0.375rem;
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  border-bottom: var(--border-width) solid var(--tiptap-card-border-color);
+}
+.tiptap-card-body {
+  padding: 0.375rem;
+  flex: 1 1 auto;
+  overflow-y: auto;
+}
+.tiptap-card-item-group {
+  position: relative;
+  display: flex;
+  vertical-align: middle;
+  min-width: max-content;
+}
+.tiptap-card-item-group[data-orientation=vertical] {
+  flex-direction: column;
+  justify-content: center;
+}
+.tiptap-card-item-group[data-orientation=horizontal] {
+  gap: 0.25rem;
+  flex-direction: row;
+  align-items: center;
+}
+.tiptap-card-group-label {
+  padding-top: 0.75rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-bottom: 0.25rem;
+  font-size: 0.75rem;
+  font-weight: 600;
+  line-height: normal;
+  text-transform: capitalize;
+  color: var(--tiptap-card-group-label-color);
+}
+
+/* src/components/MarkdownEditor/components/tiptap-ui/color-highlight-button/color-highlight-button.less */
 .tiptap-button-highlight {
   position: relative;
   width: 1.25rem;
@@ -1994,28 +2178,76 @@
   filter: brightness(180%);
 }
 
-/* src/components/MarkdownEditor/components/tiptap-ui/highlight-popover/highlight-popover.less */
-.tiptap-highlight-content {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
+/* src/components/MarkdownEditor/components/tiptap-ui-primitive/dropdown-menu/dropdown-menu.less */
+.tiptap-dropdown-menu {
+  --tt-dropdown-menu-bg-color: var(--white);
+  --tt-dropdown-menu-border-color: var(--tt-gray-light-a-100);
+  --tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
+}
+.dark .tiptap-dropdown-menu {
+  --tt-dropdown-menu-border-color: var(--tt-gray-dark-a-50);
+  --tt-dropdown-menu-bg-color: var(--tt-gray-dark-50);
+  --tt-dropdown-menu-text-color: var(--tt-gray-dark-a-600);
+}
+.tiptap-dropdown-menu {
+  z-index: 50;
   outline: none;
+  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
+.tiptap-dropdown-menu > * {
+  max-height: var(--radix-dropdown-menu-content-available-height);
+}
+.tiptap-dropdown-menu[data-state=open] {
+  animation: fadeIn 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.tiptap-dropdown-menu[data-state=closed] {
+  animation: fadeOut 150ms cubic-bezier(0.16, 1, 0.3, 1), zoomOut 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.tiptap-dropdown-menu[data-side=top],
+.tiptap-dropdown-menu[data-side=top-start],
+.tiptap-dropdown-menu[data-side=top-end] {
+  animation: slideFromBottom 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.tiptap-dropdown-menu[data-side=right],
+.tiptap-dropdown-menu[data-side=right-start],
+.tiptap-dropdown-menu[data-side=right-end] {
+  animation: slideFromLeft 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.tiptap-dropdown-menu[data-side=bottom],
+.tiptap-dropdown-menu[data-side=bottom-start],
+.tiptap-dropdown-menu[data-side=bottom-end] {
+  animation: slideFromTop 150ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.tiptap-dropdown-menu[data-side=left],
+.tiptap-dropdown-menu[data-side=left-start],
+.tiptap-dropdown-menu[data-side=left-end] {
+  animation: slideFromRight 150ms cubic-bezier(0.16, 1, 0.3, 1);
 }
 
-/* src/components/MarkdownEditor/components/tiptap-ui/link-popover/link-popover.less */
+/* src/components/MarkdownEditor/components/tiptap-ui-primitive/input/input.less */
+:root {
+  --tiptap-input-placeholder: var(--tt-gray-light-a-400);
+}
+.dark {
+  --tiptap-input-placeholder: var(--tt-gray-dark-a-400);
+}
 .tiptap-input {
   display: block;
   width: 100%;
   height: 2rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  padding: 0.375rem 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.5;
+  padding: 0.375rem 0.5rem;
   border-radius: 0.375rem;
   background: none;
-}
-.tiptap-input:focus {
+  appearance: none;
   outline: none;
 }
+.tiptap-input::placeholder {
+  color: var(--tiptap-input-placeholder);
+}
 .tiptap-input-clamp {
   min-width: 12rem;
   padding-right: 0;
@@ -2026,4 +2258,61 @@
   text-overflow: clip;
   overflow: visible;
 }
+.tiptap-input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+}
+
+/* src/components/MarkdownEditor/annotation/styles.module.less */
+.styles_module_annotations {
+  margin-top: 8px;
+}
+.styles_module_annotations .styles_module_annotationItem {
+  cursor: pointer;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.styles_module_annotations .styles_module_annotationItem:hover {
+  background-color: #fafafa;
+}
+.styles_module_annotations .styles_module_annotationItem.styles_module_annotationItemSelected {
+  background-color: #e6f7ff;
+  border-left: 3px solid var(--ant-primary-color);
+}
+
+/* src/components/MarkdownEditor/collection/styles.module.less */
+.styles_module_collections {
+  margin-top: 8px;
+}
+.styles_module_collections .styles_module_collectionItem {
+  cursor: pointer;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.styles_module_collections .styles_module_collectionItem:hover {
+  background-color: #fafafa;
+}
+.styles_module_collections .styles_module_collectionItem.styles_module_collectionItemSelected {
+  background-color: #e6f7ff;
+  border-left: 3px solid var(--ant-primary-color);
+}
+
+/* src/components/MarkDrawing/styles.module.less */
+.styles_module_container {
+  position: relative;
+}
+.styles_module_container .styles_module_rect {
+  position: absolute;
+  border: 2px dashed #ff6a00;
+}
+.styles_module_container .styles_module_score {
+  position: absolute;
+  background: #ff6a00;
+  color: #fff;
+  padding: 2px 4px;
+  font-size: 12px;
+  font-weight: 600;
+}
 /*# sourceMappingURL=index.css.map */