@oomol-lab/open-flow 0.1.0-beta.81 → 0.1.0-beta.83

package/dist/browser/workbench.css

@@ -1,4 +1,79 @@
-@charset "UTF-8";/*! 
+@charset "UTF-8";.ContentIcon_img_4e5d2 {
+  width: 1em;
+  height: 1em;
+  vertical-align: middle;
+  pointer-events: none;
+  object-fit: contain;
+}
+
+.ContentIcon_initials_4e5d2 {
+  display: inline-flex;
+  width: 1em;
+  height: 1em;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+  background: var(--content-icon-initials-background, var(--ui-muted));
+  color: var(--ui-foreground);
+  vertical-align: middle;
+  pointer-events: none;
+}
+.ContentIcon_initials_4e5d2 > span {
+  font-size: 0.42em;
+  font-weight: 400;
+  line-height: 1;
+}
+
+.ContentIcon_sprite_4e5d2 {
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  width: 1em;
+  height: 1em;
+  flex-shrink: 0;
+  vertical-align: middle;
+  pointer-events: none;
+}
+.ContentIcon_sprite_4e5d2 > span {
+  position: absolute;
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+}.IconifyIcon_icon_e957a {
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-mask: var(--icon) no-repeat;
+  mask: var(--icon) no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+  background-color: currentColor;
+  color: inherit;
+  pointer-events: none;
+}
+.IconifyIcon_icon_e957a.is-colored {
+  -webkit-mask: none;
+  mask: none;
+  background: var(--icon) no-repeat;
+  background-size: 100% 100%;
+  background-color: transparent;
+}
+
+.IconifyIcon_external_e957a {
+  width: 1em;
+  height: 1em;
+  display: inline-block;
+  vertical-align: middle;
+  background-image: var(--icon-light);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  background-position: center;
+  pointer-events: none;
+}
+.open-flow-theme-dark .IconifyIcon_external_e957a {
+  background-image: var(--icon-dark);
+}/*! 
  * OverlayScrollbars
  * Version: 2.16.0
  * 
@@ -694,81 +769,116 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   overscroll-behavior: contain;
   scrollbar-width: thin;
   scrollbar-color: light-dark(rgba(0, 0, 0, 0.24), rgba(255, 255, 255, 0.28)) transparent;
-}.ContentIcon_img_4e5d2 {
-  width: 1em;
-  height: 1em;
-  vertical-align: middle;
-  pointer-events: none;
-  object-fit: contain;
+}.IconPicker_container_1b462 {
+  --ui-control-radius: 6px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  box-sizing: border-box;
+  color: var(--ui-popover-foreground);
+  background: var(--ui-popover);
+  border-radius: inherit;
+  font-size: 11px;
 }
 
-.ContentIcon_initials_4e5d2 {
-  display: inline-flex;
-  width: 1em;
-  height: 1em;
-  flex-shrink: 0;
+.IconPicker_filter_1b462 {
+  display: flex;
   align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  background: var(--content-icon-initials-background, var(--ui-muted));
-  color: var(--ui-foreground);
-  vertical-align: middle;
-  pointer-events: none;
-}
-.ContentIcon_initials_4e5d2 > span {
-  font-size: 0.42em;
-  font-weight: 400;
-  line-height: 1;
+  flex-shrink: 0;
+  gap: 8px;
+  padding: 12px 12px 8px;
 }
 
-.ContentIcon_sprite_4e5d2 {
-  display: inline-block;
+.IconPicker_tabs_1b462 {
+  display: flex;
+  align-items: center;
   position: relative;
-  overflow: hidden;
-  width: 1em;
-  height: 1em;
   flex-shrink: 0;
-  vertical-align: middle;
-  pointer-events: none;
+  gap: 8px;
+  padding: 0 12px 8px;
 }
-.ContentIcon_sprite_4e5d2 > span {
+
+.IconPicker_colors_1b462 {
   position: absolute;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-}.IconifyIcon_icon_e957a {
-  width: 1em;
-  height: 1em;
-  display: inline-block;
-  vertical-align: middle;
-  -webkit-mask: var(--icon) no-repeat;
-  mask: var(--icon) no-repeat;
-  -webkit-mask-size: 100% 100%;
-  mask-size: 100% 100%;
-  background-color: currentColor;
-  color: inherit;
-  pointer-events: none;
+  top: 100%;
+  right: 12px;
+  display: flex;
+  flex-wrap: wrap;
+  padding: 8px;
+  gap: 4px;
+  background: var(--ui-popover);
+  border-radius: 8px;
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-foreground) 10%, transparent), 0 4px 6px rgba(0, 0, 0, 0.1);
+  z-index: 1;
 }
-.IconifyIcon_icon_e957a.is-colored {
-  -webkit-mask: none;
-  mask: none;
-  background: var(--icon) no-repeat;
-  background-size: 100% 100%;
-  background-color: transparent;
+
+.IconPicker_color_1b462 {
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  border: 3px solid var(--ui-popover);
+  border-radius: 50%;
+  cursor: pointer;
+}
+.IconPicker_color_1b462:hover, .IconPicker_color_1b462[aria-pressed=true] {
+  box-shadow: 0 0 0 1px var(--ui-muted-foreground);
+}
+.IconPicker_color_1b462:focus-visible {
+  outline: 2px solid var(--ui-ring);
+  outline-offset: 1px;
 }
 
-.IconifyIcon_external_e957a {
+.IconPicker_panel_1b462 {
+  flex: 1;
+  min-height: 0;
+  height: auto;
+  padding: 0 12px 8px;
+}
+.IconPicker_panel_1b462 [data-overlayscrollbars-viewport] {
+  overscroll-behavior: contain;
+}
+
+.IconPicker_row_1b462 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.IconPicker_icon_1b462 {
+  display: block;
+  flex: none;
   width: 1em;
   height: 1em;
-  display: inline-block;
-  vertical-align: middle;
-  background-image: var(--icon-light);
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  background-position: center;
-  pointer-events: none;
 }
-.open-flow-theme-dark .IconifyIcon_external_e957a {
-  background-image: var(--icon-dark);
+
+.IconPicker_subtitle_1b462 {
+  color: var(--ui-muted-foreground);
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.IconPicker_loading_1b462 {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  font-size: 11px;
+  color: var(--ui-muted-foreground);
+}
+.IconPicker_loading_1b462 > i {
+  animation: IconPicker_spin_1b462 1s linear infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .IconPicker_loading_1b462 > i {
+    animation: none;
+  }
+}
+
+@keyframes IconPicker_spin_1b462 {
+  to {
+    transform: rotate(360deg);
+  }
 }/* Each editor is one stacking unit. The field table raises the active unit;
    attached feedback stays behind the controls inside it. */
 .valueEditor_root_4a4f1,
