@thangph2146/lexical-editor 0.0.4 → 0.0.6

package/dist/index.css

@@ -7,6 +7,14 @@
     transform: rotate(360deg);
   }
 }
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
 @keyframes editor-fade-in {
   from {
     opacity: 0;
@@ -17,20 +25,58 @@
     transform: translateY(0);
   }
 }
+@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-popover-zoom-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes editor-floating-zoom-in {
+  from {
+    opacity: 0;
+    transform: scale(0.95) translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+.editor-loader {
+  width: 24px;
+  height: 24px;
+  animation: spin 1s linear infinite;
+  color: var(--muted-foreground);
+}
 .editor-tabs-trigger {
-  display: inline-flex;
+  display: flex;
   align-items: center;
   justify-content: center;
   white-space: nowrap;
-  border-radius: calc(var(--radius) - 2px);
-  padding: 0.375rem 0.75rem;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  padding: 6px 8px;
   font-size: 0.875rem;
+  line-height: 1.375;
   font-weight: 500;
-  transition: all 0.2s;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
   cursor: pointer;
   border: none;
   background: transparent;
   color: var(--muted-foreground);
+  flex: 1;
 }
 .editor-tabs-trigger:focus-visible {
   outline: none;
@@ -46,108 +92,138 @@
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .editor-tabs-list {
-  display: inline-flex;
-  height: 2.5rem;
+  display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: var(--radius);
+  height: 40px;
+  border-radius: var(--radius, 8px);
   background-color: var(--muted);
-  padding: 0.25rem;
+  padding: 4px;
   color: var(--muted-foreground);
+  width: 100%;
 }
 .editor-tabs-content {
-  margin-top: 0.5rem;
+  margin-top: 8px;
 }
 .editor-tabs-content:focus-visible {
   outline: none;
   box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background, transparent);
 }
+.editor-form-grid {
+  display: grid;
+  gap: 16px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+.editor-form-item {
+  display: grid;
+  gap: 8px;
+}
+.editor-scroll-area {
+  max-height: 350px;
+  overflow-y: auto;
+  padding: 8px;
+  border: 1px solid var(--border);
+  border-radius: calc(var(--radius, 8px) - 2px);
+}
 .editor-flex {
   display: flex;
 }
-.editor-flex--items-start {
+.editor-flex-1 {
+  flex: 1 1 0%;
+}
+.editor-shrink-0 {
+  flex-shrink: 0;
+}
+.editor-flex-grow {
+  flex-grow: 1;
+}
+.editor-items-start {
   align-items: flex-start;
 }
-.editor-flex--items-center {
+.editor-items-center {
   align-items: center;
 }
-.editor-flex--items-end {
+.editor-items-end {
   align-items: flex-end;
 }
-.editor-flex--items-baseline {
+.editor-items-baseline {
   align-items: baseline;
 }
-.editor-flex--items-stretch {
+.editor-items-stretch {
   align-items: stretch;
 }
-.editor-flex--justify-start {
+.editor-justify-start {
   justify-content: flex-start;
 }
-.editor-flex--justify-center {
+.editor-justify-center {
   justify-content: center;
 }
-.editor-flex--justify-end {
+.editor-justify-end {
   justify-content: flex-end;
 }
-.editor-flex--justify-between {
+.editor-justify-between {
   justify-content: space-between;
 }
-.editor-flex--justify-around {
+.editor-justify-around {
   justify-content: space-around;
 }
-.editor-flex--justify-evenly {
+.editor-justify-evenly {
   justify-content: space-evenly;
 }
-.editor-flex--flex-row {
+.editor-flex-row {
   flex-direction: row;
 }
-.editor-flex--flex-col {
-  flex-direction: column;
-}
-.editor-flex--flex-column {
+.editor-flex-col {
   flex-direction: column;
 }
-.editor-flex--flex-row-reverse {
+.editor-flex-row-reverse {
   flex-direction: row-reverse;
 }
-.editor-flex--flex-col-reverse {
-  flex-direction: column-reverse;
-}
-.editor-flex--flex-column-reverse {
+.editor-flex-col-reverse {
   flex-direction: column-reverse;
 }
-.editor-flex--flex-nowrap {
+.editor-flex-nowrap {
   flex-wrap: nowrap;
 }
-.editor-flex--flex-wrap {
+.editor-flex-wrap {
   flex-wrap: wrap;
 }
-.editor-flex--flex-wrap-reverse {
+.editor-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-flex-end {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 4px;
+  flex-wrap: nowrap;
+  flex-shrink: 0;
 }
-.editor-w-48 {
-  width: 12rem;
+.editor-flex-row-center {
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
-.editor-w-\[200px\] {
-  width: 200px;
+.editor-flex-row-center--pointer {
+  cursor: pointer;
 }
-.editor-h-full {
-  height: 100%;
+.editor-flex-col-gap-2 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
-.editor-h-4 {
-  height: 1rem;
+.editor-flex-col-gap-4 {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
-.editor-overflow-hidden {
-  overflow: hidden;
+.editor-flex-center-justify-py-8 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-top: 20px;
+  padding-bottom: 20px;
 }
 .editor-fixed {
   position: fixed;
@@ -168,7 +244,67 @@
   height: 100%;
 }
 .editor-relative-full--padding {
-  padding: 0.5rem 2rem;
+  padding: 8px 20px;
+}
+.editor-inset-0 {
+  inset: 0;
+}
+.editor-top-0 {
+  top: 0;
+}
+.editor-left-0 {
+  left: 0;
+}
+.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--top-2-5 {
+  top: -10px;
+}
+.editor--right-2-5 {
+  right: -10px;
+}
+.editor--bottom-2-5 {
+  bottom: -10px;
+}
+.editor--left-2-5 {
+  left: -10px;
+}
+.editor-w-full {
+  width: 100%;
+}
+.editor-h-full {
+  height: 100%;
+}
+.editor-w-14 {
+  width: 56px;
+}
+.editor-w-48 {
+  width: 12.06rem;
+}
+.editor-w-\[200px\] {
+  width: 200px;
+}
+.editor-h-4 {
+  height: 16px;
+}
+.editor-h-2 {
+  height: 8px;
+}
+.editor-w-2 {
+  width: 8px;
+}
+.editor-min-h-5 {
+  min-height: 20px;
 }
 .editor-inline-block {
   display: inline-block;
@@ -176,8 +312,11 @@
 .editor-block {
   display: block;
 }
-.editor-inset-0 {
-  inset: 0;
+.editor-inline {
+  display: inline;
+}
+.editor-overflow-hidden {
+  overflow: hidden;
 }
 .editor-pointer-events-none {
   pointer-events: none;
@@ -185,22 +324,47 @@
 .editor-select-none {
   user-select: none;
 }
-.editor-text-ellipsis {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.editor-user-select-text,
+.editor-select-text {
+  user-select: text;
 }
 .editor-z-10 {
   z-index: 10;
 }
+.editor-box-border {
+  box-sizing: border-box;
+}
+.editor-opacity-30 {
+  opacity: 0.3;
+}
+.editor-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.editor-object-cover {
+  object-fit: cover;
+}
+.editor-sr-only {
+  position: absolute;
+  inset: 0;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
 .editor-rounded-sm {
-  border-radius: calc(var(--radius) - 4px);
+  border-radius: calc(var(--radius, 8px) - 2px);
 }
 .editor-rounded-md {
-  border-radius: calc(var(--radius) - 2px);
+  border-radius: var(--radius, 8px);
 }
 .editor-rounded-lg {
-  border-radius: var(--radius);
+  border-radius: calc(var(--radius, 8px) + 4px);
 }
 .editor-rounded-full {
   border-radius: 9999px;
@@ -232,242 +396,384 @@
 .editor-bg-none {
   background: none;
 }
-.editor-mb-2 {
-  margin-bottom: 0.5rem;
+.editor-m-0 {
+  margin: 0;
 }
-.editor-mb-3 {
-  margin-bottom: 0.75rem;
+.editor-mt-0 {
+  margin-top: 0;
 }
-.editor-mt-1 {
-  margin-top: 0.25rem;
+.editor-mb-0 {
+  margin-bottom: 0;
 }
-.editor-ml-auto {
-  margin-left: auto;
+.editor-ml-0 {
+  margin-left: 0;
 }
-.editor-ml-4 {
-  margin-left: 1rem;
+.editor-mr-0 {
+  margin-right: 0;
 }
-.editor-px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+.editor-p-0 {
+  padding: 0;
 }
-.editor-px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
+.editor-pt-0 {
+  padding-top: 0;
 }
-.editor-py-18 {
-  padding-top: 18px;
-  padding-bottom: 18px;
+.editor-pb-0 {
+  padding-bottom: 0;
 }
-.editor-h-2 {
-  height: 0.5rem;
+.editor-pl-0 {
+  padding-left: 0;
 }
-.editor-w-2 {
-  width: 0.5rem;
+.editor-pr-0 {
+  padding-right: 0;
 }
-.editor--top-2-5 {
-  top: -0.625rem;
+.editor-px-0 {
+  padding-left: 0;
+  padding-right: 0;
 }
-.editor--right-2-5 {
-  right: -0.625rem;
+.editor-py-0 {
+  padding-top: 0;
+  padding-bottom: 0;
 }
-.editor--bottom-2-5 {
-  bottom: -0.625rem;
+.editor-gap-0 {
+  gap: 0;
 }
-.editor--left-2-5 {
-  left: -0.625rem;
+.editor-m-1 {
+  margin: 4px;
 }
-.editor-top-1-2 {
-  top: 50%;
+.editor-mt-1 {
+  margin-top: 4px;
 }
-.editor-left-1-2 {
-  left: 50%;
+.editor-mb-1 {
+  margin-bottom: 4px;
 }
-.editor-translate-x-1-2 {
-  transform: translateX(-50%);
+.editor-ml-1 {
+  margin-left: 4px;
 }
-.editor-translate-y-1-2 {
-  transform: translateY(-50%);
+.editor-mr-1 {
+  margin-right: 4px;
 }
-.editor-cursor-ns-resize {
-  cursor: ns-resize;
+.editor-p-1 {
+  padding: 4px;
 }
-.editor-cursor-ew-resize {
-  cursor: ew-resize;
+.editor-pt-1 {
+  padding-top: 4px;
 }
-.editor-cursor-nesw-resize {
-  cursor: nesw-resize;
+.editor-pb-1 {
+  padding-bottom: 4px;
 }
-.editor-cursor-nwse-resize {
-  cursor: nwse-resize;
+.editor-pl-1 {
+  padding-left: 4px;
 }
-.editor-text-muted-xs {
-  font-size: 0.75rem;
-  color: var(--muted-foreground);
+.editor-pr-1 {
+  padding-right: 4px;
 }
-.editor-text-sm {
-  font-size: 0.875rem;
+.editor-px-1 {
+  padding-left: 4px;
+  padding-right: 4px;
 }
-.editor-font-medium {
-  font-weight: 500;
+.editor-py-1 {
+  padding-top: 4px;
+  padding-bottom: 4px;
 }
-.editor-text-muted-foreground {
-  color: var(--muted-foreground);
+.editor-gap-1 {
+  gap: 4px;
 }
-.editor-block {
-  display: block;
+.editor-m-1-5 {
+  margin: 6px;
 }
-.editor-inline {
-  display: inline;
+.editor-mt-1-5 {
+  margin-top: 6px;
 }
-.editor-inline-block {
-  display: inline-block;
+.editor-mb-1-5 {
+  margin-bottom: 6px;
 }
-.editor-min-h-5 {
-  min-height: 1.25rem;
+.editor-ml-1-5 {
+  margin-left: 6px;
 }
-.editor-resize-none {
-  resize: none;
+.editor-mr-1-5 {
+  margin-right: 6px;
 }
-.editor-border-0 {
-  border-width: 0;
+.editor-p-1-5 {
+  padding: 6px;
 }
-.editor-bg-transparent {
-  background-color: transparent;
+.editor-pt-1-5 {
+  padding-top: 6px;
 }
-.editor-px-2\.5 {
-  padding-left: 0.625rem;
-  padding-right: 0.625rem;
+.editor-pb-1-5 {
+  padding-bottom: 6px;
 }
-.editor-py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+.editor-pl-1-5 {
+  padding-left: 6px;
 }
-.editor-whitespace-pre-wrap {
-  white-space: pre-wrap;
+.editor-pr-1-5 {
+  padding-right: 6px;
 }
-.editor-outline-none {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
+.editor-px-1-5 {
+  padding-left: 6px;
+  padding-right: 6px;
 }
-.editor-word-break-break-word {
-  word-break: break-word;
+.editor-py-1-5 {
+  padding-top: 6px;
+  padding-bottom: 6px;
 }
-.editor-box-border {
-  box-sizing: border-box;
+.editor-gap-1-5 {
+  gap: 6px;
 }
-.editor-cursor-text {
-  cursor: text;
+.editor-m-2 {
+  margin: 8px;
 }
-.editor-caret-primary {
-  caret-color: var(--primary);
+.editor-mt-2 {
+  margin-top: 8px;
 }
-.editor-user-select-text {
-  user-select: text;
+.editor-mb-2 {
+  margin-bottom: 8px;
 }
-.editor-cursor-default {
-  cursor: default;
+.editor-ml-2 {
+  margin-left: 8px;
 }
-.editor-select-text {
-  user-select: text;
+.editor-mr-2 {
+  margin-right: 8px;
 }
-.editor-top-0 {
-  top: 0;
+.editor-p-2 {
+  padding: 8px;
 }
-.editor-left-0 {
-  left: 0;
+.editor-pt-2 {
+  padding-top: 8px;
 }
-.editor-text-ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.editor-pb-2 {
+  padding-bottom: 8px;
 }
-.editor-opacity-30 {
-  opacity: 0.3;
+.editor-pl-2 {
+  padding-left: 8px;
 }
-.editor-p-1 {
-  padding: 0.25rem;
+.editor-pr-2 {
+  padding-right: 8px;
 }
-.editor-p-2 {
-  padding: 0.5rem;
+.editor-px-2 {
+  padding-left: 8px;
+  padding-right: 8px;
 }
-.editor-px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+.editor-py-2 {
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
-.editor-px-0 {
-  padding-left: 0;
-  padding-right: 0;
+.editor-gap-2 {
+  gap: 8px;
 }
-.editor-rotate-90 {
-  transform: rotate(90deg);
+.editor-m-3 {
+  margin: 12px;
 }
-.editor-transition-transform {
-  transition-property: transform;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+.editor-mt-3 {
+  margin-top: 12px;
 }
-.editor-shrink-0 {
-  flex-shrink: 0;
+.editor-mb-3 {
+  margin-bottom: 12px;
 }
-.editor-flex-grow {
-  flex-grow: 1;
+.editor-ml-3 {
+  margin-left: 12px;
 }
-.editor-flex-end {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
+.editor-mr-3 {
+  margin-right: 12px;
 }
-.editor-ml-auto {
-  margin-left: auto;
+.editor-p-3 {
+  padding: 12px;
+}
+.editor-pt-3 {
+  padding-top: 12px;
+}
+.editor-pb-3 {
+  padding-bottom: 12px;
+}
+.editor-pl-3 {
+  padding-left: 12px;
+}
+.editor-pr-3 {
+  padding-right: 12px;
+}
+.editor-px-3 {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.editor-py-3 {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.editor-gap-3 {
+  gap: 12px;
+}
+.editor-m-4 {
+  margin: 16px;
+}
+.editor-mt-4 {
+  margin-top: 16px;
+}
+.editor-mb-4 {
+  margin-bottom: 16px;
 }
 .editor-ml-4 {
-  margin-left: 1rem;
+  margin-left: 16px;
 }
-.editor-mr-1-5 {
-  margin-right: 0.375rem;
+.editor-mr-4 {
+  margin-right: 16px;
 }
-.editor-mt-1 {
-  margin-top: 0.25rem;
+.editor-p-4 {
+  padding: 16px;
 }
-.editor-mt-2 {
-  margin-top: 0.5rem;
+.editor-pt-4 {
+  padding-top: 16px;
 }
-.editor-mb-2 {
-  margin-bottom: 0.5rem;
+.editor-pb-4 {
+  padding-bottom: 16px;
 }
-.editor-mb-3 {
-  margin-bottom: 0.75rem;
+.editor-pl-4 {
+  padding-left: 16px;
 }
-.editor-gap-1 {
-  gap: 0.25rem;
+.editor-pr-4 {
+  padding-right: 16px;
 }
-.editor-gap-2 {
-  gap: 0.5rem;
+.editor-px-4 {
+  padding-left: 16px;
+  padding-right: 16px;
 }
-.editor-items-center {
-  align-items: center;
+.editor-py-4 {
+  padding-top: 16px;
+  padding-bottom: 16px;
 }
-.editor-justify-center {
-  justify-content: center;
+.editor-gap-4 {
+  gap: 16px;
 }
-.editor-flex-col {
-  flex-direction: column;
+.editor-m-5 {
+  margin: 20px;
 }
-.editor-flex-wrap {
-  flex-wrap: wrap;
+.editor-mt-5 {
+  margin-top: 20px;
+}
+.editor-mb-5 {
+  margin-bottom: 20px;
+}
+.editor-ml-5 {
+  margin-left: 20px;
+}
+.editor-mr-5 {
+  margin-right: 20px;
+}
+.editor-p-5 {
+  padding: 20px;
+}
+.editor-pt-5 {
+  padding-top: 20px;
+}
+.editor-pb-5 {
+  padding-bottom: 20px;
+}
+.editor-pl-5 {
+  padding-left: 20px;
+}
+.editor-pr-5 {
+  padding-right: 20px;
+}
+.editor-px-5 {
+  padding-left: 20px;
+  padding-right: 20px;
+}
+.editor-py-5 {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+.editor-gap-5 {
+  gap: 20px;
+}
+.editor-ml-auto {
+  margin-left: auto;
+}
+.editor-mr-auto {
+  margin-right: auto;
+}
+.editor-px-2\.5 {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.editor-py-18 {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+.editor-cursor-default {
+  cursor: default;
 }
 .editor-cursor-pointer {
   cursor: pointer;
 }
+.editor-cursor-text {
+  cursor: text;
+}
+.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, #64748b);
+}
+.editor-text-sm {
+  font-size: 0.875rem;
+  line-height: 1.375;
+}
+.editor-font-medium {
+  font-weight: 500;
+}
+.editor-font-mono {
+  font-family:
+    "JetBrains Mono",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+}
+.editor-text-muted-foreground {
+  color: var(--muted-foreground, #64748b);
+}
+.editor-text-foreground-50 {
+  color: color-mix(in srgb, var(--foreground), transparent 50%);
+}
+.editor-uppercase {
+  text-transform: uppercase;
+}
+.editor-whitespace-nowrap {
+  white-space: nowrap;
+}
+.editor-whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+.editor-word-break-break-word {
+  word-break: break-word;
+}
+.editor-caret-primary {
+  caret-color: var(--primary);
+}
 .editor-border {
   border: 1px solid var(--border);
 }
+.editor-border-0 {
+  border-width: 0;
+}
 .editor-border-transparent {
   border-color: transparent;
 }
-.editor-uppercase {
-  text-transform: uppercase;
+.editor-outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 .editor-transition-colors {
   transition-property:
@@ -478,162 +784,278 @@
     fill,
     stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
+  transition-duration: 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.editor-transition-transform {
+  transition-property: transform;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .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-animate-spin {
+  animation: spin 1s linear infinite;
 }
-.editor-object-cover {
-  object-fit: cover;
+.editor-rotate-90 {
+  transform: rotate(90deg);
 }
-.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-resize-none {
+  resize: none;
 }
 .editor-icon-xs {
-  width: 0.75rem;
-  height: 0.75rem;
+  width: 12px;
+  height: 12px;
+  flex-shrink: 0;
 }
 .editor-icon-sm {
-  width: 1rem;
-  height: 1rem;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
 }
 .editor-icon-md {
-  width: 1.25rem;
-  height: 1.25rem;
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
 }
 .editor-icon-lg {
-  width: 1.5rem;
-  height: 1.5rem;
+  width: 24px;
+  height: 24px;
+  flex-shrink: 0;
 }
 .editor-icon-xl {
-  width: 2rem;
-  height: 2rem;
+  width: 32px;
+  height: 32px;
+  flex-shrink: 0;
 }
 .editor-typography-p {
-  line-height: 1.75rem;
+  line-height: 1.75;
 }
 .editor-typography-p:not(:first-child) {
-  margin-top: 1.5rem;
+  margin-top: 24px;
+}
+.editor-typography-p-small {
+  font-size: 0.875rem;
+  line-height: 1.375;
+  font-weight: 500;
+  line-height: 1;
+}
+.editor-typography-span-small-muted {
+  font-size: 0.875rem;
+  line-height: 1.375;
+  color: var(--muted-foreground);
+}
+.editor-toggle-group {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.editor-toolbar-item,
+.editor-toggle-group-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius, 8px);
+  font-size: 0.875rem;
+  line-height: 1.375;
+  font-weight: 500;
+  color: var(--foreground);
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
+  cursor: pointer;
+  line-height: 1;
+  padding: 8px;
+}
+.editor-toolbar-item:hover:not(:disabled):not([data-state=on]):not([data-state=active]),
+.editor-toggle-group-item:hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+.editor-toolbar-item:active:not(:disabled),
+.editor-toggle-group-item:active:not(:disabled) {
+  transform: translateY(0) scale(0.98);
+  box-shadow: none;
+  filter: brightness(0.95);
+}
+.editor-toolbar-item--size-sm,
+.editor-toggle-group-item--size-sm {
+  padding: 4px;
+  font-size: 0.75rem;
+}
+.editor-toolbar-item--size-lg,
+.editor-toggle-group-item--size-lg {
+  padding: 12px;
+  font-size: 1rem;
+}
+.editor-toolbar-item--outline,
+.editor-toggle-group-item--outline {
+  border-color: var(--border);
+}
+.editor-toolbar-item--outline:hover,
+.editor-toggle-group-item--outline:hover {
+  background-color: var(--accent, #f1f5f9);
+  border-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+}
+.editor-toolbar-item:hover,
+.editor-toggle-group-item:hover {
+  background-color: var(--muted);
+  color: var(--muted-foreground);
+}
+.editor-toolbar-item[data-state=on],
+.editor-toolbar-item[data-state=active],
+.editor-toggle-group-item[data-state=on],
+.editor-toggle-group-item[data-state=active] {
+  background-color: var(--accent, #f1f5f9);
+  color: var(--accent-foreground, #0f172a) !important;
+  border-color: var(--accent, #f1f5f9);
+}
+.editor-toolbar-item[data-state=on]:hover,
+.editor-toolbar-item[data-state=active]:hover,
+.editor-toggle-group-item[data-state=on]:hover,
+.editor-toggle-group-item[data-state=active]:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 10%);
+  border-color: var(--accent, #f1f5f9);
+}
+.editor-toolbar-item:disabled,
+.editor-toggle-group-item:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.editor-toolbar-item {
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  background-color: var(--background);
+  border: 1px solid var(--border);
+}
+.editor-toolbar-item--lg {
+  width: 40px;
+  height: 40px;
+  min-height: 40px;
+}
+.editor-toolbar-item--w-fit {
+  width: fit-content;
+}
+.editor-toolbar-item--w-auto {
+  width: auto;
+  padding-left: 8px;
+  padding-right: 8px;
 }
-.editor-typography-p-small {
-  font-size: 0.875rem;
-  font-weight: 500;
-  line-height: 1;
+.editor-toolbar-item--gap-sm {
+  gap: 4px;
 }
-.editor-typography-span-small-muted {
-  font-size: 0.875rem;
-  color: var(--muted-foreground);
+.editor-toolbar-item--text-center {
+  text-align: center;
 }
-.editor-toggle-group {
+.editor-toolbar-select-trigger {
   display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  gap: 0.25rem;
-}
-.editor-toggle-group-item {
-  display: inline-flex;
+  justify-content: space-between;
   align-items: center;
-  justify-content: center;
-  border-radius: var(--radius);
+  height: auto;
+  width: 220px;
+  min-width: 220px;
+  min-height: 36px;
+  width: auto;
+  gap: 8px;
+  padding: 6px 8px;
   font-size: 0.875rem;
+  line-height: 1.375;
   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);
+  border: 1px solid var(--border);
+  border-radius: var(--radius, 8px);
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.editor-toggle-group-item[data-state=on] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a) !important;
+.editor-toolbar-select-trigger:hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
-.editor-toggle-group-item--size-sm {
-  padding: 0.25rem;
-  font-size: 0.75rem;
+.editor-toolbar-select-trigger:active:not(:disabled) {
+  transform: translateY(0) scale(0.98);
+  box-shadow: none;
+  filter: brightness(0.95);
 }
-.editor-toggle-group-item--size-lg {
-  padding: 0.75rem;
-  font-size: 1rem;
+.editor-toolbar-select-trigger:focus:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background, transparent);
 }
-.editor-toggle-group-item--outline {
-  border-color: var(--border);
+.editor-toolbar-select-trigger--w-md {
+  width: 220px;
+  min-width: 220px;
 }
-.editor-toggle-group-item--outline:hover {
-  background-color: var(--accent, #f1f5f9);
-  border-color: var(--accent, #f1f5f9);
+.editor-toolbar-select-icon {
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 8px;
 }
-.editor-toggle-group-item:disabled {
-  pointer-events: none;
-  opacity: 0.5;
+.editor-format-select-trigger {
+  width: 72px !important;
+  min-width: 72px !important;
+  flex-shrink: 0;
 }
 .editor-btn {
   display: flex;
   align-items: center;
   justify-content: center;
+  gap: 8px;
   white-space: nowrap;
-  border-radius: var(--radius);
+  border-radius: var(--radius, 8px);
   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;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
+  font-size: 0.875rem;
+  line-height: 1.375;
 }
 .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);
+  border: 1px solid transparent;
   cursor: pointer;
+  user-select: none;
+  position: relative;
+  padding: 8px 16px;
+  box-sizing: border-box;
+}
+.editor-btn:hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+.editor-btn:active:not(:disabled) {
+  transform: translateY(0) scale(0.98);
+  box-shadow: none;
+  filter: brightness(0.95);
 }
 .editor-btn:disabled {
   pointer-events: none;
   opacity: 0.5;
+  cursor: not-allowed;
 }
-.editor-btn[data-state=on] {
+.editor-btn--loading {
+  cursor: wait;
+}
+.editor-btn__loader {
+  position: absolute;
+  inset: 0;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.editor-btn__content {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.editor-btn[data-state=on],
+.editor-btn[data-state=active] {
   background-color: var(--accent, #f1f5f9);
   color: var(--accent-foreground, #0f172a) !important;
   border-color: var(--accent, #f1f5f9);
@@ -642,25 +1064,31 @@
   background-color: var(--primary);
   color: var(--primary-foreground);
   border-color: var(--primary);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .editor-btn--default:hover {
   background-color: color-mix(in srgb, var(--primary), black 10%);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 .editor-btn--destructive {
   background-color: var(--destructive);
   color: var(--destructive-foreground);
   border-color: var(--destructive);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .editor-btn--destructive:hover {
   background-color: color-mix(in srgb, var(--destructive), black 10%);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 .editor-btn--outline {
   border-color: var(--input);
   background-color: var(--background);
+  color: var(--foreground);
 }
 .editor-btn--outline:hover {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  background-color: var(--accent);
+  color: var(--accent-foreground);
+  border-color: var(--accent);
 }
 .editor-btn--secondary {
   background-color: var(--secondary);
@@ -673,55 +1101,71 @@
 .editor-btn--ghost {
   background-color: transparent;
   border-color: transparent;
+  color: var(--foreground);
 }
 .editor-btn--ghost:hover {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  background-color: var(--accent);
+  color: var(--accent-foreground);
 }
 .editor-btn--link {
   color: var(--primary);
   text-decoration-line: underline;
   text-underline-offset: 4px;
   background-color: transparent;
+  border: none;
+  padding: 0;
+  height: auto;
 }
 .editor-btn--link:hover {
   text-decoration-line: underline;
+  transform: none;
+  box-shadow: none;
 }
 .editor-btn {
 }
 .editor-btn--size-default {
-  height: 2.25rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  height: 36px;
+  padding: 0 16px;
 }
 .editor-btn--size-sm {
-  height: 2rem;
-  border-radius: calc(var(--radius) - 2px);
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  height: 32px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  padding: 0 12px;
   font-size: 0.75rem;
 }
 .editor-btn--size-md {
-  height: 2.25rem;
-  width: 2.25rem;
-  padding: 0;
+  height: 36px;
+  padding: 0 16px;
 }
 .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;
+  height: 40px;
+  border-radius: var(--radius, 8px);
+  padding: 0 24px;
+}
+.editor-btn--size-icon,
+.editor-btn.editor-btn--size-icon,
+.editor-btn button.editor-btn--size-icon {
+  width: 36px !important;
+  height: 36px !important;
+  min-width: 36px !important;
+  min-height: 36px !important;
+  flex-shrink: 0;
+  padding: 0 !important;
 }
 .editor-button-group {
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
-  gap: 0.25rem;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+.editor-btn-icon-lg {
+  width: 40px;
+  height: 40px;
+  min-height: 40px;
+}
+.editor-btn-icon-md {
+  width: 36px;
+  height: 36px;
 }
 .editor-separator {
   background-color: var(--border);
@@ -738,27 +1182,32 @@
 }
 .editor-input {
   display: flex;
-  height: 2.25rem;
+  align-items: center;
+  height: 36px;
   width: 100%;
-  border-radius: var(--radius);
+  border-radius: var(--radius, 8px);
   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;
+  padding: 8px 12px;
+  font-size: 0.875rem;
+  line-height: 1.375;
 }
 .editor-input::file-selector-button {
   border: 0;
   background-color: transparent;
   font-size: 0.875rem;
+  line-height: 1.375;
   font-weight: 500;
 }
 .editor-input::placeholder {
   color: var(--muted-foreground);
 }
+.editor-input:hover:not(:disabled):not([readonly]) {
+  background-color: color-mix(in srgb, var(--background), black 3%);
+  border-color: var(--accent, #f1f5f9);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+}
 .editor-input:focus {
   border-color: var(--primary);
   box-shadow: 0 0 0 2px var(--ring);
@@ -772,15 +1221,6 @@
   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;
@@ -789,6 +1229,23 @@
 .editor-input[type=number] {
   -moz-appearance: textfield;
 }
+.editor-input-lg {
+  height: 44px;
+  width: 100%;
+}
+.editor-input-wrapper {
+  display: flex;
+  align-items: center;
+}
+.editor-input-group-item {
+  height: 32px;
+  -moz-appearance: textfield;
+}
+.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--first {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -796,15 +1253,17 @@
 .editor-input-group-item--middle {
   border-radius: 0;
   border-left-width: 0;
+  margin-inline-start: -1px;
 }
 .editor-input-group-item--last {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-left-width: 0;
+  margin-inline-start: -1px;
 }
 .editor-label {
-  font-size: 14px;
-  line-height: 20px;
+  font-size: 0.875rem;
+  line-height: 1.375;
   font-weight: 500;
   line-height: 1;
 }
@@ -812,44 +1271,34 @@
   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);
-  }
+.editor-label--normal {
+  font-weight: 400;
+  cursor: pointer;
 }
-@keyframes editor-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
+.editor-checkbox {
+  width: 16px;
+  height: 16px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  border: 1px solid var(--input);
+  cursor: pointer;
 }
-@keyframes editor-popover-zoom-in {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
+.editor-checkbox:checked {
+  background-color: var(--primary);
+  border-color: var(--primary);
 }
 .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;
+@supports (backdrop-filter: blur(4px)) {
+  .editor-dialog-overlay {
+    backdrop-filter: blur(4px);
+  }
+}
+.editor-dialog-overlay {
+  animation: editor-fade-in 200ms cubic-bezier(0.4, 0, 0.2, 1) ease-out;
 }
 .editor-dialog-content {
   position: fixed;
@@ -860,27 +1309,28 @@
   width: 100%;
   max-width: 32rem;
   transform: translate(-50%, -50%);
-  gap: 1.5rem;
+  gap: 20px;
   border: 1px solid var(--border);
   background-color: var(--background);
-  padding: 1.5rem;
+  padding: 20px;
   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);
+  border-radius: calc(var(--radius, 8px) + 4px);
+  outline: none;
+  animation: editor-dialog-zoom-in 200ms cubic-bezier(0.4, 0, 0.2, 1) 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);
+  right: 16px;
+  top: 16px;
+  border-radius: var(--radius, 8px);
   opacity: 0.7;
   background: transparent;
   border: none;
   cursor: pointer;
-  transition: opacity 0.2s;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .editor-dialog-content__close:hover {
   opacity: 1;
@@ -892,7 +1342,7 @@
 .editor-dialog-header {
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
+  gap: 4px;
   text-align: center;
 }
 @media (min-width: 640px) {
@@ -903,19 +1353,20 @@
 .editor-dialog-header__title {
   font-size: 1.125rem;
   font-weight: 600;
-  line-height: 1;
+  line-height: 1.25;
   margin: 0;
 }
 .editor-dialog-header__description {
-  font-size: 14px;
-  line-height: 20px;
+  font-size: 0.875rem;
+  line-height: 1.375;
   color: var(--muted-foreground);
   margin: 0;
 }
 .editor-dialog-footer {
   display: flex;
+  flex-direction: column;
   flex-direction: column-reverse;
-  gap: 0.5rem;
+  gap: 8px;
 }
 @media (min-width: 640px) {
   .editor-dialog-footer {
@@ -926,28 +1377,27 @@
 .editor-popover-content {
   z-index: 50;
   width: 18rem;
-  border-radius: var(--radius);
+  border-radius: var(--radius, 8px);
   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;
+  padding: 16px;
   outline: none;
-  animation: editor-popover-zoom-in 0.1s ease-out;
+  animation: editor-popover-zoom-in 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .editor-select {
   display: flex;
-  height: 2.25rem;
-  width: 100%;
   align-items: center;
+  height: 36px;
+  width: 100%;
   justify-content: space-between;
-  border-radius: var(--radius);
+  border-radius: var(--radius, 8px);
   border: 1px solid var(--input);
   background-color: var(--background);
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  font-size: 14px;
-  line-height: 20px;
+  padding: 0 12px;
+  font-size: 0.875rem;
+  line-height: 1.375;
 }
 .editor-select:focus {
   outline: none;
@@ -960,24 +1410,21 @@
 .editor-select {
 }
 .editor-select--size-default {
-  height: 2.25rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  height: 36px;
+  padding: 0 12px;
 }
 .editor-select--size-sm {
-  height: 2rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+  height: 32px;
+  padding: 0 8px;
   font-size: 0.75rem;
 }
 .editor-select--size-lg {
-  height: 2.5rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
+  height: 40px;
+  padding: 0 16px;
 }
 .editor-select--size-icon {
-  height: 2.25rem;
-  width: 2.25rem;
+  width: 36px;
+  height: 36px;
   padding: 0;
   justify-content: center;
 }
@@ -986,25 +1433,25 @@
 }
 .editor-select--w-auto {
   width: auto;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  padding: 0 12px;
   min-width: 7rem;
   justify-content: space-between;
 }
 .editor-select--gap-sm {
-  gap: 0.5rem;
+  gap: 8px;
 }
 .editor-select-item {
   position: relative;
   display: flex;
+  align-items: center;
   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;
+  gap: 8px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  padding: 0.375rem 8px 0.375rem 20px;
   font-size: 0.875rem;
+  line-height: 1.375;
   outline: none;
 }
 .editor-select-item:hover {
@@ -1017,40 +1464,54 @@
 }
 .editor-select-item__check {
   position: absolute;
-  left: 0.5rem;
+  left: 4px;
   display: flex;
-  height: 0.875rem;
-  width: 0.875rem;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
   align-items: center;
   justify-content: center;
 }
 .editor-select-label {
-  padding: 0.375rem 0.5rem 0.375rem 2rem;
+  padding: 0.375rem 8px 0.375rem 20px;
   font-size: 0.875rem;
   font-weight: 600;
 }
 .editor-block-format-label {
-  max-width: 80px;
+  flex: 1 1 auto;
+  min-width: 0;
+  max-width: none;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  line-height: 1.25;
+  text-align: left;
 }
 .editor-toggle {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  border-radius: calc(var(--radius) - 2px);
+  border-radius: var(--radius, 8px);
   font-size: 0.875rem;
   font-weight: 500;
   transition-property:
     color,
     background-color,
     border-color;
-  transition-duration: 150ms;
+  transition-duration: 150ms cubic-bezier(0.4, 0, 0.2, 1);
   background-color: transparent;
   border: 1px solid transparent;
   cursor: pointer;
 }
+.editor-toggle:hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+.editor-toggle:active:not(:disabled) {
+  transform: translateY(0) scale(0.98);
+  box-shadow: none;
+  filter: brightness(0.95);
+}
 .editor-toggle:hover {
   background-color: var(--accent, #f1f5f9);
   color: var(--accent-foreground, #0f172a);
@@ -1067,178 +1528,59 @@
   background-color: var(--accent, #f1f5f9);
   color: var(--accent-foreground, #0f172a) !important;
 }
+.editor-toggle[data-state=on]:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 10%);
+  border-color: var(--accent, #f1f5f9);
+}
 .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%);
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 5%);
   color: var(--accent-foreground, #0f172a);
 }
 .editor-toggle--ghost:hover {
-  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 50%);
+  background-color: color-mix(in srgb, var(--accent, #f1f5f9), black 5%);
   color: var(--accent-foreground, #0f172a);
 }
 .editor-toggle--size-default {
-  height: 2.25rem;
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  height: 36px;
+  padding-left: 12px;
+  padding-right: 12px;
 }
 .editor-toggle--size-sm {
-  height: 2rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+  height: 32px;
+  padding-left: 8px;
+  padding-right: 8px;
   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%;
+  height: 40px;
+  padding-left: 12px;
+  padding-right: 12px;
 }
 .editor-toolbar {
   position: sticky;
   top: 0;
   z-index: 20;
   display: flex;
-  flex-wrap: wrap;
   align-items: center;
+  flex-wrap: wrap;
   gap: 4px;
   border-bottom: 1px solid var(--border);
-  border-top-left-radius: var(--radius);
-  border-top-right-radius: var(--radius);
-  background-color: white;
+  border-top-left-radius: var(--radius, 8px);
+  border-top-right-radius: var(--radius, 8px);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+@supports (backdrop-filter: blur(4px)) {
+  .editor-toolbar {
+    backdrop-filter: blur(4px);
+  }
+}
+.editor-toolbar {
   padding: 4px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   width: 100%;
@@ -1246,133 +1588,23 @@
   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;
+  border-radius: var(--radius, 8px);
 }
 .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);
@@ -1380,16 +1612,27 @@
   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;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
   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);
+  animation: editor-floating-zoom-in 200ms cubic-bezier(0.4, 0, 0.2, 1) cubic-bezier(0.16, 1, 0.3, 1);
+}
+.editor-floating-toolbar {
+  background-color: rgba(var(--background-rgb, 255, 255, 255), 0.85);
+}
+@supports (backdrop-filter: blur(8px)) {
+  .editor-floating-toolbar {
+    backdrop-filter: blur(8px);
+  }
+}
+.editor-floating-toolbar {
+  max-width: 560px;
+  flex-wrap: wrap;
 }
 .editor-floating-text-format {
-  background-color: var(--background);
   position: absolute;
   top: 0;
   left: 0;
@@ -1401,28 +1644,31 @@
   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;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
   will-change: transform;
   z-index: 50;
 }
-@supports (backdrop-filter: blur(4px)) {
+.editor-floating-text-format--visible {
+  opacity: 1;
+  animation: editor-floating-zoom-in 200ms cubic-bezier(0.4, 0, 0.2, 1) cubic-bezier(0.16, 1, 0.3, 1);
+}
+.editor-floating-text-format {
+  background-color: rgba(var(--background-rgb, 255, 255, 255), 0.8);
+}
+@supports (backdrop-filter: blur(8px)) {
   .editor-floating-text-format {
-    background-color: rgba(var(--background-rgb, 255, 255, 255), 0.8);
     backdrop-filter: blur(8px);
   }
 }
-@supports (backdrop-filter: blur(4px)) {
+@supports (backdrop-filter: blur(8px)) {
   .dark .editor-floating-text-format {
     background-color: rgba(var(--background-rgb, 15, 15, 15), 0.8);
+    backdrop-filter: blur(8px);
   }
 }
 .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;
@@ -1434,11 +1680,11 @@
 .editor-floating-text-format .editor-toolbar-item {
   border: none;
   border-radius: calc(var(--radius, 8px) - 4px);
-  height: 30px;
   width: 30px;
+  height: 30px;
   padding: 0;
   background-color: transparent;
-  transition: all 0.2s;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1450,17 +1696,17 @@
   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[data-state=active],
 .editor-floating-text-format .editor-toggle-group-item--active,
+.editor-floating-text-format .editor-btn[data-state=on],
+.editor-floating-text-format .editor-btn[data-state=active],
 .editor-floating-text-format .editor-btn--active,
+.editor-floating-text-format .editor-toolbar-item[data-state=on],
+.editor-floating-text-format .editor-toolbar-item[data-state=active],
 .editor-floating-text-format .editor-toolbar-item--active {
   background-color: var(--accent, #f1f5f9);
   color: var(--accent-foreground, #0f172a) !important;
+  font-weight: 700;
 }
 .editor-floating-text-format .editor-floating-group,
 .editor-floating-text-format .editor-floating-group--lg {
@@ -1474,7 +1720,7 @@
 }
 .editor-list-color-dialog {
   padding: 8px 0;
-  animation: editor-fade-in 0.3s ease-out;
+  animation: editor-fade-in 300ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .editor-list-color-trigger {
   height: 44px;
@@ -1487,19 +1733,17 @@
   border: 1px solid var(--input);
   padding: 0 16px;
   background-color: var(--background);
-  transition: all 0.2s;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
   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);
+.editor-list-color-trigger:hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
   transform: translateY(-1px);
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 .editor-list-color-trigger:active:not(:disabled) {
-  transform: translateY(0);
+  transform: translateY(0) scale(0.98);
   box-shadow: none;
+  filter: brightness(0.95);
 }
 .editor-color-picker-content {
   display: flex;
@@ -1524,9 +1768,9 @@
 .editor-slider-root {
   position: relative;
   display: flex;
+  align-items: center;
   width: 100%;
   touch-action: none;
-  align-items: center;
   user-select: none;
 }
 .editor-slider-root[data-disabled] {
@@ -1543,22 +1787,22 @@
 }
 .editor-slider-thumb {
   display: block;
-  height: 16px;
   width: 16px;
+  height: 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;
+  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.editor-slider-thumb:focus-visible {
+.editor-slider-thumb:focus-visible:focus-visible {
   outline: none;
-  box-shadow: 0 0 0 2px var(--ring);
+  box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background, transparent);
 }
 .editor-color-swatch {
   box-sizing: border-box;
-  height: 32px;
   width: 32px;
+  height: 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);
@@ -1579,26 +1823,46 @@
   flex: 1;
 }
 .editor-color-preset-item__preview {
-  height: 12px;
   width: 12px;
+  height: 12px;
   border-radius: 9999px;
   border: 1px solid var(--border);
 }
 .editor-color-preset-item__label {
-  font-family: monospace;
-  font-size: 12px;
+  font-family:
+    "JetBrains Mono",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-size: 0.875rem;
+  line-height: 1.375;
 }
 .editor-color-value-text {
-  color: var(--muted-foreground);
-  font-family: monospace;
-  font-size: 12px;
+  color: var(--muted-foreground, #64748b);
+  font-family:
+    "JetBrains Mono",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-size: 0.875rem;
+  line-height: 1.375;
   font-variant-numeric: tabular-nums;
 }
 .editor-table-dialog {
   display: grid;
   gap: 20px;
   padding: 8px 0;
-  animation: editor-fade-in 0.3s ease-out;
+  animation: editor-fade-in 300ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .editor-table-dialog__group {
   display: flex;
@@ -1611,16 +1875,6 @@
   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);
@@ -1633,7 +1887,7 @@
   border-radius: calc(var(--radius, 8px) - 2px);
   overflow: hidden;
   border: 2px solid transparent;
-  transition: all 0.2s;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
   cursor: pointer;
   padding: 0;
 }
@@ -1651,7 +1905,7 @@
   width: 100%;
   padding: 6px 8px;
   border-radius: calc(var(--radius, 8px) - 2px);
-  transition: background-color 0.2s;
+  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
   text-align: left;
   border: none;
   background: transparent;
@@ -1669,28 +1923,14 @@
   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);
+  background-color: var(--primary);
+  border: 1px solid var(--background);
   z-index: 50;
-  transition: background-color 0.2s;
+  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .editor-image-resizer-handle:hover {
   background-color: var(--accent, #f1f5f9);
@@ -1712,37 +1952,10 @@
   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;
+  gap: 12px;
 }
 @media (min-width: 768px) {
   .editor-layout-dialog-grid {
@@ -1752,32 +1965,31 @@
 .editor-layout-dialog-group {
   display: flex;
   flex-direction: column;
-  gap: 0.375rem;
+  gap: 6px;
 }
 .editor-layout-color-trigger {
-  height: 2.75rem;
+  height: 44px;
   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;
+  gap: 8px;
+  padding-left: 8px;
+  padding-right: 8px;
+  font-size: 0.875rem;
+  line-height: 1.375;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.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);
+.editor-layout-color-trigger:hover:not(:disabled):hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
   transform: translateY(-1px);
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
 .editor-layout-color-trigger:hover:not(:disabled):active:not(:disabled) {
-  transform: translateY(0);
+  transform: translateY(0) scale(0.98);
   box-shadow: none;
+  filter: brightness(0.95);
 }
 .editor-layout-color-preview {
-  width: 1rem;
-  height: 1rem;
+  width: 16px;
+  height: 16px;
   flex-shrink: 0;
   border-radius: calc(var(--radius, 8px) - 2px);
   border: 1px solid var(--border);
@@ -1792,24 +2004,23 @@
 .editor-mentions-item {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: 8px;
 }
 .editor-mentions-item:hover,
 .editor-mentions-item:focus,
 .editor-mentions-item--selected,
 .editor-mentions-item[aria-selected=true],
-.editor-mentions-item[data-selected=true] {
+.editor-mentions-item[data-selected=true],
+.editor-mentions-item[data-state=active],
+.editor-mentions-item[data-state=on] {
   background-color: var(--accent, #f1f5f9);
   color: var(--accent-foreground, #0f172a);
   border-color: var(--border, #d1d5db);
 }
 .editor-mentions-item:active {
-  transform: translateY(0);
+  transform: translateY(0) scale(0.98);
   box-shadow: none;
-}
-.editor-mentions-item[data-selected=true] {
-  background-color: var(--accent, #f1f5f9);
-  color: var(--accent-foreground, #0f172a);
+  filter: brightness(0.95);
 }
 .editor-mentions-item--transparent {
   background-color: transparent !important;
@@ -1819,8 +2030,8 @@
   color: var(--background);
   height: 24rem;
   overflow: hidden;
-  border-radius: var(--radius);
-  padding: 0.5rem;
+  border-radius: calc(var(--radius, 8px) + 4px);
+  padding: 8px;
 }
 .editor-draggable-line {
   background-color: var(--secondary-foreground);
@@ -1828,7 +2039,7 @@
   position: absolute;
   top: 0;
   left: 0;
-  height: 0.25rem;
+  height: 4px;
   opacity: 0;
   will-change: transform;
 }
@@ -1838,12 +2049,12 @@
   left: 0;
   cursor: grab;
   border-radius: calc(var(--radius, 8px) - 2px);
-  padding: 0.125rem 0.25rem;
+  padding: 2px 4px;
   opacity: 0;
   will-change: transform;
 }
 .editor-draggable-menu:hover {
-  background-color: #f3f4f6;
+  background-color: var(--accent, #f1f5f9);
 }
 .editor-draggable-menu:active {
   cursor: grabbing;
@@ -1868,22 +2079,22 @@
   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;
+  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
   will-change: transform;
 }
 .editor-floating-link-editor__input-container {
   display: flex;
   align-items: center;
-  gap: 0.25rem;
-  padding: 0.25rem;
+  gap: 4px;
+  padding: 4px;
   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;
+  gap: 8px;
+  padding: 4px 4px 4px 12px;
   width: 100%;
 }
 .editor-floating-link-editor__link {
@@ -1894,6 +2105,7 @@
   white-space: nowrap;
   color: var(--primary);
   font-size: 0.875rem;
+  line-height: 1.375;
   text-decoration: none;
 }
 .editor-floating-link-editor__link:hover {
@@ -1915,9 +2127,9 @@
 }
 .editor-command {
   display: flex;
+  flex-direction: column;
   height: 100%;
   width: 100%;
-  flex-direction: column;
   overflow: hidden;
   border-radius: inherit;
 }
@@ -1925,14 +2137,14 @@
   max-height: 300px;
   overflow-y: auto;
   overflow-x: hidden;
-  padding: 0.25rem;
+  padding: 4px;
 }
 .editor-command-group {
   overflow: hidden;
   color: var(--foreground);
 }
 .editor-command-group > [cmdk-group-heading] {
-  padding: 0.5rem 0.5rem 0.2rem;
+  padding: 8px 8px 4px;
   font-size: 0.75rem;
   font-weight: 500;
   color: var(--muted-foreground);
@@ -1940,36 +2152,40 @@
 .editor-command-item {
   position: relative;
   display: flex;
+  align-items: center;
   cursor: pointer;
   user-select: none;
-  align-items: center;
-  border-radius: 0.125rem;
-  padding: 0.375rem 0.5rem;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  padding: 6px 8px;
   border: 1px solid transparent;
   font-size: 0.875rem;
+  line-height: 1.375;
   outline: none;
-  gap: 0.5rem;
+  gap: 8px;
 }
 .editor-command-item:hover,
 .editor-command-item:focus,
 .editor-command-item--selected,
 .editor-command-item[aria-selected=true],
-.editor-command-item[data-selected=true] {
+.editor-command-item[data-selected=true],
+.editor-command-item[data-state=active],
+.editor-command-item[data-state=on] {
   background-color: var(--accent, #f1f5f9);
   color: var(--accent-foreground, #0f172a);
   border-color: var(--border, #d1d5db);
 }
 .editor-command-item:active {
-  transform: translateY(0);
+  transform: translateY(0) scale(0.98);
   box-shadow: none;
+  filter: brightness(0.95);
 }
 .editor-command-item[data-disabled=true] {
   pointer-events: none;
   opacity: 0.5;
 }
 .editor-command-item svg {
-  width: 1rem;
-  height: 1rem;
+  width: 16px;
+  height: 16px;
   flex-shrink: 0;
 }
 .editor-context-menu {
@@ -1989,13 +2205,14 @@
   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;
+  cursor: default;
+  gap: 8px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  padding: 6px 8px;
   border: 1px solid transparent;
   font-size: 0.875rem;
+  line-height: 1.375;
   outline: none;
   user-select: none;
 }
@@ -2003,14 +2220,17 @@
 .editor-context-menu-item:focus,
 .editor-context-menu-item--selected,
 .editor-context-menu-item[aria-selected=true],
-.editor-context-menu-item[data-selected=true] {
+.editor-context-menu-item[data-selected=true],
+.editor-context-menu-item[data-state=active],
+.editor-context-menu-item[data-state=on] {
   background-color: var(--accent, #f1f5f9);
   color: var(--accent-foreground, #0f172a);
   border-color: var(--border, #d1d5db);
 }
 .editor-context-menu-item:active {
-  transform: translateY(0);
+  transform: translateY(0) scale(0.98);
   box-shadow: none;
+  filter: brightness(0.95);
 }
 .editor-context-menu-item[data-disabled=true] {
   pointer-events: none;
@@ -2025,16 +2245,22 @@
 .editor-actions-bar {
   clear: both;
   display: flex;
+  align-items: center;
   width: 100%;
+  display: flex;
   align-items: center;
   justify-content: space-between;
-  gap: 0.75rem;
+  gap: 12px;
   overflow-x: auto;
   flex-wrap: nowrap;
   border-top: 1px solid var(--border);
-  padding: 0.375rem 0.75rem;
+  padding: 6px 12px;
   background-color: color-mix(in srgb, var(--background), transparent 50%);
-  backdrop-filter: blur(8px);
+}
+@supports (backdrop-filter: blur(8px)) {
+  .editor-actions-bar {
+    backdrop-filter: blur(8px);
+  }
 }
 .editor-actions-bar::-webkit-scrollbar {
   display: none;
@@ -2046,147 +2272,27 @@
 .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-actions-bar .editor-tooltip-group:hover .editor-tooltip-content {
+  display: block !important;
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  margin-bottom: 8px;
+  background: var(--popover);
+  color: var(--popover-foreground);
+  padding: 4px 8px;
+  border-radius: calc(var(--radius, 8px) - 2px);
+  font-size: 0.75rem;
+  white-space: nowrap;
+  border: 1px solid var(--border);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  z-index: 50;
+  pointer-events: none;
 }
 .editor-root-container {
   border-radius: var(--radius, 8px);
-  transition: all 0.2s ease-in-out;
+  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 .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));
@@ -2236,12 +2342,12 @@
 .lexical-editor-root h5,
 .lexical-editor-root h6 {
   margin: 0 !important;
-  padding: 0 !important;
+  padding: 0;
   border: 0 !important;
   font-size: 100%;
   vertical-align: baseline !important;
   -webkit-font-smoothing: antialiased !important;
-  -moz-osx-font-smoothing: grayscale !important;
+  -moz-osx-osx-font-smoothing: grayscale !important;
   letter-spacing: normal !important;
   word-spacing: normal !important;
   text-indent: 0 !important;
@@ -2255,8 +2361,8 @@
   overflow-wrap: normal !important;
   margin-inline-start: 0 !important;
   margin-inline-end: 0 !important;
-  padding-inline-start: 0 !important;
-  padding-inline-end: 0 !important;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
   margin-block-start: 0 !important;
   margin-block-end: 0 !important;
   -webkit-tap-highlight-color: transparent !important;
@@ -2277,6 +2383,40 @@
   margin: 0 !important;
   padding: 0 !important;
 }
+.editor-content-editable {
+  position: relative !important;
+  display: block !important;
+  outline: none !important;
+}
+.editor-content-editable:not(.editor-content-editable--readonly):not(.editor-content-editable--review) {
+  min-height: 288px !important;
+  padding: 16px 32px !important;
+}
+.editor-content-editable:focus {
+  outline: none !important;
+}
+.editor-content-editable--readonly,
+.editor-content-editable--review {
+  cursor: default !important;
+  user-select: text !important;
+  min-height: unset !important;
+  padding: 0 !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;
+}
+.editor-content-editable--readonly + .editor-placeholder,
+.editor-content-editable--review + .editor-placeholder {
+  display: none !important;
+}
 .lexical-editor-root .editor-paragraph {
   font-size: 16px !important;
   line-height: 1.75 !important;
@@ -2288,57 +2428,59 @@
 }
 .lexical-editor-root .editor-h1 {
   font-size: 36px;
-  line-height: 40px !important;
+  line-height: 1.25 !important;
   font-weight: 700 !important;
   letter-spacing: -0.025em;
-  margin-top: 32px !important;
-  margin-bottom: 16px !important;
+  margin-top: 36px !important;
+  margin-bottom: 18px !important;
 }
 .lexical-editor-root .editor-h2 {
   font-size: 30px;
-  line-height: 36px !important;
+  line-height: 1.25 !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;
+  margin-top: 30px !important;
+  margin-bottom: 15px !important;
+  border-bottom: 1px solid var(--border);
+  padding-bottom: 4px;
 }
 .lexical-editor-root .editor-h3 {
   font-size: 24px;
-  line-height: 32px !important;
+  line-height: 1.25 !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;
+  line-height: 1.25 !important;
   font-weight: 600 !important;
-  margin-top: 20px !important;
-  margin-bottom: 8px !important;
+  margin-top: 18px !important;
+  margin-bottom: 9px !important;
 }
 .lexical-editor-root .editor-h5 {
   font-size: 18px;
-  line-height: 28px !important;
+  line-height: 1.25 !important;
   font-weight: 600 !important;
-  margin-top: 20px !important;
-  margin-bottom: 8px !important;
+  margin-top: 12px !important;
+  margin-bottom: 6px !important;
 }
 .lexical-editor-root .editor-h6 {
   font-size: 16px;
-  line-height: 24px !important;
+  line-height: 1.25 !important;
   font-weight: 600 !important;
-  margin-top: 20px !important;
-  margin-bottom: 8px !important;
+  margin-top: 12px !important;
+  margin-bottom: 6px !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;
+  padding: 16px 16px 16px 24px;
+  border-left: 4px solid var(--border);
+  font-size: 18px;
+  color: var(--muted-foreground);
+  font-style: italic;
+  background-color: var(--muted);
+  border-top-right-radius: var(--radius, 8px);
+  border-bottom-right-radius: var(--radius, 8px);
 }
 .lexical-editor-root .editor-ol {
   list-style-type: decimal !important;
@@ -2349,6 +2491,38 @@
 .lexical-editor-root .editor-ol[data-list-marker=alpha] {
   list-style-type: lower-alpha !important;
 }
+.lexical-editor-root .editor-ol[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ol[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !important;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] {
+  list-style-type: none !important;
+  counter-reset: item;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] > li {
+  counter-increment: item;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] > li.editor-nested-listitem {
+  counter-increment: none !important;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] > li:not(.editor-nested-listitem)::marker {
+  content: counters(item, ".") ". " !important;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] .editor-ol {
+  list-style-type: none !important;
+  counter-reset: item;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] .editor-ol > li {
+  counter-increment: item;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] .editor-ol > li.editor-nested-listitem {
+  counter-increment: none !important;
+}
+.lexical-editor-root .editor-ol[data-list-marker=multi-level] .editor-ol > li:not(.editor-nested-listitem)::marker {
+  content: counters(item, ".") ". " !important;
+}
 .lexical-editor-root .editor-ol[data-list-color] li::marker {
   color: var(--list-marker-color, currentColor) !important;
 }
@@ -2363,21 +2537,27 @@
 .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 {
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker="-"] > li:not(.editor-nested-listitem)::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 {
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker="+"] > li:not(.editor-nested-listitem)::marker {
   content: "+ " !important;
 }
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !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;
+  line-height: 1.625 !important;
 }
 .lexical-editor-root .editor-checklist {
   list-style: none !important;
@@ -2392,6 +2572,7 @@
 .lexical-editor-root .editor-checklist .editor-listitem-checked,
 .lexical-editor-root .editor-checklist .editor-listitem-unchecked {
   display: flex;
+  align-items: center;
   align-items: flex-start;
   margin-left: 0;
   padding: 4px 0;
@@ -2411,14 +2592,14 @@
   border: 2px solid var(--list-marker-color, #3b82f6) !important;
   border-radius: 4px;
   box-sizing: border-box;
-  transition: all 0.1s ease-in-out;
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
   background-position: center;
   background-repeat: no-repeat;
-  background-size: 12px;
+  background-size: 16px;
 }
 .lexical-editor-root .editor-checklist .editor-listitem-checked {
   text-decoration: line-through;
-  color: #64748b;
+  color: var(--muted-foreground, #64748b);
 }
 .lexical-editor-root .editor-checklist .editor-listitem-checked::before {
   background-color: var(--list-marker-color, #3b82f6) !important;
@@ -2438,96 +2619,221 @@
 .lexical-editor-root .editor-ol-depth-1 {
   list-style-type: decimal !important;
 }
+.lexical-editor-root .editor-ol-depth-1[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ol-depth-1[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !important;
+}
+.lexical-editor-root .editor-ol-depth-1[data-list-marker=multi-level] {
+  list-style-type: none !important;
+  counter-reset: item;
+}
+.lexical-editor-root .editor-ol-depth-1[data-list-marker=multi-level] > li {
+  counter-increment: item;
+}
+.lexical-editor-root .editor-ol-depth-1[data-list-marker=multi-level] > li.editor-nested-listitem {
+  counter-increment: none !important;
+}
+.lexical-editor-root .editor-ol-depth-1[data-list-marker=multi-level] > li:not(.editor-nested-listitem)::marker {
+  content: counters(item, ".") ". " !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 {
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker="-"] > li:not(.editor-nested-listitem)::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 {
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker="+"] > li:not(.editor-nested-listitem)::marker {
   content: "+ " !important;
 }
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-1:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !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-ol-depth-2[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ol-depth-2[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !important;
+}
+.lexical-editor-root .editor-ol-depth-2[data-list-marker=multi-level] {
+  list-style-type: none !important;
+  counter-reset: item;
+}
+.lexical-editor-root .editor-ol-depth-2[data-list-marker=multi-level] > li {
+  counter-increment: item;
+}
+.lexical-editor-root .editor-ol-depth-2[data-list-marker=multi-level] > li.editor-nested-listitem {
+  counter-increment: none !important;
+}
+.lexical-editor-root .editor-ol-depth-2[data-list-marker=multi-level] > li:not(.editor-nested-listitem)::marker {
+  content: counters(item, ".") ". " !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 {
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker="-"] > li:not(.editor-nested-listitem)::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 {
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker="+"] > li:not(.editor-nested-listitem)::marker {
   content: "+ " !important;
 }
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-2:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !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-ol-depth-3[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ol-depth-3[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !important;
+}
+.lexical-editor-root .editor-ol-depth-3[data-list-marker=multi-level] {
+  list-style-type: none !important;
+  counter-reset: item;
+}
+.lexical-editor-root .editor-ol-depth-3[data-list-marker=multi-level] > li {
+  counter-increment: item;
+}
+.lexical-editor-root .editor-ol-depth-3[data-list-marker=multi-level] > li.editor-nested-listitem {
+  counter-increment: none !important;
+}
+.lexical-editor-root .editor-ol-depth-3[data-list-marker=multi-level] > li:not(.editor-nested-listitem)::marker {
+  content: counters(item, ".") ". " !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 {
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker="-"] > li:not(.editor-nested-listitem)::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 {
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker="+"] > li:not(.editor-nested-listitem)::marker {
   content: "+ " !important;
 }
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-3:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !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-ol-depth-4[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ol-depth-4[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !important;
+}
+.lexical-editor-root .editor-ol-depth-4[data-list-marker=multi-level] {
+  list-style-type: none !important;
+  counter-reset: item;
+}
+.lexical-editor-root .editor-ol-depth-4[data-list-marker=multi-level] > li {
+  counter-increment: item;
+}
+.lexical-editor-root .editor-ol-depth-4[data-list-marker=multi-level] > li.editor-nested-listitem {
+  counter-increment: none !important;
+}
+.lexical-editor-root .editor-ol-depth-4[data-list-marker=multi-level] > li:not(.editor-nested-listitem)::marker {
+  content: counters(item, ".") ". " !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 {
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker="-"] > li:not(.editor-nested-listitem)::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 {
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker="+"] > li:not(.editor-nested-listitem)::marker {
   content: "+ " !important;
 }
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-4:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !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-ol-depth-5[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ol-depth-5[data-list-marker]:not([data-list-marker=alpha]):not([data-list-marker=multi-level]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !important;
+}
+.lexical-editor-root .editor-ol-depth-5[data-list-marker=multi-level] {
+  list-style-type: none !important;
+  counter-reset: item;
+}
+.lexical-editor-root .editor-ol-depth-5[data-list-marker=multi-level] > li {
+  counter-increment: item;
+}
+.lexical-editor-root .editor-ol-depth-5[data-list-marker=multi-level] > li.editor-nested-listitem {
+  counter-increment: none !important;
+}
+.lexical-editor-root .editor-ol-depth-5[data-list-marker=multi-level] > li:not(.editor-nested-listitem)::marker {
+  content: counters(item, ".") ". " !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 {
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker="-"] > li:not(.editor-nested-listitem)::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 {
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker="+"] > li:not(.editor-nested-listitem)::marker {
   content: "+ " !important;
 }
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) {
+  list-style-type: none !important;
+}
+.lexical-editor-root .editor-ul-depth-5:not(.editor-checklist)[data-list-marker]:not([data-list-marker="-"]):not([data-list-marker="+"]) > li:not(.editor-nested-listitem)::marker {
+  content: attr(data-list-marker) !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;
+  background-color: var(--muted, #f3f4f6);
+  color: var(--muted-foreground, #1f2937);
   font-family:
     "JetBrains Mono",
     ui-monospace,
@@ -2540,32 +2846,50 @@
     monospace;
   display: block;
   padding: 16px 16px 16px 64px;
-  line-height: 1.6;
+  line-height: 1.75;
   font-size: 14px;
   margin: 24px 0 !important;
   overflow-x: auto;
-  border: 1px solid #e2e8f0;
+  border: 1px solid var(--border);
   position: relative;
-  border-radius: 8px;
+  border-radius: var(--radius, 8px);
   tab-size: 2;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
-.lexical-editor-root .editor-code:before {
+.lexical-editor-root .editor-code::before {
   content: attr(data-gutter);
   position: absolute;
-  background-color: #f8fafc;
-  border-right: 1px solid #e2e8f0;
+  background-color: var(--muted);
   left: 0;
   top: 0;
   bottom: 0;
-  padding: 16px 12px;
-  color: #94a3b8;
+  padding: 16px;
+  border-right: 1px solid var(--border);
+  color: var(--muted-foreground);
   white-space: pre-wrap;
   text-align: right;
-  min-width: 56px;
-  font-variant-numeric: tabular-nums;
-  user-select: none;
+  min-width: 48px;
   font-size: 12px;
+  user-select: none;
+}
+.lexical-editor-root .editor-text-code {
+  background-color: var(--muted, #f3f4f6);
+  color: var(--foreground, #1f2937);
+  padding: 2px 6px;
+  font-family:
+    "JetBrains Mono",
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-size: 14px;
+  border-radius: var(--radius, 8px);
+  border: 1px solid var(--border, #d1d5db);
+  font-weight: 500;
 }
 .lexical-editor-root .editor-hashtag {
   background-color: rgba(var(--primary, #3b82f6), 0.1);
@@ -2597,24 +2921,20 @@
   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;
+  background-color: rgba(var(--primary, #3b82f6), 0.3) !important;
+  outline: 2px solid var(--primary, #3b82f6) !important;
+  outline-offset: -2px;
 }
-.lexical-editor-root .editor-table .editor-table-cell-resize-ruler {
-  display: block;
+.lexical-editor-root .editor-table .editor-table-cell-selected::after {
+  content: "";
   position: absolute;
-  width: 1px;
-  height: 100%;
-  background-color: var(--primary, #3b82f6);
   top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(var(--primary, #3b82f6), 0.3);
+  pointer-events: none;
+  z-index: 2;
 }
 .lexical-editor-root .editor-table .editor-table-cell-action-button-container {
   display: block;
@@ -2626,20 +2946,27 @@
   height: 20px;
 }
 .lexical-editor-root .editor-table .editor-table-cell-action-button {
-  background-color: #eee;
+  background-color: var(--muted, #f3f4f6);
   display: block;
   border: 0;
-  border-radius: 20px;
+  border-radius: 9999px;
   width: 20px;
   height: 20px;
-  color: #222;
+  color: var(--foreground, #1f2937);
   cursor: pointer;
+  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.lexical-editor-root .editor-table .editor-table-cell-action-button:hover:not(:disabled):not([data-state=on]):not([data-state=active]) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
 }
-.lexical-editor-root .editor-table .editor-table-cell-action-button:hover {
-  background-color: #ddd;
+.lexical-editor-root .editor-table .editor-table-cell-action-button:active:not(:disabled) {
+  transform: translateY(0) scale(0.98);
+  box-shadow: none;
+  filter: brightness(0.95);
 }
 .lexical-editor-root .editor-table .editor-table-cell-editing {
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
 }
 .lexical-editor-root .editor-table .editor-table-cell-primary-selected {
@@ -2674,8 +3001,32 @@
   outline: 2px solid var(--primary, #3b82f6);
 }
 .lexical-editor-root .editor-table .editor-table-selection {
+  background-color: rgba(var(--primary, #3b82f6), 0.15) !important;
+}
+.editor-table-cell-resizer {
+  position: absolute;
+  height: 100%;
+  width: 16px;
+  cursor: col-resize;
+  z-index: 50;
+  top: 0;
+  pointer-events: auto !important;
+  user-select: none;
   background-color: transparent;
 }
+.editor-table-cell-resizer:hover {
+  background-color: rgba(var(--primary, #3b82f6), 0.1);
+}
+.editor-table-cell-resize-ruler {
+  display: block;
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  background-color: var(--primary, #3b82f6);
+  top: 0;
+  left: 8px;
+  pointer-events: none;
+}
 .lexical-editor-root .editor-link {
   color: #3b82f6;
   text-decoration: none;
@@ -2707,25 +3058,6 @@
   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;
 }
@@ -2827,40 +3159,6 @@
   outline: 2px solid var(--primary, #3b82f6);
 }
 .lexical-editor-root .editor-autocomplete {
-  color: #9ca3af;
-}
-.editor-content-editable {
-  position: relative !important;
-  display: block !important;
-  outline: none !important;
-}
-.editor-content-editable:not(.editor-content-editable--readonly):not(.editor-content-editable--review) {
-  min-height: 288px !important;
-  padding: 16px 32px !important;
-}
-.editor-content-editable:focus {
-  outline: none !important;
-}
-.editor-content-editable--readonly,
-.editor-content-editable--review {
-  cursor: default !important;
-  user-select: text !important;
-  min-height: unset !important;
-  padding: 0 !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;
-}
-.editor-content-editable--readonly + .editor-placeholder,
-.editor-content-editable--review + .editor-placeholder {
-  display: none !important;
+  color: var(--muted-foreground, #64748b);
 }
 /*# sourceMappingURL=index.css.map */