ct-rich-text-editor 1.3.4 → 1.3.6

package/dist/assets/style.css

@@ -640,6 +640,10 @@ video {
   left: 0.5rem;
 }
 
+.cteditor-left-2\.5{
+  left: 0.625rem;
+}
+
 .cteditor-left-4{
   left: 1rem;
 }
@@ -656,6 +660,10 @@ video {
   right: 0.25rem;
 }
 
+.cteditor-right-12{
+  right: 3rem;
+}
+
 .cteditor-right-2{
   right: 0.5rem;
 }
@@ -692,6 +700,10 @@ video {
   z-index: 99999 !important;
 }
 
+.cteditor-z-10{
+  z-index: 10;
+}
+
 .cteditor-z-50{
   z-index: 50;
 }
@@ -704,6 +716,10 @@ video {
   margin: 1rem;
 }
 
+.cteditor-m-\[2px\]{
+  margin: 2px;
+}
+
 .cteditor--mx-1{
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -714,6 +730,11 @@ video {
   margin-bottom: 0.25rem;
 }
 
+.cteditor-my-2{
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
 .cteditor-my-3{
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
@@ -728,6 +749,10 @@ video {
   margin-bottom: 0.5rem !important;
 }
 
+.\!cteditor-mt-0{
+  margin-top: 0px !important;
+}
+
 .cteditor-mb-0\.5{
   margin-bottom: 0.125rem;
 }
@@ -857,6 +882,21 @@ video {
   height: 18px !important;
 }
 
+.cteditor-size-1\.5{
+  width: 0.375rem;
+  height: 0.375rem;
+}
+
+.cteditor-size-10{
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+.cteditor-size-3{
+  width: 0.75rem;
+  height: 0.75rem;
+}
+
 .cteditor-size-3\.5{
   width: 0.875rem;
   height: 0.875rem;
@@ -867,16 +907,16 @@ video {
   height: 1rem;
 }
 
+.cteditor-size-5{
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
 .cteditor-size-6{
   width: 1.5rem;
   height: 1.5rem;
 }
 
-.cteditor-size-8{
-  width: 2rem;
-  height: 2rem;
-}
-
 .cteditor-size-9{
   width: 2.25rem;
   height: 2.25rem;
@@ -911,10 +951,22 @@ video {
   height: 3rem;
 }
 
+.cteditor-h-14{
+  height: 3.5rem;
+}
+
 .cteditor-h-2{
   height: 0.5rem;
 }
 
+.cteditor-h-2\.5{
+  height: 0.625rem;
+}
+
+.cteditor-h-20{
+  height: 5rem;
+}
+
 .cteditor-h-3{
   height: 0.75rem;
 }
@@ -947,6 +999,10 @@ video {
   height: 2.25rem;
 }
 
+.cteditor-h-\[18px\]{
+  height: 18px;
+}
+
 .cteditor-h-\[1px\]{
   height: 1px;
 }
@@ -971,22 +1027,30 @@ video {
   height: 1px;
 }
 
+.cteditor-max-h-24{
+  max-height: 6rem;
+}
+
 .cteditor-max-h-44{
   max-height: 11rem;
 }
 
-.cteditor-max-h-56{
-  max-height: 14rem;
+.cteditor-max-h-48{
+  max-height: 12rem;
 }
 
-.cteditor-max-h-60{
-  max-height: 15rem;
+.cteditor-max-h-56{
+  max-height: 14rem;
 }
 
 .cteditor-max-h-64{
   max-height: 16rem;
 }
 
+.cteditor-max-h-96{
+  max-height: 24rem;
+}
+
 .cteditor-max-h-\[--radix-select-content-available-height\]{
   max-height: var(--radix-select-content-available-height);
 }
@@ -1015,8 +1079,8 @@ video {
   min-height: 120px;
 }
 
-.cteditor-min-h-\[150px\]{
-  min-height: 150px;
+.cteditor-min-h-\[300px\]{
+  min-height: 300px;
 }
 
 .cteditor-min-h-\[60px\]{
@@ -1047,6 +1111,10 @@ video {
   width: 3rem;
 }
 
+.cteditor-w-14{
+  width: 3.5rem;
+}
+
 .cteditor-w-16{
   width: 4rem;
 }
@@ -1055,6 +1123,10 @@ video {
   width: 0.5rem;
 }
 
+.cteditor-w-2\.5{
+  width: 0.625rem;
+}
+
 .cteditor-w-24{
   width: 6rem;
 }
@@ -1111,6 +1183,10 @@ video {
   width: 14px;
 }
 
+.cteditor-w-\[18px\]{
+  width: 18px;
+}
+
 .cteditor-w-\[1px\]{
   width: 1px;
 }
@@ -1171,6 +1247,10 @@ video {
   max-width: 32rem;
 }
 
+.cteditor-max-w-md{
+  max-width: 28rem;
+}
+
 .cteditor-max-w-xs{
   max-width: 20rem;
 }
@@ -1233,10 +1313,15 @@ video {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.cteditor-scale-\[5\]{
-  --tw-scale-x: 5;
-  --tw-scale-y: 5;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+@keyframes cteditor-pulse{
+
+  50%{
+    opacity: .5;
+  }
+}
+
+.cteditor-animate-\[pulse_1\.5s_ease-in-out_infinite\]{
+  animation: cteditor-pulse 1.5s ease-in-out infinite;
 }
 
 @keyframes cteditor-pulse{
@@ -1261,6 +1346,10 @@ video {
   animation: cteditor-spin 1s linear infinite;
 }
 
+.cteditor-cursor-not-allowed{
+  cursor: not-allowed;
+}
+
 .cteditor-cursor-pointer{
   cursor: pointer;
 }
@@ -1275,6 +1364,10 @@ video {
   resize: none;
 }
 
+.cteditor-resize-y{
+  resize: vertical;
+}
+
 .cteditor-appearance-none{
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -1313,6 +1406,10 @@ video {
   align-items: flex-start;
 }
 
+.cteditor-items-end{
+  align-items: flex-end;
+}
+
 .cteditor-items-center{
   align-items: center;
 }
@@ -1325,6 +1422,10 @@ video {
   justify-content: flex-start;
 }
 
+.cteditor-justify-end{
+  justify-content: flex-end;
+}
+
 .cteditor-justify-center{
   justify-content: center;
 }
@@ -1361,6 +1462,10 @@ video {
   gap: 0.5rem;
 }
 
+.cteditor-gap-2\.5{
+  gap: 0.625rem;
+}
+
 .cteditor-gap-3{
   gap: 0.75rem;
 }
@@ -1381,6 +1486,12 @@ video {
   margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.cteditor-space-y-0\.5 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
+}
+
 .cteditor-space-y-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1451,6 +1562,10 @@ video {
   white-space: nowrap;
 }
 
+.cteditor-whitespace-pre-wrap{
+  white-space: pre-wrap;
+}
+
 .cteditor-break-words{
   overflow-wrap: break-word;
 }
@@ -1554,6 +1669,20 @@ video {
   border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
 }
 
+.cteditor-border-amber-300{
+  --tw-border-opacity: 1;
+  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
+}
+
+.cteditor-border-amber-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
+}
+
+.cteditor-border-background\/10{
+  border-color: hsl(var(--cteditorf47ac10b-background) / 0.1);
+}
+
 .cteditor-border-background\/20{
   border-color: hsl(var(--cteditorf47ac10b-background) / 0.2);
 }
@@ -1576,6 +1705,10 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-border) / 0.3);
 }
 
+.cteditor-border-destructive{
+  border-color: hsl(var(--cteditorf47ac10b-destructive));
+}
+
 .cteditor-border-foreground{
   border-color: hsl(var(--cteditorf47ac10b-foreground));
 }
@@ -1638,8 +1771,8 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-primary) / 0.2);
 }
 
-.cteditor-border-primary\/40{
-  border-color: hsl(var(--cteditorf47ac10b-primary) / 0.4);
+.cteditor-border-purple-500\/20{
+  border-color: rgb(168 85 247 / 0.2);
 }
 
 .cteditor-border-red-200{
@@ -1652,6 +1785,11 @@ video {
   border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
 }
 
+.cteditor-border-rose-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(251 113 133 / var(--tw-border-opacity, 1));
+}
+
 .cteditor-border-transparent{
   border-color: transparent;
 }
@@ -1719,11 +1857,25 @@ video {
   background-color: hsl(var(--cteditorf47ac10b-accent) / 0.5);
 }
 
+.cteditor-bg-amber-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
+}
+
+.cteditor-bg-amber-100\/50{
+  background-color: rgb(254 243 199 / 0.5);
+}
+
 .cteditor-bg-amber-50{
   --tw-bg-opacity: 1;
   background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
 }
 
+.cteditor-bg-amber-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
+}
+
 .cteditor-bg-background{
   background-color: hsl(var(--cteditorf47ac10b-background));
 }
@@ -1732,6 +1884,18 @@ video {
   background-color: hsl(var(--cteditorf47ac10b-background) / 0.5);
 }
 
+.cteditor-bg-background\/80{
+  background-color: hsl(var(--cteditorf47ac10b-background) / 0.8);
+}
+
+.cteditor-bg-background\/95{
+  background-color: hsl(var(--cteditorf47ac10b-background) / 0.95);
+}
+
+.cteditor-bg-black\/30{
+  background-color: rgb(0 0 0 / 0.3);
+}
+
 .cteditor-bg-black\/60{
   background-color: rgb(0 0 0 / 0.6);
 }
@@ -1764,6 +1928,10 @@ video {
   background-color: hsl(var(--cteditorf47ac10b-border));
 }
 
+.cteditor-bg-current{
+  background-color: currentColor;
+}
+
 .cteditor-bg-destructive{
   background-color: hsl(var(--cteditorf47ac10b-destructive));
 }
@@ -1805,6 +1973,11 @@ video {
   background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
 }
 
+.cteditor-bg-green-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
+}
+
 .cteditor-bg-muted{
   background-color: hsl(var(--cteditorf47ac10b-muted));
 }
@@ -1837,6 +2010,15 @@ video {
   background-color: hsl(var(--cteditorf47ac10b-primary) / 0.05);
 }
 
+.cteditor-bg-purple-500{
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
+}
+
+.cteditor-bg-purple-500\/10{
+  background-color: rgb(168 85 247 / 0.1);
+}
+
 .cteditor-bg-red-50{
   --tw-bg-opacity: 1;
   background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
@@ -1847,6 +2029,16 @@ video {
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
 
+.cteditor-bg-rose-100{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
+}
+
+.cteditor-bg-rose-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1));
+}
+
 .cteditor-bg-secondary{
   background-color: hsl(var(--cteditorf47ac10b-secondary));
 }
@@ -1868,6 +2060,10 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.cteditor-bg-white\/80{
+  background-color: rgb(255 255 255 / 0.8);
+}
+
 .cteditor-bg-yellow-50{
   --tw-bg-opacity: 1;
   background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
@@ -1887,9 +2083,15 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
-.cteditor-from-primary\/10{
-  --tw-gradient-from: hsl(var(--cteditorf47ac10b-primary) / 0.1) var(--tw-gradient-from-position);
-  --tw-gradient-to: hsl(var(--cteditorf47ac10b-primary) / 0) var(--tw-gradient-to-position);
+.cteditor-from-gray-50{
+  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.cteditor-from-purple-500\/5{
+  --tw-gradient-from: rgb(168 85 247 / 0.05) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
@@ -1898,14 +2100,23 @@ video {
   --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--cteditorf47ac10b-primary) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
-.cteditor-to-accent\/10{
-  --tw-gradient-to: hsl(var(--cteditorf47ac10b-accent) / 0.1) var(--tw-gradient-to-position);
+.cteditor-via-rose-50\/30{
+  --tw-gradient-to: rgb(255 241 242 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 241 242 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
 }
 
 .cteditor-to-background{
   --tw-gradient-to: hsl(var(--cteditorf47ac10b-background)) var(--tw-gradient-to-position);
 }
 
+.cteditor-to-gray-50{
+  --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
+}
+
+.cteditor-to-pink-500\/5{
+  --tw-gradient-to: rgb(236 72 153 / 0.05) var(--tw-gradient-to-position);
+}
+
 .cteditor-fill-current{
   fill: currentColor;
 }
@@ -1923,6 +2134,10 @@ video {
   padding: 0px;
 }
 
+.cteditor-p-0\.5{
+  padding: 0.125rem;
+}
+
 .cteditor-p-1{
   padding: 0.25rem;
 }
@@ -1943,6 +2158,10 @@ video {
   padding: 0.75rem;
 }
 
+.cteditor-p-3\.5{
+  padding: 0.875rem;
+}
+
 .cteditor-p-4{
   padding: 1rem;
 }
@@ -1991,6 +2210,11 @@ video {
   padding-right: 0.75rem;
 }
 
+.cteditor-px-3\.5{
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+
 .cteditor-px-4{
   padding-left: 1rem;
   padding-right: 1rem;
@@ -2036,16 +2260,34 @@ video {
   padding-bottom: 0.625rem;
 }
 
+.cteditor-py-3{
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
 .cteditor-py-4{
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
 
+.cteditor-py-8{
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
 .cteditor-py-\[7px\]{
   padding-top: 7px;
   padding-bottom: 7px;
 }
 
+.cteditor-pb-1\.5{
+  padding-bottom: 0.375rem;
+}
+
+.cteditor-pb-2{
+  padding-bottom: 0.5rem;
+}
+
 .cteditor-pb-4{
   padding-bottom: 1rem;
 }
@@ -2066,6 +2308,10 @@ video {
   padding-right: 0.5rem;
 }
 
+.cteditor-pr-24{
+  padding-right: 6rem;
+}
+
 .cteditor-pr-8{
   padding-right: 2rem;
 }
@@ -2074,10 +2320,18 @@ video {
   padding-top: 0.25rem;
 }
 
+.cteditor-pt-16{
+  padding-top: 4rem;
+}
+
 .cteditor-pt-2{
   padding-top: 0.5rem;
 }
 
+.cteditor-pt-3{
+  padding-top: 0.75rem;
+}
+
 .cteditor-text-left{
   text-align: left;
 }
@@ -2124,6 +2378,11 @@ video {
   font-size: 9px;
 }
 
+.cteditor-text-base{
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
 .cteditor-text-lg{
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -2176,6 +2435,15 @@ video {
   font-style: italic;
 }
 
+.cteditor-tabular-nums{
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+.cteditor-leading-\[1\.4\]{
+  line-height: 1.4;
+}
+
 .cteditor-leading-none{
   line-height: 1;
 }
@@ -2192,6 +2460,10 @@ video {
   letter-spacing: 0.025em;
 }
 
+.cteditor-tracking-wider{
+  letter-spacing: 0.05em;
+}
+
 .cteditor-tracking-widest{
   letter-spacing: 0.1em;
 }
@@ -2211,6 +2483,11 @@ video {
   color: rgb(217 119 6 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-amber-700{
+  --tw-text-opacity: 1;
+  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-amber-800{
   --tw-text-opacity: 1;
   color: rgb(146 64 14 / var(--tw-text-opacity, 1));
@@ -2286,11 +2563,26 @@ video {
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-gray-700{
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-gray-800{
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-gray-900{
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
+}
+
+.cteditor-text-green-500{
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-green-600{
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
@@ -2310,6 +2602,11 @@ video {
   color: hsl(var(--cteditorf47ac10b-muted-foreground));
 }
 
+.cteditor-text-orange-500{
+  --tw-text-opacity: 1;
+  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-popover-foreground{
   color: hsl(var(--cteditorf47ac10b-popover-foreground));
 }
@@ -2326,6 +2623,11 @@ video {
   color: hsl(var(--cteditorf47ac10b-primary) / 0.9);
 }
 
+.cteditor-text-purple-500{
+  --tw-text-opacity: 1;
+  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-red-500{
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity, 1));
@@ -2336,6 +2638,11 @@ video {
   color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-red-700{
+  --tw-text-opacity: 1;
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-red-800{
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity, 1));
@@ -2346,6 +2653,16 @@ video {
   color: rgb(127 29 29 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-rose-600{
+  --tw-text-opacity: 1;
+  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
+}
+
+.cteditor-text-rose-700{
+  --tw-text-opacity: 1;
+  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
+}
+
 .cteditor-text-secondary-foreground{
   color: hsl(var(--cteditorf47ac10b-secondary-foreground));
 }
@@ -2382,6 +2699,22 @@ video {
   text-underline-offset: 4px;
 }
 
+.cteditor-placeholder-muted-foreground::-moz-placeholder{
+  color: hsl(var(--cteditorf47ac10b-muted-foreground));
+}
+
+.cteditor-placeholder-muted-foreground::placeholder{
+  color: hsl(var(--cteditorf47ac10b-muted-foreground));
+}
+
+.cteditor-placeholder-muted-foreground\/60::-moz-placeholder{
+  color: hsl(var(--cteditorf47ac10b-muted-foreground) / 0.6);
+}
+
+.cteditor-placeholder-muted-foreground\/60::placeholder{
+  color: hsl(var(--cteditorf47ac10b-muted-foreground) / 0.6);
+}
+
 .cteditor-caret-\[\#3b82f6\]{
   caret-color: #3b82f6;
 }
@@ -2394,6 +2727,10 @@ video {
   opacity: 1;
 }
 
+.cteditor-opacity-25{
+  opacity: 0.25;
+}
+
 .cteditor-opacity-50{
   opacity: 0.5;
 }
@@ -2406,6 +2743,10 @@ video {
   opacity: 0.7;
 }
 
+.cteditor-opacity-75{
+  opacity: 0.75;
+}
+
 .cteditor-shadow{
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -2455,6 +2796,40 @@ video {
   outline-color: hsl(var(--cteditorf47ac10b-background) / 0.3);
 }
 
+.cteditor-ring-1{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.cteditor-ring-2{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.cteditor-ring-amber-200{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(253 230 138 / var(--tw-ring-opacity, 1));
+}
+
+.cteditor-ring-amber-400\/30{
+  --tw-ring-color: rgb(251 191 36 / 0.3);
+}
+
+.cteditor-ring-rose-200{
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1));
+}
+
+.cteditor-ring-rose-400\/30{
+  --tw-ring-color: rgb(251 113 133 / 0.3);
+}
+
+.cteditor-ring-offset-1{
+  --tw-ring-offset-width: 1px;
+}
+
 .cteditor-ring-offset-background{
   --tw-ring-offset-color: hsl(var(--cteditorf47ac10b-background));
 }
@@ -2537,6 +2912,10 @@ video {
   --tw-enter-translate-y: initial;
 }
 
+.cteditor-fade-in{
+  --tw-enter-opacity: 0;
+}
+
 .cteditor-fade-in-0{
   --tw-enter-opacity: 0;
 }
@@ -2545,6 +2924,14 @@ video {
   --tw-enter-scale: .95;
 }
 
+.cteditor-slide-in-from-bottom-4{
+  --tw-enter-translate-y: 1rem;
+}
+
+.cteditor-slide-in-from-right{
+  --tw-enter-translate-x: 100%;
+}
+
 .cteditor-duration-150{
   animation-duration: 150ms;
 }
@@ -2871,11 +3258,6 @@ body .ai-chat-popup .ai-chat-input {
   content: var(--tw-content);
 }
 
-.hover\:cteditor-translate-x-\[1px\]:hover{
-  --tw-translate-x: 1px;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .hover\:cteditor-scale-105:hover{
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
@@ -2894,17 +3276,28 @@ body .ai-chat-popup .ai-chat-input {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.hover\:cteditor-border-amber-500:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+}
+
 .hover\:cteditor-border-blue-500:hover{
   --tw-border-opacity: 1;
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
 }
 
+.hover\:cteditor-border-gray-500:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
+}
+
 .hover\:cteditor-border-primary:hover{
   border-color: hsl(var(--cteditorf47ac10b-primary));
 }
 
-.hover\:cteditor-border-primary\/30:hover{
-  border-color: hsl(var(--cteditorf47ac10b-primary) / 0.3);
+.hover\:cteditor-border-rose-500:hover{
+  --tw-border-opacity: 1;
+  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
 }
 
 .hover\:cteditor-border-white:hover{
@@ -2955,14 +3348,24 @@ body .ai-chat-popup .ai-chat-input {
   background-color: hsl(var(--cteditorf47ac10b-foreground) / 0.05);
 }
 
-.hover\:cteditor-bg-gray-300:hover{
+.hover\:cteditor-bg-gray-100:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
 
-.hover\:cteditor-bg-gray-50:hover{
+.hover\:cteditor-bg-gray-200:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:cteditor-bg-gray-300:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:cteditor-bg-gray-50:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
 }
 
 .hover\:cteditor-bg-green-100:hover{
@@ -2970,6 +3373,11 @@ body .ai-chat-popup .ai-chat-input {
   background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
 }
 
+.hover\:cteditor-bg-green-600:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:cteditor-bg-muted\/50:hover{
   background-color: hsl(var(--cteditorf47ac10b-muted) / 0.5);
 }
@@ -2986,6 +3394,16 @@ body .ai-chat-popup .ai-chat-input {
   background-color: hsl(var(--cteditorf47ac10b-primary) / 0.9);
 }
 
+.hover\:cteditor-bg-purple-600:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
+}
+
+.hover\:cteditor-bg-rose-100:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:cteditor-bg-secondary\/80:hover{
   background-color: hsl(var(--cteditorf47ac10b-secondary) / 0.8);
 }
@@ -3046,12 +3464,6 @@ body .ai-chat-popup .ai-chat-input {
   opacity: 1;
 }
 
-.hover\:cteditor-shadow:hover{
-  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .hover\:cteditor-shadow-md:hover{
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -3063,6 +3475,10 @@ body .ai-chat-popup .ai-chat-input {
   border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
 }
 
+.focus\:cteditor-border-primary:focus{
+  border-color: hsl(var(--cteditorf47ac10b-primary));
+}
+
 .focus\:cteditor-border-primary\/60:focus{
   border-color: hsl(var(--cteditorf47ac10b-primary) / 0.6);
 }
@@ -3090,12 +3506,26 @@ body .ai-chat-popup .ai-chat-input {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:cteditor-ring-1:focus{
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .focus\:cteditor-ring-2:focus{
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.focus\:cteditor-ring-primary\/20:focus{
+  --tw-ring-color: hsl(var(--cteditorf47ac10b-primary) / 0.2);
+}
+
+.focus\:cteditor-ring-purple-500\/50:focus{
+  --tw-ring-color: rgb(168 85 247 / 0.5);
+}
+
 .focus\:cteditor-ring-ring:focus{
   --tw-ring-color: hsl(var(--cteditorf47ac10b-ring));
 }
@@ -3153,14 +3583,8 @@ body .ai-chat-popup .ai-chat-input {
   opacity: 0.5;
 }
 
-.cteditor-group:hover .group-hover\:cteditor-from-primary\/20{
-  --tw-gradient-from: hsl(var(--cteditorf47ac10b-primary) / 0.2) var(--tw-gradient-from-position);
-  --tw-gradient-to: hsl(var(--cteditorf47ac10b-primary) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-.cteditor-group:hover .group-hover\:cteditor-to-accent\/20{
-  --tw-gradient-to: hsl(var(--cteditorf47ac10b-accent) / 0.2) var(--tw-gradient-to-position);
+.cteditor-group:focus-within .group-focus-within\:cteditor-text-primary{
+  color: hsl(var(--cteditorf47ac10b-primary));
 }
 
 .cteditor-group:hover .group-hover\:cteditor-text-foreground{
@@ -3373,16 +3797,35 @@ body .ai-chat-popup .ai-chat-input {
   animation-duration: 500ms;
 }
 
+.dark\:cteditor-border-amber-600:is(.cteditor-dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
+}
+
 .dark\:cteditor-border-amber-800:is(.cteditor-dark *){
   --tw-border-opacity: 1;
   border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
 }
 
+.dark\:cteditor-border-amber-800\/50:is(.cteditor-dark *){
+  border-color: rgb(146 64 14 / 0.5);
+}
+
 .dark\:cteditor-border-blue-800:is(.cteditor-dark *){
   --tw-border-opacity: 1;
   border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
 }
 
+.dark\:cteditor-border-gray-600:is(.cteditor-dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
+}
+
+.dark\:cteditor-border-gray-700:is(.cteditor-dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
+}
+
 .dark\:cteditor-border-green-800:is(.cteditor-dark *){
   --tw-border-opacity: 1;
   border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
@@ -3393,11 +3836,33 @@ body .ai-chat-popup .ai-chat-input {
   border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
 }
 
+.dark\:cteditor-border-rose-600:is(.cteditor-dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(225 29 72 / var(--tw-border-opacity, 1));
+}
+
 .dark\:cteditor-border-yellow-800:is(.cteditor-dark *){
   --tw-border-opacity: 1;
   border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
 }
 
+.dark\:cteditor-bg-amber-400:is(.cteditor-dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:cteditor-bg-amber-900\/20:is(.cteditor-dark *){
+  background-color: rgb(120 53 15 / 0.2);
+}
+
+.dark\:cteditor-bg-amber-900\/30:is(.cteditor-dark *){
+  background-color: rgb(120 53 15 / 0.3);
+}
+
+.dark\:cteditor-bg-amber-950\/10:is(.cteditor-dark *){
+  background-color: rgb(69 26 3 / 0.1);
+}
+
 .dark\:cteditor-bg-amber-950\/50:is(.cteditor-dark *){
   background-color: rgb(69 26 3 / 0.5);
 }
@@ -3406,22 +3871,58 @@ body .ai-chat-popup .ai-chat-input {
   background-color: rgb(23 37 84 / 0.5);
 }
 
+.dark\:cteditor-bg-gray-800\/50:is(.cteditor-dark *){
+  background-color: rgb(31 41 55 / 0.5);
+}
+
+.dark\:cteditor-bg-gray-900\/50:is(.cteditor-dark *){
+  background-color: rgb(17 24 39 / 0.5);
+}
+
 .dark\:cteditor-bg-green-950\/50:is(.cteditor-dark *){
   background-color: rgb(5 46 22 / 0.5);
 }
 
-.dark\:cteditor-bg-input\/30:is(.cteditor-dark *){
-  background-color: hsl(var(--cteditorf47ac10b-input) / 0.3);
+.dark\:cteditor-bg-input\/5:is(.cteditor-dark *){
+  background-color: hsl(var(--cteditorf47ac10b-input) / 0.05);
+}
+
+.dark\:cteditor-bg-red-950\/20:is(.cteditor-dark *){
+  background-color: rgb(69 10 10 / 0.2);
 }
 
 .dark\:cteditor-bg-red-950\/50:is(.cteditor-dark *){
   background-color: rgb(69 10 10 / 0.5);
 }
 
+.dark\:cteditor-bg-rose-400:is(.cteditor-dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 113 133 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:cteditor-bg-rose-900\/30:is(.cteditor-dark *){
+  background-color: rgb(136 19 55 / 0.3);
+}
+
 .dark\:cteditor-bg-yellow-950\/50:is(.cteditor-dark *){
   background-color: rgb(66 32 6 / 0.5);
 }
 
+.dark\:cteditor-from-gray-900\/40:is(.cteditor-dark *){
+  --tw-gradient-from: rgb(17 24 39 / 0.4) var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.dark\:cteditor-via-red-950\/20:is(.cteditor-dark *){
+  --tw-gradient-to: rgb(69 10 10 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(69 10 10 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.dark\:cteditor-to-gray-900\/40:is(.cteditor-dark *){
+  --tw-gradient-to: rgb(17 24 39 / 0.4) var(--tw-gradient-to-position);
+}
+
 .dark\:cteditor-text-amber-100:is(.cteditor-dark *){
   --tw-text-opacity: 1;
   color: rgb(254 243 199 / var(--tw-text-opacity, 1));
@@ -3432,6 +3933,11 @@ body .ai-chat-popup .ai-chat-input {
   color: rgb(253 230 138 / var(--tw-text-opacity, 1));
 }
 
+.dark\:cteditor-text-amber-300:is(.cteditor-dark *){
+  --tw-text-opacity: 1;
+  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
+}
+
 .dark\:cteditor-text-amber-400:is(.cteditor-dark *){
   --tw-text-opacity: 1;
   color: rgb(251 191 36 / var(--tw-text-opacity, 1));
@@ -3452,6 +3958,16 @@ body .ai-chat-popup .ai-chat-input {
   color: rgb(96 165 250 / var(--tw-text-opacity, 1));
 }
 
+.dark\:cteditor-text-gray-100:is(.cteditor-dark *){
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
+}
+
+.dark\:cteditor-text-gray-300:is(.cteditor-dark *){
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
+}
+
 .dark\:cteditor-text-gray-400:is(.cteditor-dark *){
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -3482,11 +3998,26 @@ body .ai-chat-popup .ai-chat-input {
   color: rgb(254 202 202 / var(--tw-text-opacity, 1));
 }
 
+.dark\:cteditor-text-red-300:is(.cteditor-dark *){
+  --tw-text-opacity: 1;
+  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
+}
+
 .dark\:cteditor-text-red-400:is(.cteditor-dark *){
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
 }
 
+.dark\:cteditor-text-rose-300:is(.cteditor-dark *){
+  --tw-text-opacity: 1;
+  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
+}
+
+.dark\:cteditor-text-rose-400:is(.cteditor-dark *){
+  --tw-text-opacity: 1;
+  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
+}
+
 .dark\:cteditor-text-white:is(.cteditor-dark *){
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3497,6 +4028,50 @@ body .ai-chat-popup .ai-chat-input {
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
 }
 
+.dark\:cteditor-ring-amber-600\/30:is(.cteditor-dark *){
+  --tw-ring-color: rgb(217 119 6 / 0.3);
+}
+
+.dark\:cteditor-ring-amber-900\/30:is(.cteditor-dark *){
+  --tw-ring-color: rgb(120 53 15 / 0.3);
+}
+
+.dark\:cteditor-ring-rose-600\/30:is(.cteditor-dark *){
+  --tw-ring-color: rgb(225 29 72 / 0.3);
+}
+
+.dark\:cteditor-ring-rose-900\/30:is(.cteditor-dark *){
+  --tw-ring-color: rgb(136 19 55 / 0.3);
+}
+
+.dark\:hover\:cteditor-border-amber-500:hover:is(.cteditor-dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
+}
+
+.dark\:hover\:cteditor-border-gray-500:hover:is(.cteditor-dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
+}
+
+.dark\:hover\:cteditor-border-rose-500:hover:is(.cteditor-dark *){
+  --tw-border-opacity: 1;
+  border-color: rgb(244 63 94 / var(--tw-border-opacity, 1));
+}
+
+.dark\:hover\:cteditor-bg-amber-900\/30:hover:is(.cteditor-dark *){
+  background-color: rgb(120 53 15 / 0.3);
+}
+
+.dark\:hover\:cteditor-bg-gray-800:hover:is(.cteditor-dark *){
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:hover\:cteditor-bg-rose-900\/30:hover:is(.cteditor-dark *){
+  background-color: rgb(136 19 55 / 0.3);
+}
+
 @media not all and (min-width: 768px){
 
   .max-md\:cteditor-w-full{
@@ -3716,6 +4291,11 @@ body .ai-chat-popup .ai-chat-input {
   height: 1.5rem !important;
 }
 
+.\[\&\>svg\]\:\!cteditor-size-\[14px\]>svg{
+  width: 14px !important;
+  height: 14px !important;
+}
+
 .\[\&\>svg\]\:\!cteditor-size-\[18px\]>svg{
   width: 18px !important;
   height: 18px !important;
@@ -3731,6 +4311,14 @@ body .ai-chat-popup .ai-chat-input {
   height: 1.25rem;
 }
 
+.\[\&\>svg\]\:cteditor-h-auto>svg{
+  height: auto;
+}
+
+.\[\&\>svg\]\:cteditor-w-5>svg{
+  width: 1.25rem;
+}
+
 .\[\&\>svg\]\:cteditor-shrink-0>svg{
   flex-shrink: 0;
 }
@@ -4353,27 +4941,35 @@ body .ai-chat-popup .ai-chat-input {
     border-left-style: solid;
     padding-left: 16px;
   }
+.cteditor-content h1,
+.cteditor-content h2,
+.cteditor-content h3,
+.cteditor-content h4,
+.cteditor-content h5,
+.cteditor-content h6{
+  font-weight:600;
+}
 
-  .PlaygroundEditorTheme__h1 {
-    font-size: 24px;
-
-    font-weight: 400;
-    margin: 0;
-  }
-
-  .PlaygroundEditorTheme__h2 {
-    font-size: 15px;
-    color: rgb(101, 103, 107);
-    font-weight: 700;
-    margin: 0;
-    text-transform: uppercase;
-  }
 
-  .PlaygroundEditorTheme__h3 {
-    font-size: 12px;
-    margin: 0;
-    text-transform: uppercase;
-  }
+.cteditor-content h1{
+  font-size: 24px;
+  font-weight: 600;
+}
+.cteditor-content h2{
+  font-size: 20px;
+}
+.cteditor-content h3{
+  font-size: 16px;
+}
+.cteditor-content h4{
+  font-size: 14px;
+}
+.cteditor-content h5{
+  font-size: 12px;
+}
+.cteditor-content h6{
+  font-size: 11px;
+}
 
   .PlaygroundEditorTheme__indent {
     --lexical-indent-base-value: 40px;
@@ -4593,17 +5189,16 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__table {
     border-collapse: collapse;
     border-spacing: 0;
-    overflow-y: scroll;
-    overflow-x: scroll;
+    overflow-y: visible;
+    overflow-x: visible;
     table-layout: fixed;
-    width: -moz-fit-content;
-    width: fit-content;
+    /* Remove width constraint - let inline styles control it */
     margin-top: 25px;
     margin-bottom: 30px;
   }
 
   .PlaygroundEditorTheme__tableRowStriping tr:nth-child(even) {
-    background-color: hsla(var(--cteditorf47ac10b-foreground) / 0.1);
+    background-color: hsla(var(--cteditorf47ac10b-foreground) / 0.3);
   }
 
   .PlaygroundEditorTheme__tableRowStriping tr:nth-child(even) .table-cell-action-button {
@@ -4705,11 +5300,59 @@ body .ai-chat-popup .ai-chat-input {
 
   .PlaygroundEditorTheme__tableAddRows {
     position: absolute;
-    width: calc(100% - 25px);
-    background-color: #eee;
+    background-color: hsl(var(--cteditorf47ac10b-primary) / 0.25);
+    border: 2px solid hsl(var(--cteditorf47ac10b-primary) / 0.6);
+    border-radius: 4px;
     animation: table-controls 0.2s ease;
-    border: 0;
     cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    z-index: 10;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  }
+
+  .PlaygroundEditorTheme__tableAddRows:hover {
+    background-color: hsl(var(--cteditorf47ac10b-primary) / 0.4);
+    border-color: hsl(var(--cteditorf47ac10b-primary) / 0.8);
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  }
+
+  .PlaygroundEditorTheme__tableAddRows svg {
+    width: 18px;
+    height: 18px;
+    color: hsl(var(--cteditorf47ac10b-primary-foreground));
+    stroke-width: 2.5;
+  }
+
+  .PlaygroundEditorTheme__tableAddColumns {
+    position: absolute;
+    background-color: hsl(var(--cteditorf47ac10b-primary) / 0.25);
+    border: 2px solid hsl(var(--cteditorf47ac10b-primary) / 0.6);
+    border-radius: 4px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    z-index: 10;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  }
+
+  .PlaygroundEditorTheme__tableAddColumns:hover {
+    background-color: hsl(var(--cteditorf47ac10b-primary) / 0.4);
+    border-color: hsl(var(--cteditorf47ac10b-primary) / 0.8);
+    transform: translateX(1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  }
+
+  .PlaygroundEditorTheme__tableAddColumns svg {
+    width: 18px;
+    height: 18px;
+    color: hsl(var(--cteditorf47ac10b-primary-foreground));
+    stroke-width: 2.5;
   }
 
   /* .PlaygroundEditorTheme__tableAddRows:after {
@@ -5766,7 +6409,74 @@ body .ai-chat-popup .ai-chat-input {
     min-width: 200px;
     min-height: 150px;
   }
-}.link-editor {
+}.floating-enhance-button {
+  position: absolute;
+  z-index: 10;
+  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  border-radius: 8px;
+  padding: 8px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  transition: all 0.2s ease;
+  opacity: 0;
+  pointer-events: auto;
+  width: 32px;
+  height: 32px;
+}
+
+.floating-enhance-button:hover {
+  transform: scale(1.1);
+  background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
+  border-color: rgba(255, 255, 255, 0.2);
+}
+
+.floating-enhance-button:active {
+  transform: scale(0.95);
+}
+
+.floating-enhance-button svg {
+  width: 16px;
+  height: 16px;
+  color: #a78bfa;
+}
+
+.floating-enhance-button-tooltip {
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #1f2937;
+  color: white;
+  padding: 6px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease;
+}
+
+.floating-enhance-button:hover .floating-enhance-button-tooltip {
+  opacity: 1;
+}
+
+/* Arrow for tooltip */
+.floating-enhance-button-tooltip::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 6px solid transparent;
+  border-top-color: #1f2937;
+}
+.link-editor {
   display: flex;
   position: absolute;
   top: 0;
@@ -5991,12 +6701,214 @@ body .ai-chat-popup .ai-chat-input {
   transform: scaleY(1);
 }
 
+/* Responsive styles for small and medium screens */
+@media (max-width: 1024px) {
+  .floating-text-format-popup {
+    /* Enable horizontal scrolling on small/medium screens */
+    overflow-x: auto;
+    overflow-y: hidden;
+    max-width: calc(100vw - 20px);
+    flex-wrap: nowrap;
+    /* Add scrollbar styling */
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
+  }
+
+  .floating-text-format-popup::-webkit-scrollbar {
+    height: 4px;
+  }
+
+  .floating-text-format-popup::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .floating-text-format-popup::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.3);
+    border-radius: 2px;
+  }
+
+  .floating-text-format-popup button.popup-item {
+    /* Prevent buttons from shrinking */
+    flex-shrink: 0;
+    min-width: 32px;
+    min-height: 32px;
+  }
+
+  /* Hide tooltips on small/medium screens to save space */
+  .floating-text-format-popup button.popup-item span {
+    display: none !important;
+  }
+}
+
+/* Only hide comment button on medium screens and below */
 @media (max-width: 1024px) {
   .floating-text-format-popup button.insert-comment {
     display: none;
   }
 }
-/**
+/* Table Cell Action Button Container and Button Styles */
+.table-cell-action-button-container {
+  position: absolute !important;
+  z-index: 1000;
+}
+
+.table-cell-action-button-container.table-cell-action-button-container--active {
+  pointer-events: auto;
+  opacity: 1;
+  visibility: visible;
+}
+
+.table-cell-action-button-container.table-cell-action-button-container--inactive {
+  pointer-events: none;
+  opacity: 0;
+  visibility: hidden;
+}
+
+.table-cell-action-button {
+  display: inline-flex !important;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid hsl(var(--cteditorf47ac10b-border));
+  width: 28px !important;
+  height: 28px !important;
+  border-radius: 6px;
+  background: hsl(var(--cteditorf47ac10b-popover)) !important;
+  color: hsl(var(--cteditorf47ac10b-popover-foreground)) !important;
+  cursor: pointer;
+  box-shadow: 0 2px 8px hsl(var(--cteditorf47ac10b-foreground) / 0.1);
+  transition: all 0.2s ease;
+  padding: 0 !important;
+  min-width: 28px;
+  max-width: 28px;
+}
+
+.table-cell-action-button:hover {
+  background: hsl(var(--cteditorf47ac10b-accent)) !important;
+  color: hsl(var(--cteditorf47ac10b-accent-foreground)) !important;
+  box-shadow: 0 4px 12px hsl(var(--cteditorf47ac10b-foreground) / 0.15);
+  transform: translateY(-1px);
+  border-color: hsl(var(--cteditorf47ac10b-border) / 0.8);
+}
+
+.table-cell-action-button svg {
+  width: 16px;
+  height: 16px;
+  stroke: currentColor;
+}
+
+.table-cell-action-button i.chevron-down {
+  background-color: transparent;
+  background-size: contain;
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz48L3N2Zz4=);
+  filter: invert(var(--icon-invert, 0));
+}
+
+/* Dropdown Menu Styles for Table Actions - Liquid Glass Design */
+.dropdown.table-drop {
+  z-index: 100;
+  display: block;
+  position: fixed;
+  border-radius: 12px;
+  min-height: 40px;
+  min-width: 200px;
+  padding: 6px;
+  
+  /* Liquid glass effect */
+  background: hsl(var(--cteditorf47ac10b-popover) / 0.85);
+  backdrop-filter: blur(12px) saturate(180%);
+  -webkit-backdrop-filter: blur(12px) saturate(180%);
+  
+  /* Border with gradient */
+  border: 1px solid hsl(var(--cteditorf47ac10b-border) / 0.3);
+  
+  /* Enhanced shadow for depth */
+  box-shadow: 
+    0 8px 32px rgba(0, 0, 0, 0.12),
+    0 2px 8px rgba(0, 0, 0, 0.08),
+    inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  
+  /* Smooth appearance */
+  animation: dropdownFadeIn 0.2s ease-out;
+}
+
+@keyframes dropdownFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-8px) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+.dropdown.table-drop .item {
+  padding: 10px 12px;
+  cursor: pointer;
+  line-height: 18px;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  flex-shrink: 0;
+  justify-content: flex-start;
+  border-radius: 8px;
+  border: 0;
+  width: 100%;
+  background-color: transparent;
+  color: hsl(var(--cteditorf47ac10b-popover-foreground));
+  transition: all 0.15s ease;
+  font-weight: 400;
+  white-space: nowrap;
+}
+
+.dropdown.table-drop .item:hover {
+  background-color: hsl(var(--cteditorf47ac10b-accent) / 0.8);
+  color: hsl(var(--cteditorf47ac10b-accent-foreground));
+  transform: translateX(2px);
+}
+
+.dropdown.table-drop .item:active {
+  transform: translateX(2px) scale(0.98);
+}
+
+.dropdown.table-drop .item .text {
+  display: flex;
+  line-height: 20px;
+  flex-grow: 1;
+  font-size: 14px;
+}
+
+.dropdown.table-drop .item .icon {
+  display: flex;
+  width: 18px;
+  height: 18px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  margin-right: 10px;
+  background-size: contain;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+/* Divider styling */
+.dropdown.table-drop .cteditor-border-b {
+  border-color: hsl(var(--cteditorf47ac10b-border) / 0.2);
+  margin: 4px 0;
+}
+
+/* Custom row striping with CSS variable */
+.table-custom-striping tr:nth-child(even) {
+  background-color: var(--table-striping-color) !important;
+}
+
+.PlaygroundEditorTheme__tableRowStriping tr:nth-child(even) {
+    background-color: var(--cteditorf47ac10b-muted-foreground);
+}/**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
@@ -6106,12 +7018,14 @@ body .ai-chat-popup .ai-chat-input {
 .Input__label {
   display: flex;
   flex: 1;
-  color: #666;
+  color: hsl(var(--cteditorf47ac10b-foreground) / 0.7);
 }
 .Input__input {
   display: flex;
   flex: 2;
-  border: 1px solid #999;
+  border: 1px solid hsl(var(--cteditorf47ac10b-border));
+  background-color: hsl(var(--cteditorf47ac10b-background));
+  color: hsl(var(--cteditorf47ac10b-foreground));
   padding-top: 7px;
   padding-bottom: 7px;
   padding-left: 10px;
@@ -6131,6 +7045,55 @@ body .ai-chat-popup .ai-chat-input {
 
 .TableCellResizer__resizer {
   position: absolute;
+  z-index: 10;
+  transition: background-color 0.15s ease;
+}
+
+.TableCellResizer__resizer:hover,
+.TableCellResizer__resizer--hovered {
+  background-color: rgba(59, 130, 246, 0.2) !important;
+}
+
+.TableCellResizer__resizer:active,
+.TableCellResizer__resizer--dragging {
+  background-color: rgba(59, 130, 246, 0.4) !important;
+  transition: none;
+}
+
+.TableCellResizer__tooltip {
+  position: fixed;
+  background: rgba(0, 0, 0, 0.85);
+  color: white;
+  padding: 6px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-family: ui-monospace, monospace;
+  font-weight: 500;
+  pointer-events: none;
+  z-index: 9999;
+  white-space: nowrap;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+  animation: fadeIn 0.15s ease;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.TableCellResizer__dragLine {
+  position: absolute;
+  background-color: #3b82f6;
+  pointer-events: none;
+  z-index: 9998;
+  box-shadow: 0 0 8px rgba(59, 130, 246, 0.5);
+  transition: opacity 0.15s ease;
 }
 #ct-editor-f47ac10b {
 
@@ -6204,4 +7167,69 @@ body .ai-chat-popup .ai-chat-input {
   .ImageNode__contentEditable p {
     margin: 0;
   }
-}
+}#ct-editor-f47ac10b {
+  /* Premium signature caption container */
+  .signature-caption-container {
+    width: 100%;
+    margin-top: 12px;
+    margin-bottom: 16px;
+    padding-top: 8px;
+    border-top: 1px solid hsla(var(--cteditorf47ac10b-border) / 0.2);
+  }
+
+  /* Signature caption editable area */
+  .signature-caption-editable {
+    background: hsla(var(--cteditorf47ac10b-secondary) / 0.15);
+    border: none;
+    border-radius: 4px;
+    padding: 6px 12px;
+    text-align: center;
+    font-size: 13px;
+    font-style: italic;
+    font-family: Georgia, 'Times New Roman', serif;
+    color: hsl(var(--cteditorf47ac10b-foreground)) !important;
+    letter-spacing: 0.3px;
+    min-height: 28px;
+    outline: none;
+    transition: all 0.2s ease;
+    width: 100%;
+  }
+
+  .signature-caption-editable:focus {
+    background: hsla(var(--cteditorf47ac10b-secondary) / 0.3);
+    border-radius: 4px;
+    color: hsl(var(--cteditorf47ac10b-foreground)) !important;
+  }
+
+  .signature-caption-editable::-moz-placeholder {
+    color: hsla(var(--cteditorf47ac10b-foreground) / 0.4) !important;
+    font-style: italic;
+  }
+
+  .signature-caption-editable::placeholder {
+    color: hsla(var(--cteditorf47ac10b-foreground) / 0.4) !important;
+    font-style: italic;
+  }
+
+  .signature-caption-editable p {
+    margin: 0;
+    text-align: center;
+    color: hsl(var(--cteditorf47ac10b-foreground)) !important;
+  }
+
+  /* Ensure all text nodes are visible - override any inline styles */
+  .signature-caption-editable span,
+  .signature-caption-editable span[data-lexical-text] {
+    color: hsl(var(--cteditorf47ac10b-foreground)) !important;
+    background: transparent !important;
+  }
+
+  .signature-caption-editable div {
+    color: hsl(var(--cteditorf47ac10b-foreground)) !important;
+  }
+
+  /* Override Lexical's default text color */
+  .signature-caption-editable [data-lexical-text="true"] {
+    color: hsl(var(--cteditorf47ac10b-foreground)) !important;
+  }
+}