@@ -2335,6 +2445,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     --container-xl: 36rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
+    --container-4xl: 56rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1 / .75);
     --text-sm--line-height: calc(1.25 / .875);
@@ -2752,6 +2863,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     margin-right: calc(var(--spacing) * 5);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .mr-auto {
+    margin-right: auto;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .-mb-4 {
     margin-bottom: calc(var(--spacing) * -4);
   }
@@ -3008,6 +3123,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     height: min(32rem, 80dvh);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[min\(56dvh\,32rem\)\] {
+    height: min(56dvh, 32rem);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[min\(560px\,80dvh\)\] {
     height: min(560px, 80dvh);
   }
@@ -3104,6 +3223,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     max-height: min(80vh, 680px, var(--available-height));
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-full {
+    max-height: 100%;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-0 {
     min-height: 0;
   }
@@ -3144,6 +3267,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     min-height: calc(var(--spacing) * 40);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-52 {
+    min-height: calc(var(--spacing) * 52);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .min-h-64 {
     min-height: calc(var(--spacing) * 64);
   }
@@ -3616,6 +3743,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\] {
+    grid-template-rows: auto auto minmax(0, 1fr) auto;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
     grid-template-rows: auto minmax(0, 1fr) auto;
   }
@@ -3648,6 +3779,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     place-content: center;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .place-items-center {
+    place-items: center;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .content-end {
     align-content: flex-end;
   }
@@ -4263,6 +4398,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     fill: var(--ui-foreground);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .object-contain {
+    object-fit: contain;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .object-cover {
     object-fit: cover;
   }
@@ -4483,6 +4622,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     padding-left: calc(var(--spacing) * 4);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-5 {
+    padding-left: calc(var(--spacing) * 5);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -4810,6 +4953,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     text-underline-offset: 4px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .opacity-30 {
+    opacity: .3;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .opacity-40 {
     opacity: .4;
   }
@@ -6863,6 +7010,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
       max-width: var(--container-3xl);
     }
 
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .sm\:max-w-4xl {
+      max-width: var(--container-4xl);
+    }
+
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .sm\:max-w-\[min\(42rem\,calc\(100\%-2rem\)\)\] {
       max-width: min(42rem, 100% - 2rem);
     }
@@ -6920,6 +7071,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:grid-cols-\[minmax\(0\,1fr\)_16rem\] {
+      grid-template-columns: minmax(0, 1fr) 16rem;
+    }
+
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:text-xs {
       font-size: var(--text-xs);
       line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -14150,20 +14305,20 @@ svg.react-flow__connectionline {
 
 .ValuePreview_json_4d5e2 {
   padding: 10px;
-}.CommentNodeContent_body_01471 {
+}.CommentNodeContent_body_7c741 {
   position: relative;
   height: 100%;
   min-height: 0;
 }
 
-.CommentNodeContent_container_01471 {
+.CommentNodeContent_container_7c741 {
   height: 100%;
   min-height: 0;
-  overflow: auto;
+  overflow: hidden;
   overscroll-behavior: contain;
 }
 
-.CommentNodeContent_resizeButton_01471 {
+.CommentNodeContent_resizeButton_7c741 {
   position: absolute;
   right: 2px;
   bottom: 2px;
@@ -14179,27 +14334,27 @@ svg.react-flow__connectionline {
   cursor: nwse-resize;
   touch-action: none;
 }
-.CommentNodeContent_resizeButton_01471 > i {
+.CommentNodeContent_resizeButton_7c741 > i {
   width: 18px;
   height: 18px;
 }
-.CommentNodeContent_resizeButton_01471:hover, .CommentNodeContent_resizeButton_01471:active {
+.CommentNodeContent_resizeButton_7c741:hover, .CommentNodeContent_resizeButton_7c741:active {
   color: var(--text-4);
 }
-.CommentNodeContent_resizeButton_01471:focus-visible {
+.CommentNodeContent_resizeButton_7c741:focus-visible {
   outline: 2px solid var(--comment-selected-border);
   outline-offset: -2px;
 }
 
-.open-flow-canvas-node-minimap1 .CommentNodeContent_sourceCode_01471 {
+.open-flow-canvas-node-minimap1 .CommentNodeContent_sourceCode_7c741 {
   visibility: hidden;
 }
 
-.CommentNodeContent_container_01471 .markdown-body {
+.CommentNodeContent_container_7c741 .markdown-body {
   padding: 0;
 }
 
-.CommentNodeContent_markdown_01471 {
+.CommentNodeContent_markdown_7c741 {
   padding: 12px 14px;
   font-size: 13px;
   line-height: 1.65;
@@ -14210,116 +14365,116 @@ svg.react-flow__connectionline {
   color: var(--note-ink);
   font-family: var(--font-sans);
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2,
-.CommentNodeContent_markdown_01471 h3,
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2,
+.CommentNodeContent_markdown_7c741 h3,
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   color: var(--text-4);
   margin: 18px 0 10px;
   line-height: 1.4;
   border-color: var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 strong,
-.CommentNodeContent_markdown_01471 b {
+.CommentNodeContent_markdown_7c741 strong,
+.CommentNodeContent_markdown_7c741 b {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2,
-.CommentNodeContent_markdown_01471 h3,
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2,
+.CommentNodeContent_markdown_7c741 h3,
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 h1,
-.CommentNodeContent_markdown_01471 h2 {
+.CommentNodeContent_markdown_7c741 h1,
+.CommentNodeContent_markdown_7c741 h2 {
   padding-bottom: 6px;
   border-bottom: 1px solid var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 img,
-.CommentNodeContent_markdown_01471 video,
-.CommentNodeContent_markdown_01471 svg {
+.CommentNodeContent_markdown_7c741 img,
+.CommentNodeContent_markdown_7c741 video,
+.CommentNodeContent_markdown_7c741 svg {
   max-width: 100%;
 }
-.CommentNodeContent_markdown_01471 img {
+.CommentNodeContent_markdown_7c741 img {
   height: auto;
 }
-.CommentNodeContent_markdown_01471 ul {
+.CommentNodeContent_markdown_7c741 ul {
   list-style: disc;
 }
-.CommentNodeContent_markdown_01471 ol {
+.CommentNodeContent_markdown_7c741 ol {
   list-style: decimal;
 }
-.CommentNodeContent_markdown_01471 .task-list-item {
+.CommentNodeContent_markdown_7c741 .task-list-item {
   list-style: none;
 }
-.CommentNodeContent_markdown_01471 h1 {
+.CommentNodeContent_markdown_7c741 h1 {
   font-size: 20px;
 }
-.CommentNodeContent_markdown_01471 h2 {
+.CommentNodeContent_markdown_7c741 h2 {
   font-size: 17px;
 }
-.CommentNodeContent_markdown_01471 h3 {
+.CommentNodeContent_markdown_7c741 h3 {
   font-size: 15px;
 }
-.CommentNodeContent_markdown_01471 h4,
-.CommentNodeContent_markdown_01471 h5,
-.CommentNodeContent_markdown_01471 h6 {
+.CommentNodeContent_markdown_7c741 h4,
+.CommentNodeContent_markdown_7c741 h5,
+.CommentNodeContent_markdown_7c741 h6 {
   font-size: 13px;
 }
-.CommentNodeContent_markdown_01471 p,
-.CommentNodeContent_markdown_01471 ul,
-.CommentNodeContent_markdown_01471 ol,
-.CommentNodeContent_markdown_01471 blockquote,
-.CommentNodeContent_markdown_01471 pre,
-.CommentNodeContent_markdown_01471 table {
+.CommentNodeContent_markdown_7c741 p,
+.CommentNodeContent_markdown_7c741 ul,
+.CommentNodeContent_markdown_7c741 ol,
+.CommentNodeContent_markdown_7c741 blockquote,
+.CommentNodeContent_markdown_7c741 pre,
+.CommentNodeContent_markdown_7c741 table {
   margin-top: 0;
   margin-bottom: 12px;
 }
-.CommentNodeContent_markdown_01471 > :first-child {
+.CommentNodeContent_markdown_7c741 > :first-child {
   margin-top: 0;
 }
-.CommentNodeContent_markdown_01471 > :last-child {
+.CommentNodeContent_markdown_7c741 > :last-child {
   margin-bottom: 0;
 }
-.CommentNodeContent_markdown_01471 ul,
-.CommentNodeContent_markdown_01471 ol {
+.CommentNodeContent_markdown_7c741 ul,
+.CommentNodeContent_markdown_7c741 ol {
   padding-inline-start: 20px;
 }
-.CommentNodeContent_markdown_01471 li + li {
+.CommentNodeContent_markdown_7c741 li + li {
   margin-top: 4px;
 }
-.CommentNodeContent_markdown_01471 li > p {
+.CommentNodeContent_markdown_7c741 li > p {
   margin-bottom: 6px;
 }
-.CommentNodeContent_markdown_01471 li > ul,
-.CommentNodeContent_markdown_01471 li > ol {
+.CommentNodeContent_markdown_7c741 li > ul,
+.CommentNodeContent_markdown_7c741 li > ol {
   margin-bottom: 0;
 }
-.CommentNodeContent_markdown_01471 a {
+.CommentNodeContent_markdown_7c741 a {
   color: var(--note-ink);
   text-decoration: underline;
   text-decoration-color: var(--comment-selected-border);
   text-underline-offset: 3px;
 }
-.CommentNodeContent_markdown_01471 a:hover {
+.CommentNodeContent_markdown_7c741 a:hover {
   color: var(--text-4);
 }
-.CommentNodeContent_markdown_01471 code,
-.CommentNodeContent_markdown_01471 pre {
+.CommentNodeContent_markdown_7c741 code,
+.CommentNodeContent_markdown_7c741 pre {
   overflow-x: auto;
   font-family: var(--font-monospace);
 }
-.CommentNodeContent_markdown_01471 code {
+.CommentNodeContent_markdown_7c741 code {
   padding: 2px 4px;
   font-size: 0.92em;
   background: var(--note-code-bg);
   color: var(--note-ink);
   border-radius: 4px;
 }
-.CommentNodeContent_markdown_01471 pre {
+.CommentNodeContent_markdown_7c741 pre {
   padding: 12px;
   background: var(--note-code-bg);
   border: 1px solid var(--note-rule);
@@ -14327,90 +14482,90 @@ svg.react-flow__connectionline {
   font-size: 12px;
   line-height: 1.6;
 }
-.CommentNodeContent_markdown_01471 pre code {
+.CommentNodeContent_markdown_7c741 pre code {
   padding: 0;
   font-size: inherit;
   white-space: pre;
   overflow-wrap: normal;
 }
-.CommentNodeContent_markdown_01471 pre code,
-.CommentNodeContent_markdown_01471 .hljs {
+.CommentNodeContent_markdown_7c741 pre code,
+.CommentNodeContent_markdown_7c741 .hljs {
   background: transparent;
   color: var(--note-ink);
 }
-.CommentNodeContent_markdown_01471 .hljs-string {
+.CommentNodeContent_markdown_7c741 .hljs-string {
   color: var(--text-2);
 }
-.CommentNodeContent_markdown_01471 .hljs-keyword,
-.CommentNodeContent_markdown_01471 .hljs-literal {
+.CommentNodeContent_markdown_7c741 .hljs-keyword,
+.CommentNodeContent_markdown_7c741 .hljs-literal {
   font-weight: 600;
 }
-.CommentNodeContent_markdown_01471 blockquote {
+.CommentNodeContent_markdown_7c741 blockquote {
   margin-inline: 0;
   color: var(--text-2);
   padding-inline: 12px 0;
   border-inline-start: 2px solid var(--comment-border);
 }
-.CommentNodeContent_markdown_01471 hr {
+.CommentNodeContent_markdown_7c741 hr {
   margin: 16px 0;
   background: var(--note-rule);
   height: 1px;
   border: 0;
 }
-.CommentNodeContent_markdown_01471 table {
+.CommentNodeContent_markdown_7c741 table {
   display: block;
   max-width: 100%;
   overflow-x: auto;
   border-collapse: collapse;
   width: 100%;
 }
-.CommentNodeContent_markdown_01471 th,
-.CommentNodeContent_markdown_01471 td {
+.CommentNodeContent_markdown_7c741 th,
+.CommentNodeContent_markdown_7c741 td {
   padding: 6px 8px;
   border: 1px solid var(--note-rule);
   text-align: start;
 }
-.CommentNodeContent_markdown_01471 tr {
+.CommentNodeContent_markdown_7c741 tr {
   background: transparent;
   border-color: var(--note-rule);
 }
-.CommentNodeContent_markdown_01471 tr:nth-child(2n) {
+.CommentNodeContent_markdown_7c741 tr:nth-child(2n) {
   background: var(--note-code-bg);
 }
-.CommentNodeContent_markdown_01471 .CommentNodeContent_taskCheckbox_01471 {
+.CommentNodeContent_markdown_7c741 .CommentNodeContent_taskCheckbox_7c741 {
   display: inline-flex;
   width: 13px;
   height: 13px;
   margin: 0 6px 2px -20px;
   vertical-align: middle;
-}.markdownPreview_container_c03ca {
+}.markdownPreview_container_2a1d9 {
   position: relative;
+  height: 100%;
   outline-style: none;
 }
 
-.markdownPreview_body_c03ca {
+.markdownPreview_body_2a1d9 {
   height: 100%;
   padding: 4px;
   user-select: text;
-  overflow-y: auto;
   box-sizing: border-box;
 }
-.markdownPreview_body_c03ca video {
+.markdownPreview_body_2a1d9 video {
   max-height: 640px;
   min-height: 200px;
   max-width: 100% !important;
 }
 
-.markdownPreview_draggable_c03ca .markdownPreview_body_c03ca {
+.markdownPreview_draggable_2a1d9 .markdownPreview_body_2a1d9 {
   user-select: none;
   cursor: default;
 }
 
-.markdownPreview_body_c03ca pre code.hljs {
+.markdownPreview_body_2a1d9 pre code.hljs {
   padding: 0 !important;
 }
 
-.markdownPreview_body_c03ca pre:has(code.language-mermaid > svg) {
+.markdownPreview_body_2a1d9 pre:has(code.language-mermaid > svg) {
   text-align: center;
   background-color: transparent;
 }.NodeHead_container_e9871 {
@@ -15050,116 +15205,6 @@ svg.react-flow__connectionline {
     opacity: 1;
     transform: translateX(0);
   }
-}.IconPicker_container_1b462 {
-  --ui-control-radius: 6px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  box-sizing: border-box;
-  color: var(--ui-popover-foreground);
-  background: var(--ui-popover);
-  border-radius: inherit;
-  font-size: 11px;
-}
-
-.IconPicker_filter_1b462 {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  gap: 8px;
-  padding: 12px 12px 8px;
-}
-
-.IconPicker_tabs_1b462 {
-  display: flex;
-  align-items: center;
-  position: relative;
-  flex-shrink: 0;
-  gap: 8px;
-  padding: 0 12px 8px;
-}
-
-.IconPicker_colors_1b462 {
-  position: absolute;
-  top: 100%;
-  right: 12px;
-  display: flex;
-  flex-wrap: wrap;
-  padding: 8px;
-  gap: 4px;
-  background: var(--ui-popover);
-  border-radius: 8px;
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-foreground) 10%, transparent), 0 4px 6px rgba(0, 0, 0, 0.1);
-  z-index: 1;
-}
-
-.IconPicker_color_1b462 {
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  border: 3px solid var(--ui-popover);
-  border-radius: 50%;
-  cursor: pointer;
-}
-.IconPicker_color_1b462:hover, .IconPicker_color_1b462[aria-pressed=true] {
-  box-shadow: 0 0 0 1px var(--ui-muted-foreground);
-}
-.IconPicker_color_1b462:focus-visible {
-  outline: 2px solid var(--ui-ring);
-  outline-offset: 1px;
-}
-
-.IconPicker_panel_1b462 {
-  flex: 1;
-  min-height: 0;
-  height: auto;
-  padding: 0 12px 8px;
-}
-.IconPicker_panel_1b462 [data-overlayscrollbars-viewport] {
-  overscroll-behavior: contain;
-}
-
-.IconPicker_row_1b462 {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.IconPicker_icon_1b462 {
-  display: block;
-  flex: none;
-  width: 1em;
-  height: 1em;
-}
-
-.IconPicker_subtitle_1b462 {
-  color: var(--ui-muted-foreground);
-  font-size: 11px;
-  font-weight: 500;
-}
-
-.IconPicker_loading_1b462 {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 4px;
-  font-size: 11px;
-  color: var(--ui-muted-foreground);
-}
-.IconPicker_loading_1b462 > i {
-  animation: IconPicker_spin_1b462 1s linear infinite;
-}
-@media (prefers-reduced-motion: reduce) {
-  .IconPicker_loading_1b462 > i {
-    animation: none;
-  }
-}
-
-@keyframes IconPicker_spin_1b462 {
-  to {
-    transform: rotate(360deg);
-  }
 }.sortableFieldList_list_c1437 {
   display: flex;
   flex-direction: column;