@thangph2146/lexical-editor 0.0.1

package/dist/editor-x/editor.css

@@ -0,0 +1,2854 @@
+/* src/themes/editor-theme.scss */
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes editor-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.editor-tabs-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  border-radius: calc(var(--radius) - 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  transition: all 0.2s;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  color: var(--muted-foreground);
+}
+.editor-tabs-trigger:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background, transparent);
+}
+.editor-tabs-trigger:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-tabs-trigger[data-state=active] {
+  background-color: var(--background);
+  color: var(--foreground);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.editor-tabs-list {
+  display: inline-flex;
+  height: 2.5rem;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius);
+  background-color: var(--muted);
+  padding: 0.25rem;
+  color: var(--muted-foreground);
+}
+.editor-tabs-content {
+  margin-top: 0.5rem;
+}
+.editor-tabs-content:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background, transparent);
+}
+.editor-flex {
+  display: flex;
+}
+.editor-flex--items-start {
+  align-items: flex-start;
+}
+.editor-flex--items-center {
+  align-items: center;
+}
+.editor-flex--items-end {
+  align-items: flex-end;
+}
+.editor-flex--items-baseline {
+  align-items: baseline;
+}
+.editor-flex--items-stretch {
+  align-items: stretch;
+}
+.editor-flex--justify-start {
+  justify-content: flex-start;
+}
+.editor-flex--justify-center {
+  justify-content: center;
+}
+.editor-flex--justify-end {
+  justify-content: flex-end;
+}
+.editor-flex--justify-between {
+  justify-content: space-between;
+}
+.editor-flex--justify-around {
+  justify-content: space-around;
+}
+.editor-flex--justify-evenly {
+  justify-content: space-evenly;
+}
+.editor-flex--flex-row {
+  flex-direction: row;
+}
+.editor-flex--flex-col {
+  flex-direction: column;
+}
+.editor-flex--flex-column {
+  flex-direction: column;
+}
+.editor-flex--flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.editor-flex--flex-col-reverse {
+  flex-direction: column-reverse;
+}
+.editor-flex--flex-column-reverse {
+  flex-direction: column-reverse;
+}
+.editor-flex--flex-nowrap {
+  flex-wrap: nowrap;
+}
+.editor-flex--flex-wrap {
+  flex-wrap: wrap;
+}
+.editor-flex--flex-wrap-reverse {
+  flex-wrap: wrap-reverse;
+}
+.editor-flex-1 {
+  flex: 1 1 0%;
+}
+.editor-w-full {
+  width: 100%;
+}
+.editor-w-14 {
+  width: 3.5rem;
+}
+.editor-w-48 {
+  width: 12rem;
+}
+.editor-w-\[200px\] {
+  width: 200px;
+}
+.editor-h-full {
+  height: 100%;
+}
+.editor-h-4 {
+  height: 1rem;
+}
+.editor-overflow-hidden {
+  overflow: hidden;
+}
+.editor-fixed {
+  position: fixed;
+}
+.editor-absolute {
+  position: absolute;
+}
+.editor-absolute-full {
+  position: absolute;
+  inset: 0;
+}
+.editor-relative {
+  position: relative;
+}
+.editor-relative-full {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.editor-inline-block {
+  display: inline-block;
+}
+.editor-block {
+  display: block;
+}
+.editor-inset-0 {
+  inset: 0;
+}
+.editor-pointer-events-none {
+  pointer-events: none;
+}
+.editor-select-none {
+  user-select: none;
+}
+.editor-text-ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.editor-z-10 {
+  z-index: 10;
+}
+.editor-rounded-sm {
+  border-radius: calc(var(--radius) - 4px);
+}
+.editor-rounded-md {
+  border-radius: calc(var(--radius) - 2px);
+}
+.editor-rounded-lg {
+  border-radius: var(--radius);
+}
+.editor-rounded-full {
+  border-radius: 9999px;
+}
+.editor-shadow-sm {
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.editor-shadow-md {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+.editor-shadow-lg {
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+.editor-bg-background {
+  background-color: var(--background);
+}
+.editor-bg-primary {
+  background-color: var(--primary, #3b82f6);
+}
+.editor-bg-muted {
+  background-color: var(--muted);
+}
+.editor-bg-accent {
+  background-color: var(--accent, #f1f5f9);
+}
+.editor-bg-transparent {
+  background-color: transparent;
+}
+.editor-bg-none {
+  background: none;
+}
+.editor-mb-2 {
+  margin-bottom: 0.5rem;
+}
+.editor-mb-3 {
+  margin-bottom: 0.75rem;
+}
+.editor-mt-1 {
+  margin-top: 0.25rem;
+}
+.editor-ml-auto {
+  margin-left: auto;
+}
+.editor-ml-4 {
+  margin-left: 1rem;
+}
+.editor-px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.editor-px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.editor-py-18 {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+.editor-h-2 {
+  height: 0.5rem;
+}
+.editor-w-2 {
+  width: 0.5rem;
+}
+.editor--top-2-5 {
+  top: -0.625rem;
+}
+.editor--right-2-5 {
+  right: -0.625rem;
+}
+.editor--bottom-2-5 {
+  bottom: -0.625rem;
+}
+.editor--left-2-5 {
+  left: -0.625rem;
+}
+.editor-top-1-2 {
+  top: 50%;
+}
+.editor-left-1-2 {
+  left: 50%;
+}
+.editor-translate-x-1-2 {
+  transform: translateX(-50%);
+}
+.editor-translate-y-1-2 {
+  transform: translateY(-50%);
+}
+.editor-cursor-ns-resize {
+  cursor: ns-resize;
+}
+.editor-cursor-ew-resize {
+  cursor: ew-resize;
+}
+.editor-cursor-nesw-resize {
+  cursor: nesw-resize;
+}
+.editor-cursor-nwse-resize {
+  cursor: nwse-resize;
+}
+.editor-text-muted-xs {
+  font-size: 0.75rem;
+  color: var(--muted-foreground);
+}
+.editor-text-sm {
+  font-size: 0.875rem;
+}
+.editor-font-medium {
+  font-weight: 500;
+}
+.editor-text-muted-foreground {
+  color: var(--muted-foreground);
+}
+.editor-block {
+  display: block;
+}
+.editor-inline {
+  display: inline;
+}
+.editor-inline-block {
+  display: inline-block;
+}
+.editor-min-h-5 {
+  min-height: 1.25rem;
+}
+.editor-resize-none {
+  resize: none;
+}
+.editor-border-0 {
+  border-width: 0;
+}
+.editor-bg-transparent {
+  background-color: transparent;
+}
+.editor-px-2\.5 {
+  padding-left: 0.625rem;
+  padding-right: 0.625rem;
+}
+.editor-py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.editor-whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+.editor-outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.editor-word-break-break-word {
+  word-break: break-word;
+}
+.editor-box-border {
+  box-sizing: border-box;
+}
+.editor-cursor-text {
+  cursor: text;
+}
+.editor-caret-primary {
+  caret-color: var(--primary);
+}
+.editor-user-select-text {
+  user-select: text;
+}
+.editor-cursor-default {
+  cursor: default;
+}
+.editor-select-text {
+  user-select: text;
+}
+.editor-top-0 {
+  top: 0;
+}
+.editor-left-0 {
+  left: 0;
+}
+.editor-text-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.editor-opacity-30 {
+  opacity: 0.3;
+}
+.editor-p-1 {
+  padding: 0.25rem;
+}
+.editor-p-2 {
+  padding: 0.5rem;
+}
+.editor-px-1 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+.editor-px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+.editor-rotate-90 {
+  transform: rotate(90deg);
+}
+.editor-transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.editor-shrink-0 {
+  flex-shrink: 0;
+}
+.editor-flex-grow {
+  flex-grow: 1;
+}
+.editor-flex-end {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.editor-ml-auto {
+  margin-left: auto;
+}
+.editor-ml-4 {
+  margin-left: 1rem;
+}
+.editor-mr-1-5 {
+  margin-right: 0.375rem;
+}
+.editor-mt-1 {
+  margin-top: 0.25rem;
+}
+.editor-mt-2 {
+  margin-top: 0.5rem;
+}
+.editor-mb-2 {
+  margin-bottom: 0.5rem;
+}
+.editor-mb-3 {
+  margin-bottom: 0.75rem;
+}
+.editor-gap-1 {
+  gap: 0.25rem;
+}
+.editor-gap-2 {
+  gap: 0.5rem;
+}
+.editor-items-center {
+  align-items: center;
+}
+.editor-justify-center {
+  justify-content: center;
+}
+.editor-flex-col {
+  flex-direction: column;
+}
+.editor-flex-wrap {
+  flex-wrap: wrap;
+}
+.editor-cursor-pointer {
+  cursor: pointer;
+}
+.editor-border {
+  border: 1px solid var(--border);
+}
+.editor-border-transparent {
+  border-color: transparent;
+}
+.editor-uppercase {
+  text-transform: uppercase;
+}
+.editor-transition-colors {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.editor-animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+.editor-whitespace-nowrap {
+  white-space: nowrap;
+}
+.editor-text-foreground-50 {
+  color: color-mix(in srgb, var(--foreground), transparent 50%);
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+.editor-flex-center-justify-py-8 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.editor-object-cover {
+  object-fit: cover;
+}
+.editor-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+.editor-icon-xs {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.editor-icon-sm {
+  width: 1rem;
+  height: 1rem;
+}
+.editor-icon-md {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.editor-icon-lg {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.editor-icon-xl {
+  width: 2rem;
+  height: 2rem;
+}
+.editor-typography-p {
+  line-height: 1.75rem;
+}
+.editor-typography-p:not(:first-child) {
+  margin-top: 1.5rem;
+}
+.editor-typography-p-small {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1;
+}
+.editor-typography-span-small-muted {
+  font-size: 0.875rem;
+  color: var(--muted-foreground);
+}
+.editor-toggle-group {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+}
+.editor-toggle-group-item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius);
+  font-size: 0.875rem;
+  font-weight: 500;
+  background-color: transparent;
+  color: var(--foreground);
+  transition: all 0.2s;
+  cursor: pointer;
+  border: 1px solid transparent;
+  padding: 0.5rem;
+  line-height: 1;
+}
+.editor-toggle-group-item:hover {
+  background-color: var(--muted);
+  color: var(--muted-foreground);
+}
+.editor-toggle-group-item[data-state=on] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+}
+.editor-toggle-group-item--size-sm {
+  padding: 0.25rem;
+  font-size: 0.75rem;
+}
+.editor-toggle-group-item--size-lg {
+  padding: 0.75rem;
+  font-size: 1rem;
+}
+.editor-toggle-group-item--outline {
+  border-color: var(--border);
+}
+.editor-toggle-group-item--outline:hover {
+  background-color: var(--accent, #f1f5f9);
+  border-color: var(--accent, #f1f5f9);
+}
+.editor-toggle-group-item:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  border-radius: var(--radius);
+  font-weight: 500;
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  font-size: 14px;
+  line-height: 20px;
+}
+.editor-btn:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background, transparent);
+}
+.editor-btn {
+  border: 1px solid var(--input);
+  cursor: pointer;
+}
+.editor-btn:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-btn[data-state=on] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+  border-color: var(--accent, #f1f5f9);
+}
+.editor-btn--default {
+  background-color: var(--primary);
+  color: var(--primary-foreground);
+  border-color: var(--primary);
+}
+.editor-btn--default:hover {
+  background-color: color-mix(in srgb, var(--primary), black 10%);
+}
+.editor-btn--destructive {
+  background-color: var(--destructive);
+  color: var(--destructive-foreground);
+  border-color: var(--destructive);
+}
+.editor-btn--destructive:hover {
+  background-color: color-mix(in srgb, var(--destructive), black 10%);
+}
+.editor-btn--outline {
+  border-color: var(--input);
+  background-color: var(--background);
+}
+.editor-btn--outline:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-btn--secondary {
+  background-color: var(--secondary);
+  color: var(--secondary-foreground);
+  border-color: transparent;
+}
+.editor-btn--secondary:hover {
+  background-color: color-mix(in srgb, var(--secondary), black 10%);
+}
+.editor-btn--ghost {
+  background-color: transparent;
+  border-color: transparent;
+}
+.editor-btn--ghost:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-btn--link {
+  color: var(--primary);
+  text-decoration-line: underline;
+  text-underline-offset: 4px;
+  background-color: transparent;
+}
+.editor-btn--link:hover {
+  text-decoration-line: underline;
+}
+.editor-btn {
+}
+.editor-btn--size-default {
+  height: 2.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.editor-btn--size-sm {
+  height: 2rem;
+  border-radius: calc(var(--radius) - 2px);
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.75rem;
+}
+.editor-btn--size-md {
+  height: 2.25rem;
+  width: 2.25rem;
+  padding: 0;
+}
+.editor-btn--size-lg {
+  height: 2.5rem;
+  border-radius: calc(var(--radius) + 2px);
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.editor-btn--size-icon {
+  height: 2.25rem;
+  width: 2.25rem;
+  padding: 0;
+}
+.editor-button-group {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.25rem;
+}
+.editor-separator {
+  background-color: var(--border);
+  flex-shrink: 0;
+}
+.editor-separator--horizontal {
+  height: 1px;
+  width: 100%;
+}
+.editor-separator--vertical {
+  width: 1px;
+  height: 100%;
+  min-height: 1.5rem;
+}
+.editor-input {
+  display: flex;
+  height: 2.25rem;
+  width: 100%;
+  border-radius: var(--radius);
+  border: 1px solid var(--input);
+  background-color: var(--background);
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 14px;
+  line-height: 20px;
+}
+.editor-input::file-selector-button {
+  border: 0;
+  background-color: transparent;
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+.editor-input::placeholder {
+  color: var(--muted-foreground);
+}
+.editor-input:focus {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 2px var(--ring);
+  outline: none;
+}
+.editor-input:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background);
+}
+.editor-input:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.editor-input:hover:not(:disabled):not([readonly]) {
+  background-color: color-mix(in srgb, var(--background), black 3%);
+  color: black !important;
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-input {
+}
+.editor-input::-webkit-outer-spin-button,
+.editor-input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.editor-input[type=number] {
+  -moz-appearance: textfield;
+}
+.editor-input-group-item--first {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.editor-input-group-item--middle {
+  border-radius: 0;
+  border-left-width: 0;
+}
+.editor-input-group-item--last {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left-width: 0;
+}
+.editor-label {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 500;
+  line-height: 1;
+}
+.editor-label--disabled {
+  cursor: not-allowed;
+  opacity: 0.7;
+}
+@keyframes editor-dialog-zoom-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
+}
+@keyframes editor-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes editor-popover-zoom-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.editor-dialog-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  background-color: rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(4px);
+  animation: editor-fade-in 0.2s ease-out;
+}
+.editor-dialog-overlay[data-state=open] {
+  animation: editor-fade-in 0.2s ease-out;
+}
+.editor-dialog-content {
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51;
+  display: grid;
+  width: 100%;
+  max-width: 32rem;
+  transform: translate(-50%, -50%);
+  gap: 1.5rem;
+  border: 1px solid var(--border);
+  background-color: var(--background);
+  padding: 1.5rem;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  border-radius: calc(var(--radius) + 4px);
+  animation: editor-dialog-zoom-in 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.editor-dialog-content--lg {
+  max-width: 50rem;
+}
+.editor-dialog-content__close {
+  position: absolute;
+  right: 1rem;
+  top: 1rem;
+  border-radius: var(--radius);
+  opacity: 0.7;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  transition: opacity 0.2s;
+}
+.editor-dialog-content__close:hover {
+  opacity: 1;
+}
+.editor-dialog-content__close:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background, transparent);
+}
+.editor-dialog-header {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  text-align: center;
+}
+@media (min-width: 640px) {
+  .editor-dialog-header {
+    text-align: left;
+  }
+}
+.editor-dialog-header__title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1;
+  margin: 0;
+}
+.editor-dialog-header__description {
+  font-size: 14px;
+  line-height: 20px;
+  color: var(--muted-foreground);
+  margin: 0;
+}
+.editor-dialog-footer {
+  display: flex;
+  flex-direction: column-reverse;
+  gap: 0.5rem;
+}
+@media (min-width: 640px) {
+  .editor-dialog-footer {
+    flex-direction: row;
+    justify-content: flex-end;
+  }
+}
+.editor-popover-content {
+  z-index: 50;
+  width: 18rem;
+  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  background-color: var(--popover);
+  color: var(--popover-foreground);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  padding: 1rem;
+  outline: none;
+  animation: editor-popover-zoom-in 0.1s ease-out;
+}
+.editor-select {
+  display: flex;
+  height: 2.25rem;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: var(--radius);
+  border: 1px solid var(--input);
+  background-color: var(--background);
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 14px;
+  line-height: 20px;
+}
+.editor-select:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background);
+}
+.editor-select:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.editor-select {
+}
+.editor-select--size-default {
+  height: 2.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.editor-select--size-sm {
+  height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  font-size: 0.75rem;
+}
+.editor-select--size-lg {
+  height: 2.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.editor-select--size-icon {
+  height: 2.25rem;
+  width: 2.25rem;
+  padding: 0;
+  justify-content: center;
+}
+.editor-select--size-icon .editor-select-icon {
+  display: none;
+}
+.editor-select--w-auto {
+  width: auto;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  min-width: 7rem;
+  justify-content: space-between;
+}
+.editor-select--gap-sm {
+  gap: 0.5rem;
+}
+.editor-select-item {
+  position: relative;
+  display: flex;
+  width: 100%;
+  cursor: pointer;
+  user-select: none;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: 0.125rem;
+  padding: 0.375rem 0.5rem 0.375rem 2rem;
+  font-size: 0.875rem;
+  outline: none;
+}
+.editor-select-item:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-select-item[data-selected=true] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-select-item__check {
+  position: absolute;
+  left: 0.5rem;
+  display: flex;
+  height: 0.875rem;
+  width: 0.875rem;
+  align-items: center;
+  justify-content: center;
+}
+.editor-select-label {
+  padding: 0.375rem 0.5rem 0.375rem 2rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+.editor-block-format-label {
+  max-width: 80px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.editor-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: calc(var(--radius) - 2px);
+  font-size: 0.875rem;
+  font-weight: 500;
+  transition-property:
+    color,
+    background-color,
+    border-color;
+  transition-duration: 150ms;
+  background-color: transparent;
+  border: 1px solid transparent;
+  cursor: pointer;
+}
+.editor-toggle:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-toggle:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background);
+}
+.editor-toggle:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-toggle[data-state=on] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+}
+.editor-toggle--outline {
+  border-color: var(--input);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.editor-toggle--outline:hover {
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 50%);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-toggle--ghost:hover {
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 50%);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-toggle--size-default {
+  height: 2.25rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.editor-toggle--size-sm {
+  height: 2rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  font-size: 0.75rem;
+}
+.editor-toggle--size-lg {
+  height: 2.5rem;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.editor-icon-sm {
+  width: 15px;
+  height: 15px;
+}
+.editor-icon-xs {
+  width: 14px;
+  height: 14px;
+}
+.editor-loader {
+  width: 24px;
+  height: 24px;
+  animation: spin 1s linear infinite;
+  color: var(--muted-foreground);
+}
+.editor-checkbox {
+  height: 16px;
+  width: 16px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  border: 1px solid var(--input);
+  cursor: pointer;
+}
+.editor-checkbox:checked {
+  background-color: var(--primary);
+  border-color: var(--primary);
+}
+.editor-label--normal {
+  font-weight: 400;
+  cursor: pointer;
+}
+.editor-shrink-0 {
+  flex-shrink: 0;
+}
+.editor-flex-grow {
+  flex-grow: 1;
+}
+.editor-flex-1 {
+  flex: 1 1 0%;
+}
+.editor-flex-end {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: nowrap;
+  flex-shrink: 0;
+}
+.editor-flex-row-center {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.editor-flex-row-center--pointer {
+  cursor: pointer;
+}
+.editor-flex-center-justify-py-8 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+.editor-flex-col-gap-2 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.editor-flex-col-gap-4 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+.editor-absolute-full {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.editor-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.editor-object-cover {
+  object-fit: cover;
+}
+.editor-transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.editor-rotate-90 {
+  transform: rotate(90deg);
+}
+.editor-rounded-sm {
+  border-radius: calc(var(--radius) - 2px);
+}
+.editor-font-mono {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+.editor-mb-2 {
+  margin-bottom: 8px;
+}
+.editor-mb-3 {
+  margin-bottom: 12px;
+}
+.editor-mt-1 {
+  margin-top: 4px;
+}
+.editor-ml-auto {
+  margin-left: auto;
+}
+.editor-ml-4 {
+  margin-left: 16px;
+}
+.editor-w-14 {
+  width: 56px;
+}
+.editor-w-full {
+  width: 100%;
+}
+.editor-h-full {
+  height: 100%;
+}
+.editor-toolbar {
+  position: sticky;
+  top: 0;
+  z-index: 20;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px;
+  border-bottom: 1px solid var(--border);
+  border-top-left-radius: var(--radius);
+  border-top-right-radius: var(--radius);
+  background-color: white;
+  padding: 4px;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  width: 100%;
+  overflow-x: visible;
+  overflow-y: visible;
+  white-space: normal;
+}
+@supports (backdrop-filter: blur(4px)) {
+  .editor-toolbar {
+    background-color: rgba(255, 255, 255, 0.8);
+    backdrop-filter: blur(4px);
+  }
+}
+.editor-toolbar-group {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px;
+  padding: 4px;
+  border-radius: var(--radius);
+}
+.editor-toolbar-item {
+  height: 36px;
+  width: 36px;
+  padding: 0;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background-color: var(--background);
+  transition: all 0.2s;
+}
+.editor-toolbar-item:hover:not(:disabled):not([data-state=on]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-toolbar-item:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-toolbar-item[data-state=on] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+  border-color: var(--accent, #f1f5f9);
+}
+.editor-toolbar-item--lg {
+  height: 40px !important;
+  width: 40px !important;
+}
+.editor-toolbar-item--w-fit {
+  width: fit-content;
+}
+.editor-toolbar-item--w-auto {
+  width: auto;
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.editor-toolbar-item--gap-sm {
+  gap: 4px;
+}
+.editor-toolbar-item--bg-background {
+  background-color: var(--background);
+}
+.editor-toolbar-item--text-center {
+  text-align: center;
+}
+.editor-toolbar-separator {
+  height: 24px !important;
+  margin-left: 4px;
+  margin-right: 4px;
+}
+.editor-toolbar-select-trigger {
+  height: 36px;
+  width: auto;
+  gap: 8px;
+  padding-left: 8px;
+  padding-right: 8px;
+  font-size: 12px;
+  font-weight: 500;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  transition: all 0.2s;
+}
+.editor-toolbar-select-trigger:hover:not(:disabled) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-toolbar-select-trigger:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-toolbar-select-trigger:focus {
+  box-shadow: 0 0 0 2px var(--ring);
+  outline: none;
+}
+.editor-toolbar-select-trigger--w-md {
+  width: 160px;
+}
+.editor-toolbar-select-icon {
+  height: 16px;
+  width: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
+}
+.editor-format-select-trigger {
+  width: 72px !important;
+  min-width: 72px !important;
+  flex-shrink: 0;
+}
+@keyframes editor-floating-zoom-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95) translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+.editor-floating-toolbar {
+  background-color: rgba(var(--background-rgb, 255, 255, 255), 0.85);
+  backdrop-filter: blur(8px);
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  max-width: 560px;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px;
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--border);
+  padding: 4px;
+  opacity: 0;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  transition: opacity 200ms ease, transform 200ms ease;
+  will-change: transform;
+  z-index: 50;
+}
+.editor-floating-toolbar--visible {
+  opacity: 1;
+  animation: editor-floating-zoom-in 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.editor-floating-text-format {
+  background-color: var(--background);
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--border);
+  padding: 4px;
+  opacity: 0;
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  transition: opacity 200ms ease, transform 200ms ease;
+  will-change: transform;
+  z-index: 50;
+}
+@supports (backdrop-filter: blur(4px)) {
+  .editor-floating-text-format {
+    background-color: rgba(var(--background-rgb, 255, 255, 255), 0.8);
+    backdrop-filter: blur(8px);
+  }
+}
+@supports (backdrop-filter: blur(4px)) {
+  .dark .editor-floating-text-format {
+    background-color: rgba(var(--background-rgb, 15, 15, 15), 0.8);
+  }
+}
+.editor-floating-text-format:hover {
+  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
+.editor-floating-text-format--visible {
+  opacity: 1;
+  animation: editor-floating-zoom-in 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.editor-floating-text-format .editor-separator--vertical {
+  height: 20px;
+  width: 1px;
+  margin: 0 4px;
+  background-color: var(--border);
+}
+.editor-floating-text-format .editor-toggle-group-item,
+.editor-floating-text-format .editor-btn,
+.editor-floating-text-format .editor-toolbar-item {
+  border: none;
+  border-radius: calc(var(--radius, 8px) - 4px);
+  height: 30px;
+  width: 30px;
+  padding: 0;
+  background-color: transparent;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.editor-floating-text-format .editor-toggle-group-item:hover,
+.editor-floating-text-format .editor-btn:hover,
+.editor-floating-text-format .editor-toolbar-item:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-floating-text-format .editor-toggle-group-item[data-state=on],
+.editor-floating-text-format .editor-btn[data-state=on],
+.editor-floating-text-format .editor-toolbar-item[data-state=on] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+  font-weight: bold;
+}
+.editor-floating-text-format .editor-toggle-group-item--active,
+.editor-floating-text-format .editor-btn--active,
+.editor-floating-text-format .editor-toolbar-item--active {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+}
+.editor-floating-text-format .editor-floating-group,
+.editor-floating-text-format .editor-floating-group--lg {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  border: none;
+  background-color: transparent;
+}
+.editor-list-color-dialog {
+  padding: 8px 0;
+  animation: editor-fade-in 0.3s ease-out;
+}
+.editor-list-color-trigger {
+  height: 44px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 12px;
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--input);
+  padding: 0 16px;
+  background-color: var(--background);
+  transition: all 0.2s;
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.editor-list-color-trigger:hover:not(:disabled):not([data-state=on]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-list-color-trigger:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-color-picker-content {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px;
+}
+.editor-color-picker-area {
+  position: relative;
+  height: 160px;
+  width: 100%;
+  cursor: crosshair;
+  touch-action: none;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  border: 1px solid var(--border);
+  overflow: hidden;
+}
+.editor-color-picker-area[data-disabled=true] {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-slider-root {
+  position: relative;
+  display: flex;
+  width: 100%;
+  touch-action: none;
+  align-items: center;
+  user-select: none;
+}
+.editor-slider-root[data-disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.editor-slider-track {
+  position: relative;
+  height: 12px;
+  width: 100%;
+  flex-grow: 1;
+  overflow: hidden;
+  border-radius: 9999px;
+}
+.editor-slider-thumb {
+  display: block;
+  height: 16px;
+  width: 16px;
+  border-radius: 9999px;
+  border: 1px solid var(--border);
+  background-color: var(--background);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+.editor-slider-thumb:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring);
+}
+.editor-color-swatch {
+  box-sizing: border-box;
+  height: 32px;
+  width: 32px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  border: 1px solid var(--border);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+.editor-color-swatch--disabled {
+  opacity: 0.5;
+}
+.editor-color-presets {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+.editor-color-preset-item {
+  height: 32px;
+  padding-left: 8px;
+  padding-right: 8px;
+  flex: 1;
+}
+.editor-color-preset-item__preview {
+  height: 12px;
+  width: 12px;
+  border-radius: 9999px;
+  border: 1px solid var(--border);
+}
+.editor-color-preset-item__label {
+  font-family: monospace;
+  font-size: 12px;
+}
+.editor-color-value-text {
+  color: var(--muted-foreground);
+  font-family: monospace;
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+}
+.editor-table-dialog {
+  display: grid;
+  gap: 20px;
+  padding: 8px 0;
+  animation: editor-fade-in 0.3s ease-out;
+}
+.editor-table-dialog__group {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.editor-table-dialog__checkbox-group {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-top: 8px;
+}
+.editor-form-grid {
+  display: grid;
+  gap: 16px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.editor-form-item {
+  display: grid;
+  gap: 8px;
+}
+.editor-image-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 8px;
+  margin-bottom: 12px;
+}
+.editor-image-btn {
+  position: relative;
+  aspect-ratio: 1/1;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  overflow: hidden;
+  border: 2px solid transparent;
+  transition: all 0.2s;
+  cursor: pointer;
+  padding: 0;
+}
+.editor-image-btn--selected {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 2px var(--primary), 0 0 0 4px var(--background);
+}
+.editor-image-btn:hover:not(.editor-image-btn--selected) {
+  border-color: color-mix(in srgb, var(--primary), transparent 50%);
+}
+.editor-folder-tree-trigger {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 6px 8px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  transition: background-color 0.2s;
+  text-align: left;
+  border: none;
+  background: transparent;
+}
+.editor-folder-tree-trigger:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-tree-content {
+  margin-left: 16px;
+  margin-top: 4px;
+}
+.editor-empty-state {
+  text-align: center;
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+.editor-scroll-area {
+  max-height: 350px;
+  overflow-y: auto;
+  padding: 8px;
+  border: 1px solid var(--border);
+  border-radius: calc(var(--radius, 8px) - 2px);
+}
+.editor-tabs-list {
+  width: 100%;
+  display: flex;
+}
+.editor-tabs-trigger {
+  flex: 1;
+}
+.editor-image-resizer-handle {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background-color: var(--primary, #3b82f6);
+  border: 1px solid var(--background, transparent);
+  z-index: 50;
+  transition: background-color 0.2s;
+}
+.editor-image-resizer-handle:hover {
+  background-color: var(--accent, #f1f5f9);
+}
+.editor-image-resizer-handle--n {
+  top: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  cursor: ns-resize;
+}
+.editor-image-resizer-handle--ne {
+  top: -5px;
+  right: -5px;
+  cursor: nesw-resize;
+}
+.editor-image-resizer-handle--e {
+  top: 50%;
+  right: -5px;
+  transform: translateY(-50%);
+  cursor: ew-resize;
+}
+.editor-image-resizer-handle--se {
+  bottom: -5px;
+  right: -5px;
+  cursor: nwse-resize;
+}
+.editor-image-resizer-handle--s {
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%);
+  cursor: ns-resize;
+}
+.editor-image-resizer-handle--sw {
+  bottom: -5px;
+  left: -5px;
+  cursor: nesw-resize;
+}
+.editor-image-resizer-handle--w {
+  top: 50%;
+  left: -5px;
+  transform: translateY(-50%);
+  cursor: ew-resize;
+}
+.editor-image-resizer-handle--nw {
+  top: -5px;
+  left: -5px;
+  cursor: nwse-resize;
+}
+.editor-layout-dialog-grid {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  gap: 0.75rem;
+}
+@media (min-width: 768px) {
+  .editor-layout-dialog-grid {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.editor-layout-dialog-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+.editor-layout-color-trigger {
+  height: 2.75rem;
+  width: 100%;
+  justify-content: flex-start;
+  gap: 0.5rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  font-size: 0.75rem;
+  transition: all 0.2s;
+}
+.editor-layout-color-trigger:hover:not(:disabled):hover:not(:disabled):not([data-state=on]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-layout-color-trigger:hover:not(:disabled):active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-layout-color-preview {
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  border: 1px solid var(--border);
+}
+.editor-mentions-popover {
+  position: fixed;
+  z-index: 10;
+  width: 200px;
+  border-radius: var(--radius, 8px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+.editor-mentions-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.editor-mentions-item:hover,
+.editor-mentions-item:focus,
+.editor-mentions-item--selected,
+.editor-mentions-item[aria-selected=true],
+.editor-mentions-item[data-selected=true] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--border, #d1d5db);
+}
+.editor-mentions-item:active {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-mentions-item[data-selected=true] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+}
+.editor-mentions-item--transparent {
+  background-color: transparent !important;
+}
+.editor-tree-view-scroll-area {
+  background-color: var(--foreground);
+  color: var(--background);
+  height: 24rem;
+  overflow: hidden;
+  border-radius: var(--radius);
+  padding: 0.5rem;
+}
+.editor-draggable-line {
+  background-color: var(--secondary-foreground);
+  pointer-events: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.25rem;
+  opacity: 0;
+  will-change: transform;
+}
+.editor-draggable-menu {
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: grab;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  padding: 0.125rem 0.25rem;
+  opacity: 0;
+  will-change: transform;
+}
+.editor-draggable-menu:hover {
+  background-color: #f3f4f6;
+}
+.editor-draggable-menu:active {
+  cursor: grabbing;
+}
+.editor-auto-embed-menu {
+  width: 200px;
+  padding: 0;
+}
+.editor-auto-embed-wrapper {
+  transform: translateY(-100%);
+}
+.editor-floating-link-editor {
+  display: flex;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 50;
+  max-width: 400px;
+  width: 100%;
+  opacity: 0;
+  background-color: var(--background);
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--border);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  transition: opacity 0.2s;
+  will-change: transform;
+}
+.editor-floating-link-editor__input-container {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem;
+  width: 100%;
+}
+.editor-floating-link-editor__view-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
+  width: 100%;
+}
+.editor-floating-link-editor__link {
+  display: block;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--primary);
+  font-size: 0.875rem;
+  text-decoration: none;
+}
+.editor-floating-link-editor__link:hover {
+  text-decoration: underline;
+}
+.editor-component-picker-menu {
+  position: fixed;
+  z-index: 100;
+  width: 250px;
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--border);
+  background-color: var(--popover);
+  color: var(--popover-foreground);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  visibility: visible;
+  opacity: 1;
+  max-height: 300px;
+}
+.editor-command {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: inherit;
+}
+.editor-command-list {
+  max-height: 300px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding: 0.25rem;
+}
+.editor-command-group {
+  overflow: hidden;
+  color: var(--foreground);
+}
+.editor-command-group > [cmdk-group-heading] {
+  padding: 0.5rem 0.5rem 0.2rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--muted-foreground);
+}
+.editor-command-item {
+  position: relative;
+  display: flex;
+  cursor: pointer;
+  user-select: none;
+  align-items: center;
+  border-radius: 0.125rem;
+  padding: 0.375rem 0.5rem;
+  border: 1px solid transparent;
+  font-size: 0.875rem;
+  outline: none;
+  gap: 0.5rem;
+}
+.editor-command-item:hover,
+.editor-command-item:focus,
+.editor-command-item--selected,
+.editor-command-item[aria-selected=true],
+.editor-command-item[data-selected=true] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--border, #d1d5db);
+}
+.editor-command-item:active {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-command-item[data-disabled=true] {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-command-item svg {
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+}
+.editor-context-menu {
+  background-color: var(--popover);
+  color: var(--popover-foreground);
+  z-index: 50 !important;
+  overflow: hidden;
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--border);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  outline: none;
+}
+.editor-context-menu:has(*) {
+  z-index: 10 !important;
+}
+.editor-context-menu-item {
+  position: relative;
+  width: 100%;
+  display: flex;
+  cursor: default;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: calc(var(--radius) - 2px);
+  padding: 0.375rem 0.5rem;
+  border: 1px solid transparent;
+  font-size: 0.875rem;
+  outline: none;
+  user-select: none;
+}
+.editor-context-menu-item:hover,
+.editor-context-menu-item:focus,
+.editor-context-menu-item--selected,
+.editor-context-menu-item[aria-selected=true],
+.editor-context-menu-item[data-selected=true] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--border, #d1d5db);
+}
+.editor-context-menu-item:active {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-context-menu-item[data-disabled=true] {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-context-menu-separator {
+  background-color: var(--border);
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+  height: 1px;
+}
+.editor-actions-bar {
+  clear: both;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  overflow-x: auto;
+  flex-wrap: nowrap;
+  border-top: 1px solid var(--border);
+  padding: 0.375rem 0.75rem;
+  background-color: color-mix(in srgb, var(--background), transparent 50%);
+  backdrop-filter: blur(8px);
+}
+.editor-actions-bar::-webkit-scrollbar {
+  display: none;
+}
+.editor-actions-bar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+.editor-actions-bar .editor-tooltip-content {
+  display: none !important;
+}
+.editor-actions-bar .editor-tooltip-group:hover .editor-tooltip-content {
+  display: block !important;
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  margin-bottom: 0.5rem;
+  background: var(--popover);
+  color: var(--popover-foreground);
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  font-size: 0.75rem;
+  white-space: nowrap;
+  border: 1px solid var(--border);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+  z-index: 50;
+  pointer-events: none;
+}
+.editor-input:hover:not(:disabled):not([readonly]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+  background-color: color-mix(in srgb, var(--background), black 3%);
+}
+.editor-input:focus {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 2px var(--ring);
+  outline: none;
+}
+.editor-input-lg {
+  height: 2.75rem;
+  width: 100%;
+}
+.editor-input-wrapper {
+  display: flex;
+  align-items: center;
+}
+.editor-input-group-item {
+  height: 2rem;
+}
+.editor-input-group-item::-webkit-inner-spin-button,
+.editor-input-group-item::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+.editor-input-group-item {
+  -moz-appearance: textfield;
+}
+.editor-input-group-item--first {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.editor-input-group-item--middle {
+  border-radius: 0;
+  border-left: 0;
+  margin-inline-start: -1px;
+}
+.editor-input-group-item--last {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  border-left: 0;
+  margin-inline-start: -1px;
+}
+.editor-btn:hover:not(:disabled):not([data-state=on]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-btn:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-btn--ghost:hover:not(:disabled):not([data-state=on]),
+.editor-btn--outline:hover:not(:disabled):not([data-state=on]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-btn--ghost:active:not(:disabled),
+.editor-btn--outline:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-btn-icon-lg {
+  height: 2.5rem !important;
+  min-height: 2.5rem !important;
+  width: 2.5rem !important;
+}
+.editor-btn-icon-md {
+  height: 2.25rem;
+  width: 2.25rem;
+}
+.editor-toggle-group-item:hover:not(:disabled):not([data-state=on]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-toggle-group-item:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-toggle-group-item[data-state=on]:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 10%);
+  border-color: var(--accent, #f1f5f9);
+}
+.editor-toggle:hover:not(:disabled):not([data-state=on]) {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
+.editor-toggle:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow: none;
+}
+.editor-toggle[data-state=on]:hover {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 10%);
+  border-color: var(--accent, #f1f5f9);
+}
+.editor-root-container {
+  border-radius: var(--radius, 8px);
+  transition: all 0.2s ease-in-out;
+}
+.editor-root-container.editor-root-container--shadow:focus-within {
+  box-shadow: 0 0 0 1px var(--border, #d1d5db), 0 0 0 3px var(--ring, rgba(59, 130, 246, 0.5));
+}
+.lexical-editor-root {
+  font-family:
+    var(--font-inter),
+    "Inter",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    sans-serif !important;
+  font-size: 16px;
+  color: var(--foreground, #1f2937) !important;
+  background-color: var(--background, transparent) !important;
+  position: relative !important;
+  width: 100% !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  text-align: left !important;
+  box-sizing: border-box !important;
+}
+.lexical-editor-root *,
+.lexical-editor-root *::before,
+.lexical-editor-root *::after {
+  box-sizing: border-box;
+}
+.lexical-editor-root p,
+.lexical-editor-root ul,
+.lexical-editor-root ol,
+.lexical-editor-root li,
+.lexical-editor-root span,
+.lexical-editor-root strong,
+.lexical-editor-root em,
+.lexical-editor-root b,
+.lexical-editor-root i,
+.lexical-editor-root blockquote,
+.lexical-editor-root h1,
+.lexical-editor-root h2,
+.lexical-editor-root h3,
+.lexical-editor-root h4,
+.lexical-editor-root h5,
+.lexical-editor-root h6 {
+  margin: 0 !important;
+  padding: 0 !important;
+  border: 0 !important;
+  font-size: 100%;
+  vertical-align: baseline !important;
+  -webkit-font-smoothing: antialiased !important;
+  -moz-osx-font-smoothing: grayscale !important;
+  letter-spacing: normal !important;
+  word-spacing: normal !important;
+  text-indent: 0 !important;
+  text-transform: none !important;
+  text-decoration: none !important;
+  line-height: inherit;
+  text-align: inherit;
+  white-space: inherit !important;
+  word-break: normal !important;
+  word-wrap: normal !important;
+  overflow-wrap: normal !important;
+  margin-inline-start: 0 !important;
+  margin-inline-end: 0 !important;
+  padding-inline-start: 0 !important;
+  padding-inline-end: 0 !important;
+  margin-block-start: 0 !important;
+  margin-block-end: 0 !important;
+  -webkit-tap-highlight-color: transparent !important;
+}
+.lexical-editor-root ul,
+.lexical-editor-root ol {
+  list-style-position: outside !important;
+  list-style-type: none !important;
+}
+.lexical-editor-root li {
+  margin: 0;
+  padding: 0;
+}
+.lexical-editor-root span[data-lexical-text=true] {
+  display: inline !important;
+  white-space: pre-wrap !important;
+  word-break: break-word !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+.lexical-editor-root .editor-paragraph {
+  font-size: 16px !important;
+  line-height: 1.75 !important;
+  margin-top: 12px !important;
+  margin-bottom: 12px !important;
+}
+.lexical-editor-root .editor-paragraph:first-child {
+  margin-top: 0 !important;
+}
+.lexical-editor-root .editor-h1 {
+  font-size: 36px;
+  line-height: 40px !important;
+  font-weight: 700 !important;
+  letter-spacing: -0.025em;
+  margin-top: 32px !important;
+  margin-bottom: 16px !important;
+}
+.lexical-editor-root .editor-h2 {
+  font-size: 30px;
+  line-height: 36px !important;
+  font-weight: 600 !important;
+  letter-spacing: -0.025em;
+  margin-top: 24px !important;
+  margin-bottom: 12px !important;
+  border-bottom: 1px solid var(--border, #d1d5db);
+  padding-bottom: 5px;
+}
+.lexical-editor-root .editor-h3 {
+  font-size: 24px;
+  line-height: 32px !important;
+  font-weight: 600 !important;
+  letter-spacing: -0.025em;
+  margin-top: 24px !important;
+  margin-bottom: 12px !important;
+}
+.lexical-editor-root .editor-h4 {
+  font-size: 20px;
+  line-height: 28px !important;
+  font-weight: 600 !important;
+  margin-top: 20px !important;
+  margin-bottom: 8px !important;
+}
+.lexical-editor-root .editor-h5 {
+  font-size: 18px;
+  line-height: 28px !important;
+  font-weight: 600 !important;
+  margin-top: 20px !important;
+  margin-bottom: 8px !important;
+}
+.lexical-editor-root .editor-h6 {
+  font-size: 16px;
+  line-height: 24px !important;
+  font-weight: 600 !important;
+  margin-top: 20px !important;
+  margin-bottom: 8px !important;
+}
+.lexical-editor-root .editor-quote {
+  margin: 24px 0 !important;
+  padding-left: 16px !important;
+  border-left: 4px solid var(--input, #e5e7eb) !important;
+  font-style: italic !important;
+  color: #64748b !important;
+}
+.lexical-editor-root .editor-ol {
+  list-style-type: decimal !important;
+  padding-left: 24px !important;
+  margin-top: 8px !important;
+  margin-bottom: 8px !important;
+}
+.lexical-editor-root .editor-ol[data-list-marker=alpha] {
+  list-style-type: lower-alpha !important;
+}
+.lexical-editor-root .editor-ol[data-list-color] li::marker {
+  color: var(--list-marker-color, currentColor) !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist) {
+  padding-left: 24px !important;
+  margin-top: 8px !important;
+  margin-bottom: 8px !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist):not([data-list-marker]) {
+  list-style-type: disc !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker="-"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker="-"] > li::marker {
+  content: "- " !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker="+"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker="+"] > li::marker {
+  content: "+ " !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-color] li::marker {
+  color: var(--list-marker-color, currentColor) !important;
+}
+.lexical-editor-root .editor-listitem {
+  margin-bottom: 4px !important;
+  line-height: 1.6 !important;
+}
+.lexical-editor-root .editor-checklist {
+  list-style: none !important;
+  padding: 0 !important;
+  margin-top: 8px !important;
+  margin-bottom: 8px !important;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  outline: none !important;
+  box-shadow: none !important;
+}
+.lexical-editor-root .editor-checklist .editor-listitem-checked,
+.lexical-editor-root .editor-checklist .editor-listitem-unchecked {
+  display: flex;
+  align-items: flex-start;
+  margin-left: 0;
+  padding: 4px 0;
+  list-style: none;
+  outline: none;
+  gap: 12px;
+}
+.lexical-editor-root .editor-checklist .editor-listitem-checked::before,
+.lexical-editor-root .editor-checklist .editor-listitem-unchecked::before {
+  content: "";
+  width: 18px;
+  height: 18px;
+  flex-shrink: 0;
+  margin-top: 3px;
+  cursor: pointer;
+  display: block;
+  border: 2px solid var(--list-marker-color, #3b82f6) !important;
+  border-radius: 4px;
+  box-sizing: border-box;
+  transition: all 0.1s ease-in-out;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 12px;
+}
+.lexical-editor-root .editor-checklist .editor-listitem-checked {
+  text-decoration: line-through;
+  color: #64748b;
+}
+.lexical-editor-root .editor-checklist .editor-listitem-checked::before {
+  background-color: var(--list-marker-color, #3b82f6) !important;
+  border-color: var(--list-marker-color, #3b82f6) !important;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 7.5L5.5 10L11 4.5'/%3E%3C/svg%3E");
+}
+.lexical-editor-root .editor-checklist .editor-listitem-checked::after {
+  display: none;
+}
+.lexical-editor-root .editor-nested-listitem {
+  list-style: none;
+}
+.lexical-editor-root .editor-nested-listitem::before,
+.lexical-editor-root .editor-nested-listitem::after {
+  display: none;
+}
+.lexical-editor-root .editor-ol-depth-1 {
+  list-style-type: decimal !important;
+}
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker="-"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker="-"] li::marker {
+  content: "- " !important;
+}
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker="+"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker="+"] li::marker {
+  content: "+ " !important;
+}
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist):not([data-list-marker]) {
+  list-style-type: disc !important;
+}
+.lexical-editor-root .editor-ol-depth-2 {
+  list-style-type: upper-roman !important;
+}
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker="-"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker="-"] li::marker {
+  content: "- " !important;
+}
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker="+"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker="+"] li::marker {
+  content: "+ " !important;
+}
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist):not([data-list-marker]) {
+  list-style-type: disc !important;
+}
+.lexical-editor-root .editor-ol-depth-3 {
+  list-style-type: lower-roman !important;
+}
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker="-"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker="-"] li::marker {
+  content: "- " !important;
+}
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker="+"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker="+"] li::marker {
+  content: "+ " !important;
+}
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist):not([data-list-marker]) {
+  list-style-type: disc !important;
+}
+.lexical-editor-root .editor-ol-depth-4 {
+  list-style-type: upper-alpha !important;
+}
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker="-"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker="-"] li::marker {
+  content: "- " !important;
+}
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker="+"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker="+"] li::marker {
+  content: "+ " !important;
+}
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist):not([data-list-marker]) {
+  list-style-type: disc !important;
+}
+.lexical-editor-root .editor-ol-depth-5 {
+  list-style-type: lower-alpha !important;
+}
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker="-"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker="-"] li::marker {
+  content: "- " !important;
+}
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker="+"] {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker="+"] li::marker {
+  content: "+ " !important;
+}
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist):not([data-list-marker]) {
+  list-style-type: disc !important;
+}
+.lexical-editor-root .editor-code {
+  background-color: #fcfcfc;
+  color: #1a1a1a;
+  font-family:
+    "JetBrains Mono",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  display: block;
+  padding: 16px 16px 16px 64px;
+  line-height: 1.6;
+  font-size: 14px;
+  margin: 24px 0 !important;
+  overflow-x: auto;
+  border: 1px solid #e2e8f0;
+  position: relative;
+  border-radius: 8px;
+  tab-size: 2;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
+}
+.lexical-editor-root .editor-code:before {
+  content: attr(data-gutter);
+  position: absolute;
+  background-color: #f8fafc;
+  border-right: 1px solid #e2e8f0;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  padding: 16px 12px;
+  color: #94a3b8;
+  white-space: pre-wrap;
+  text-align: right;
+  min-width: 56px;
+  font-variant-numeric: tabular-nums;
+  user-select: none;
+  font-size: 12px;
+}
+.lexical-editor-root .editor-hashtag {
+  background-color: rgba(var(--primary, #3b82f6), 0.1);
+  color: var(--primary, #3b82f6);
+  border-bottom: 1px solid var(--primary, #3b82f6);
+  padding: 0 2px;
+}
+.lexical-editor-root .editor-table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+  table-layout: fixed;
+  margin: 16px 0;
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--border, #d1d5db);
+}
+.lexical-editor-root .editor-table .editor-table-cell,
+.lexical-editor-root .editor-table .editor-table-cell-header {
+  min-width: 0 !important;
+  border: 1px solid var(--border, #d1d5db);
+  padding: 8px 6px;
+  position: relative;
+  text-align: left;
+  vertical-align: top;
+}
+.lexical-editor-root .editor-table .editor-table-cell-header {
+  background-color: var(--muted, #f9fafb);
+  font-weight: 600;
+  color: var(--foreground, #1f2937);
+}
+.lexical-editor-root .editor-table .editor-table-cell-selected {
+  background-color: rgba(var(--primary, #3b82f6), 0.05);
+}
+.lexical-editor-root .editor-table .editor-table-cell-resizer {
+  position: absolute;
+  right: -4px;
+  height: 100%;
+  width: 8px;
+  cursor: ew-resize;
+  z-index: 10;
+  top: 0;
+}
+.lexical-editor-root .editor-table .editor-table-cell-resize-ruler {
+  display: block;
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  background-color: var(--primary, #3b82f6);
+  top: 0;
+}
+.lexical-editor-root .editor-table .editor-table-cell-action-button-container {
+  display: block;
+  right: 4px;
+  top: 6px;
+  position: absolute;
+  z-index: 10;
+  width: 20px;
+  height: 20px;
+}
+.lexical-editor-root .editor-table .editor-table-cell-action-button {
+  background-color: #eee;
+  display: block;
+  border: 0;
+  border-radius: 20px;
+  width: 20px;
+  height: 20px;
+  color: #222;
+  cursor: pointer;
+}
+.lexical-editor-root .editor-table .editor-table-cell-action-button:hover {
+  background-color: #ddd;
+}
+.lexical-editor-root .editor-table .editor-table-cell-editing {
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+}
+.lexical-editor-root .editor-table .editor-table-cell-primary-selected {
+  border: 2px solid var(--primary, #3b82f6);
+  display: block;
+  height: calc(100% - 2px);
+  width: calc(100% - 2px);
+  position: absolute;
+  left: -1px;
+  top: -1px;
+  z-index: 10;
+}
+.lexical-editor-root .editor-table .editor-table-cell-sorted-indicator {
+  display: block;
+  opacity: 0.5;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  background-color: var(--muted, #f3f4f6);
+}
+.lexical-editor-root .editor-table .editor-table-row-striping {
+  margin: 0;
+  border-top: 1px solid var(--border, #d1d5db);
+  padding: 0;
+}
+.lexical-editor-root .editor-table .editor-table-row-striping:nth-child(even) {
+  background-color: var(--muted, #f3f4f6);
+}
+.lexical-editor-root .editor-table .editor-table-selected {
+  outline: 2px solid var(--primary, #3b82f6);
+}
+.lexical-editor-root .editor-table .editor-table-selection {
+  background-color: transparent;
+}
+.lexical-editor-root .editor-link {
+  color: #3b82f6;
+  text-decoration: none;
+}
+.lexical-editor-root .editor-link:hover {
+  text-decoration: underline;
+  cursor: pointer;
+}
+.lexical-editor-root .editor-text-bold {
+  font-weight: 700 !important;
+}
+.lexical-editor-root .editor-text-italic {
+  font-style: italic !important;
+}
+.lexical-editor-root .editor-text-underline {
+  text-decoration: underline !important;
+}
+.lexical-editor-root .editor-text-strikethrough {
+  text-decoration: line-through !important;
+}
+.lexical-editor-root .editor-text-underline-strikethrough {
+  text-decoration: underline line-through !important;
+}
+.lexical-editor-root .editor-text-subscript {
+  vertical-align: sub !important;
+  font-size: 0.8em !important;
+}
+.lexical-editor-root .editor-text-superscript {
+  vertical-align: super !important;
+  font-size: 0.8em !important;
+}
+.lexical-editor-root .editor-text-code {
+  background-color: #f1f5f9;
+  color: #0f172a;
+  padding: 2px 6px;
+  font-family:
+    "JetBrains Mono",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-size: 14px;
+  border-radius: 6px;
+  border: 1px solid #e2e8f0;
+  font-weight: 500;
+}
+.lexical-editor-root .editor-text-align-left {
+  text-align: left !important;
+}
+.lexical-editor-root .editor-text-align-center {
+  text-align: center !important;
+}
+.lexical-editor-root .editor-text-align-right {
+  text-align: right !important;
+}
+.lexical-editor-root .editor-text-align-justify {
+  text-align: justify !important;
+}
+.lexical-editor-root .editor-image {
+  display: inline-block;
+  position: relative;
+  cursor: default;
+  user-select: none;
+}
+.lexical-editor-root .editor-image img {
+  max-width: 100%;
+  height: auto;
+}
+.lexical-editor-root .editor-inline-image {
+  display: inline-block;
+  position: relative;
+  z-index: 1;
+}
+.lexical-editor-root .editor-inline-image img {
+  max-width: 100%;
+  height: auto;
+}
+.lexical-editor-root .editor-image-focused {
+  outline: 2px solid var(--primary, #3b82f6);
+  outline-offset: 2px;
+}
+.lexical-editor-root .editor-image-draggable {
+  cursor: grab;
+}
+.lexical-editor-root .editor-image-draggable:active {
+  cursor: grabbing;
+}
+.lexical-editor-root .editor-image-caption {
+  display: block;
+  min-width: 100px;
+  overflow: hidden;
+  padding: 0;
+  margin-top: 8px;
+}
+.lexical-editor-root .editor-image-caption.editable {
+  border: 1px solid var(--border, #d1d5db);
+  border-radius: var(--radius, 8px);
+  background-color: rgba(255, 255, 255, 0.9);
+}
+.lexical-editor-root .editor-image-caption.readonly {
+  border: 0;
+  background-color: transparent;
+}
+.lexical-editor-root .editor-lazy-image-wrapper {
+  display: inline-block;
+}
+.lexical-editor-root .editor-lazy-image-wrapper.full-width {
+  width: 100%;
+}
+.lexical-editor-root .editor-broken-image-container {
+  display: inline-block;
+  width: 200px;
+  height: 200px;
+}
+.lexical-editor-root .editor-broken-image-container img {
+  opacity: 0.2;
+  object-fit: contain;
+}
+.lexical-editor-root .editor-tweet-container {
+  display: block;
+  width: 100%;
+  max-width: 550px;
+}
+.lexical-editor-root .editor-hr {
+  padding: 2px;
+  border: none;
+  margin: 1em 0;
+  cursor: pointer;
+}
+.lexical-editor-root .editor-hr:after {
+  content: "";
+  display: block;
+  height: 2px;
+  background-color: var(--border, #d1d5db);
+  line-height: 2px;
+}
+.lexical-editor-root .editor-hr.selected {
+  outline: 2px solid var(--primary, #3b82f6);
+  user-select: none;
+}
+.lexical-editor-root .editor-embed-block {
+  user-select: none;
+}
+.lexical-editor-root .editor-embed-block-focused {
+  outline: 2px solid var(--primary, #3b82f6);
+}
+.lexical-editor-root .editor-autocomplete {
+  color: #9ca3af;
+}
+.editor-content-editable {
+  position: relative !important;
+  display: block !important;
+  min-height: 288px !important;
+  padding: 16px 32px !important;
+  outline: none !important;
+}
+.editor-content-editable:focus {
+  outline: none !important;
+}
+.editor-content-editable--readonly {
+  cursor: default !important;
+  user-select: text !important;
+}
+.editor-placeholder {
+  color: var(--muted-foreground) !important;
+  pointer-events: none !important;
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  overflow: hidden !important;
+  padding: 18px 32px !important;
+  text-overflow: ellipsis !important;
+  user-select: none !important;
+}
+/*# sourceMappingURL=editor.css.map */