ct-rich-text-editor 1.3.1 → 1.3.2

package/dist/assets/style.css

@@ -181,8 +181,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
 */
 
 abbr:where([title]) {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+  text-decoration: underline dotted;
 }
 
 /*
@@ -752,10 +751,6 @@ video {
   margin-bottom: 1rem;
 }
 
-.cteditor-ml-1{
-  margin-left: 0.25rem;
-}
-
 .cteditor-ml-2{
   margin-left: 0.5rem;
 }
@@ -776,10 +771,6 @@ video {
   margin-right: 0.5rem;
 }
 
-.cteditor-mr-4{
-  margin-right: 1rem;
-}
-
 .cteditor-mt-0\.5{
   margin-top: 0.125rem;
 }
@@ -880,6 +871,11 @@ video {
   height: 1.5rem;
 }
 
+.cteditor-size-8{
+  width: 2rem;
+  height: 2rem;
+}
+
 .cteditor-size-9{
   width: 2.25rem;
   height: 2.25rem;
@@ -962,6 +958,10 @@ video {
   height: var(--radix-select-trigger-height);
 }
 
+.cteditor-h-auto{
+  height: auto;
+}
+
 .cteditor-h-full{
   height: 100%;
 }
@@ -970,6 +970,10 @@ video {
   height: 1px;
 }
 
+.cteditor-max-h-44{
+  max-height: 11rem;
+}
+
 .cteditor-max-h-56{
   max-height: 14rem;
 }
@@ -1030,10 +1034,6 @@ video {
   width: 2.25rem !important;
 }
 
-.\!cteditor-w-\[120px\]{
-  width: 120px !important;
-}
-
 .\!cteditor-w-full{
   width: 100% !important;
 }
@@ -1102,10 +1102,6 @@ video {
   width: 2rem;
 }
 
-.cteditor-w-80{
-  width: 20rem;
-}
-
 .cteditor-w-9{
   width: 2.25rem;
 }
@@ -1118,6 +1114,10 @@ video {
   width: 1px;
 }
 
+.cteditor-w-\[20rem\]{
+  width: 20rem;
+}
+
 .cteditor-w-\[400px\]{
   width: 400px;
 }
@@ -1170,6 +1170,10 @@ video {
   max-width: 32rem;
 }
 
+.cteditor-max-w-xs{
+  max-width: 20rem;
+}
+
 .cteditor-flex-1{
   flex: 1 1 0%;
 }
@@ -1228,6 +1232,12 @@ 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%{
@@ -1255,9 +1265,8 @@ video {
 }
 
 .cteditor-select-none{
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
 }
 
 .cteditor-resize-none{
@@ -1306,6 +1315,10 @@ video {
   align-items: center;
 }
 
+.\!cteditor-justify-start{
+  justify-content: flex-start !important;
+}
+
 .cteditor-justify-start{
   justify-content: flex-start;
 }
@@ -1418,6 +1431,10 @@ video {
   overflow-x: hidden;
 }
 
+.cteditor-overflow-y-hidden{
+  overflow-y: hidden;
+}
+
 .cteditor-truncate{
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1481,6 +1498,10 @@ video {
   border-width: 2px;
 }
 
+.cteditor-border-\[1px\]{
+  border-width: 1px;
+}
+
 .cteditor-border-b{
   border-bottom-width: 1px;
 }
@@ -1509,6 +1530,10 @@ video {
   border-style: dashed;
 }
 
+.\!cteditor-border-none{
+  border-style: none !important;
+}
+
 .cteditor-border-none{
   border-style: none;
 }
@@ -1527,6 +1552,10 @@ video {
   border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
 }
 
+.cteditor-border-background\/20{
+  border-color: hsl(var(--cteditorf47ac10b-background) / 0.2);
+}
+
 .cteditor-border-blue-200{
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -1545,8 +1574,8 @@ video {
   border-color: hsl(var(--cteditorf47ac10b-border) / 0.3);
 }
 
-.cteditor-border-border\/50{
-  border-color: hsl(var(--cteditorf47ac10b-border) / 0.5);
+.cteditor-border-foreground{
+  border-color: hsl(var(--cteditorf47ac10b-foreground));
 }
 
 .cteditor-border-foreground\/15{
@@ -1660,10 +1689,18 @@ video {
   border-left-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
 }
 
+.\!cteditor-bg-accent{
+  background-color: hsl(var(--cteditorf47ac10b-accent)) !important;
+}
+
 .\!cteditor-bg-foreground\/10{
   background-color: hsl(var(--cteditorf47ac10b-foreground) / 0.1) !important;
 }
 
+.\!cteditor-bg-foreground\/5{
+  background-color: hsl(var(--cteditorf47ac10b-foreground) / 0.05) !important;
+}
+
 .\!cteditor-bg-secondary{
   background-color: hsl(var(--cteditorf47ac10b-secondary)) !important;
 }
@@ -1922,6 +1959,11 @@ video {
   padding-bottom: 0.125rem !important;
 }
 
+.\!cteditor-py-3{
+  padding-top: 0.75rem !important;
+  padding-bottom: 0.75rem !important;
+}
+
 .cteditor-px-1{
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2177,6 +2219,10 @@ video {
   color: rgb(120 53 15 / var(--tw-text-opacity, 1));
 }
 
+.cteditor-text-background{
+  color: hsl(var(--cteditorf47ac10b-background));
+}
+
 .cteditor-text-black{
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -2192,11 +2238,6 @@ video {
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
 
-.cteditor-text-blue-700{
-  --tw-text-opacity: 1;
-  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
-}
-
 .cteditor-text-blue-800{
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity, 1));
@@ -2408,6 +2449,10 @@ video {
   outline-width: 0px;
 }
 
+.cteditor-outline-background\/30{
+  outline-color: hsl(var(--cteditorf47ac10b-background) / 0.3);
+}
+
 .cteditor-ring-offset-background{
   --tw-ring-offset-color: hsl(var(--cteditorf47ac10b-background));
 }
@@ -2758,6 +2803,15 @@ body .ai-chat-popup .ai-chat-input {
     flex-shrink: 0;
   }
 
+.no-scrollbar::-webkit-scrollbar {
+    display: none;
+}
+
+.no-scrollbar {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+}
+
 .file\:cteditor-border-0::file-selector-button{
   border-width: 0px;
 }
@@ -2779,6 +2833,14 @@ body .ai-chat-popup .ai-chat-input {
   color: hsl(var(--cteditorf47ac10b-foreground));
 }
 
+.placeholder\:cteditor-text-background::-moz-placeholder{
+  color: hsl(var(--cteditorf47ac10b-background));
+}
+
+.placeholder\:cteditor-text-background::placeholder{
+  color: hsl(var(--cteditorf47ac10b-background));
+}
+
 .placeholder\:cteditor-text-muted-foreground::-moz-placeholder{
   color: hsl(var(--cteditorf47ac10b-muted-foreground));
 }
@@ -2910,10 +2972,6 @@ body .ai-chat-popup .ai-chat-input {
   background-color: hsl(var(--cteditorf47ac10b-muted) / 0.5);
 }
 
-.hover\:cteditor-bg-muted\/80:hover{
-  background-color: hsl(var(--cteditorf47ac10b-muted) / 0.8);
-}
-
 .hover\:cteditor-bg-primary:hover{
   background-color: hsl(var(--cteditorf47ac10b-primary));
 }
@@ -2992,12 +3050,6 @@ body .ai-chat-popup .ai-chat-input {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
-.hover\:cteditor-shadow-lg:hover{
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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);
@@ -3009,18 +3061,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);
 }
 
-.focus\:cteditor-bg-background:focus{
-  background-color: hsl(var(--cteditorf47ac10b-background));
-}
-
 .focus\:cteditor-bg-foreground\/5:focus{
   background-color: hsl(var(--cteditorf47ac10b-foreground) / 0.05);
 }
@@ -3050,10 +3094,6 @@ 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-primary\/50:focus{
-  --tw-ring-color: hsl(var(--cteditorf47ac10b-primary) / 0.5);
-}
-
 .focus\:cteditor-ring-ring:focus{
   --tw-ring-color: hsl(var(--cteditorf47ac10b-ring));
 }
@@ -3356,11 +3396,6 @@ body .ai-chat-popup .ai-chat-input {
   border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
 }
 
-.dark\:cteditor-bg-\[\#0b0b0b\]:is(.cteditor-dark *){
-  --tw-bg-opacity: 1;
-  background-color: rgb(11 11 11 / var(--tw-bg-opacity, 1));
-}
-
 .dark\:cteditor-bg-amber-950\/50:is(.cteditor-dark *){
   background-color: rgb(69 26 3 / 0.5);
 }
@@ -3415,11 +3450,6 @@ body .ai-chat-popup .ai-chat-input {
   color: rgb(96 165 250 / var(--tw-text-opacity, 1));
 }
 
-.dark\:cteditor-text-blue-500:is(.cteditor-dark *){
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / 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));
@@ -3465,12 +3495,23 @@ body .ai-chat-popup .ai-chat-input {
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
 }
 
+@media not all and (min-width: 768px){
+
+  .max-md\:cteditor-w-full{
+    width: 100%;
+  }
+}
+
 @media (min-width: 640px){
 
   .sm\:cteditor-inline{
     display: inline;
   }
 
+  .sm\:cteditor-w-\[28rem\]{
+    width: 28rem;
+  }
+
   .sm\:cteditor-w-\[400px\]{
     width: 400px;
   }
@@ -3514,6 +3555,17 @@ body .ai-chat-popup .ai-chat-input {
   }
 }
 
+@media (min-width: 768px){
+
+  .md\:\!cteditor-w-\[120px\]{
+    width: 120px !important;
+  }
+
+  .md\:\!cteditor-bg-secondary{
+    background-color: hsl(var(--cteditorf47ac10b-secondary)) !important;
+  }
+}
+
 .\[\&\>button\:hover\>span\]\:cteditor-bottom-full>button:hover>span{
   bottom: 100%;
 }
@@ -3558,9 +3610,8 @@ body .ai-chat-popup .ai-chat-input {
 }
 
 .\[\&\>button\]\:cteditor-select-none>button{
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
 }
 
 .\[\&\>button\]\:cteditor-items-center>button{
@@ -3600,11 +3651,15 @@ body .ai-chat-popup .ai-chat-input {
   transition-duration: 150ms;
 }
 
-.\[\&\>button\]\:focus\:cteditor-bg-foreground\/5:focus>button{
+.hover\:\[\&\>button\]\:cteditor-bg-foreground\/5>button:hover{
+  background-color: hsl(var(--cteditorf47ac10b-foreground) / 0.05);
+}
+
+.focus\:\[\&\>button\]\:cteditor-bg-foreground\/5>button:focus{
   background-color: hsl(var(--cteditorf47ac10b-foreground) / 0.05);
 }
 
-.\[\&\>button\]\:focus\:cteditor-text-accent-foreground:focus>button{
+.focus\:\[\&\>button\]\:cteditor-text-accent-foreground>button:focus{
   color: hsl(var(--cteditorf47ac10b-accent-foreground));
 }
 
@@ -4091,9 +4146,8 @@ body .ai-chat-popup .ai-chat-input {
 
   .comment-node {
     display: inline;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+         user-select: none;
   }
 
   .comment-highlight {
@@ -4199,9 +4253,8 @@ body .ai-chat-popup .ai-chat-input {
   }
 
   .embedBlock {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+         user-select: none;
   }
 
   .embedBlockFocus {
@@ -4458,8 +4511,8 @@ body .ai-chat-popup .ai-chat-input {
   }
 
   .PlaygroundEditorTheme__code {
-    background-color: hsla(var(--cteditorf47ac10b-foreground) / 0.05);
-    color: hsla(var(--cteditorf47ac10b-foreground));
+    background-color: hsla(var(--cteditorf47ac10b-background) / 0.05);
+    color: hsla(var(--cteditorf47ac10b-background));
     font-family: Menlo, Consolas, Monaco, monospace;
     display: block;
     padding: 8px 8px 8px 52px;
@@ -4474,15 +4527,15 @@ body .ai-chat-popup .ai-chat-input {
       -o-tab-size: 2;
          tab-size: 2;
     border-radius: 6px;
-    border: 1px solid hsla(var(--cteditorf47ac10b-foreground) / 0.1);
+    border: 1px solid hsla(var(--cteditorf47ac10b-background) / 0.1);
     transition: all 0.2s ease;
     cursor: pointer;
   }
 
   .PlaygroundEditorTheme__code:hover {
-    background-color: hsla(var(--cteditorf47ac10b-foreground) / 0.08);
-    border-color: hsla(var(--cteditorf47ac10b-foreground) / 0.2);
-    box-shadow: 0 2px 8px hsla(var(--cteditorf47ac10b-foreground) / 0.1);
+    background-color: hsla(var(--cteditorf47ac10b-background) / 0.08);
+    border-color: hsla(var(--cteditorf47ac10b-background) / 0.2);
+    box-shadow: 0 2px 8px hsla(var(--cteditorf47ac10b-background) / 0.1);
   }
 
   .PlaygroundEditorTheme__code:focus-within {
@@ -4491,7 +4544,7 @@ body .ai-chat-popup .ai-chat-input {
   }
 
   .PlaygroundEditorTheme__code.selected {
-    background-color: hsla(var(--cteditorf47ac10b-foreground) / 0.1);
+    background-color: hsla(var(--cteditorf47ac10b-background) / 0.1);
     border-color: hsla(var(--cteditorf47ac10b-primary));
     box-shadow: 0 0 0 2px hsla(var(--cteditorf47ac10b-primary) / 0.2);
   }
@@ -4499,14 +4552,14 @@ body .ai-chat-popup .ai-chat-input {
   .PlaygroundEditorTheme__code:before {
     content: attr(data-gutter);
     position: absolute;
-    background-color: hsla(var(--cteditorf47ac10b-foreground) / 0.08);
+    background-color: hsla(var(--cteditorf47ac10b-background) / 0.08);
     left: 0;
     top: 0;
-    border-right: 1px solid hsla(var(--cteditorf47ac10b-foreground) / 0.15);
+    border-right: 1px solid hsla(var(--cteditorf47ac10b-background) / 0.15);
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
     padding: 8px;
-    color: hsla(var(--cteditorf47ac10b-foreground) / 0.6);
+    color: hsla(var(--cteditorf47ac10b-background) / 0.6);
     white-space: pre-wrap;
     text-align: right;
     min-width: 25px;
@@ -4818,19 +4871,19 @@ body .ai-chat-popup .ai-chat-input {
   }
 
   .PlaygroundEditorTheme__listItemChecked:after {
-    content: "";
+       content: "";
     cursor: pointer;
     border-color: #fff;
     border-style: solid;
     position: absolute;
     display: block;
-    top: 6px;
-    width: 3px;
-    left: 7px;
+    top: 5px;
+    width: 4px;
+    left: 6px;
     right: 7px;
-    height: 6px;
+    height: 8px;
     transform: rotate(45deg);
-    border-width: 0 2px 2px 0;
+    border-width: 0 1px 1px 0;
   }
 
   .PlaygroundEditorTheme__nestedListItem {
@@ -4896,9 +4949,8 @@ body .ai-chat-popup .ai-chat-input {
   }
 
   .PlaygroundEditorTheme__embedBlock {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+         user-select: none;
   }
 
   .PlaygroundEditorTheme__embedBlockFocus {
@@ -4938,9 +4990,8 @@ body .ai-chat-popup .ai-chat-input {
 
   .PlaygroundEditorTheme__hr.selected {
     outline: 2px solid rgb(60, 132, 244);
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+         user-select: none;
   }
 
   .PlaygroundEditorTheme__specialText {
@@ -4951,9 +5002,9 @@ body .ai-chat-popup .ai-chat-input {
   .editor-image {
     position: relative;
     display: inline-block;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+         user-select: none;
+    margin:6px;
   }
 
   .editor-image img {
@@ -4963,9 +5014,8 @@ body .ai-chat-popup .ai-chat-input {
 
   .editor-image img.focused {
     outline: 2px solid rgb(60, 132, 244);
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+         user-select: none;
   }
 
   .editor-image img.focused.draggable {
@@ -4985,6 +5035,7 @@ body .ai-chat-popup .ai-chat-input {
     border: 1px solid #fff !important;
     border-radius: 50% !important;
     z-index: 10 !important;
+    transition: all 0.2s linear;
   }
 
   .editor-image .image-resizer.image-resizer-n {
@@ -5012,7 +5063,7 @@ body .ai-chat-popup .ai-chat-input {
   }
 
   .editor-image .image-resizer.image-resizer-s {
-    bottom: -2px !important;
+    bottom: -4px !important;
     left: 48% !important;
     cursor: s-resize !important;
   }
@@ -5363,9 +5414,8 @@ body .ai-chat-popup .ai-chat-input {
   display: flex;
   align-items: center;
   flex-direction: row;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
   background-color: hsla(var(--background) / 0.95);
   backdrop-filter: blur(8px);
   border: 1px solid hsla(var(--foreground) / 0.1);
@@ -5507,16 +5557,14 @@ body .ai-chat-popup .ai-chat-input {
 
 /* Error highlighting styles - can be applied to text nodes */
 .spelling-error {
-  -webkit-text-decoration: underline wavy red;
-          text-decoration: underline wavy red;
+  text-decoration: underline wavy red;
   text-decoration-thickness: 2px;
   text-underline-offset: 2px;
   cursor: pointer;
 }
 
 .grammar-error {
-  -webkit-text-decoration: underline wavy blue;
-          text-decoration: underline wavy blue;
+  text-decoration: underline wavy blue;
   text-decoration-thickness: 2px;
   text-underline-offset: 2px;
   cursor: pointer;
@@ -5854,9 +5902,8 @@ body .ai-chat-popup .ai-chat-input {
   display: flex;
   width: 20px;
   height: 20px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
   margin-right: 8px;
   line-height: 16px;
   background-size: contain;
@@ -5867,9 +5914,8 @@ body .ai-chat-popup .ai-chat-input {
   width: 16px;
   height: 16px;
   display: flex;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
 }
 
 .floating-text-format-popup i.chevron-down.inside {
@@ -5976,9 +6022,8 @@ body .ai-chat-popup .ai-chat-input {
   height: 150px;
   background-image: linear-gradient(transparent, black),
     linear-gradient(to right, white, transparent);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
 }
 .color-picker-saturation_cursor {
   position: absolute;
@@ -6005,9 +6050,8 @@ body .ai-chat-popup .ai-chat-input {
     rgb(255, 0, 255),
     rgb(255, 0, 0)
   );
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
   border-radius: 12px;
 }
 
@@ -6084,10 +6128,11 @@ body .ai-chat-popup .ai-chat-input {
   /* Improved caption button styling - positioned relative to the image container */
   .image-caption-button {
     position: absolute;
-    bottom: -42px;
+    bottom:4px;
     left: 50%;
     transform: translateX(-50%);
-    background: hsla(var(--cteditorf47ac10b-secondary));
+    background:hsl(var(--cteditorf47ac10b-background));
+    color:hsl(var(--cteditorf47ac10b-foreground));
     border-radius: 8px;
     padding: 4px 16px;
     font-size: 13px;
@@ -6101,14 +6146,9 @@ body .ai-chat-popup .ai-chat-input {
   }
 
   .image-caption-button:hover {
-    background: hsla(var(--cteditorf47ac10b-secondary) / 0.8);
+    background: hsla(var(--cteditorf47ac10b-background) / 0.8);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-    transform: translateX(-50%) translateY(-1px);
-  }
-
-  .image-caption-button:active {
-    background: hsla(var(--cteditorf47ac10b-secondary) / 0.6);
-    transform: translateX(-50%) translateY(0px);
+   
   }
 
   /* Caption input styling - now in normal flow */
@@ -6117,10 +6157,11 @@ body .ai-chat-popup .ai-chat-input {
     width: 100%;
     background: hsla(var(--cteditorf47ac10b-secondary) / 0.5);
     border: 1px solid hsla(var(--cteditorf47ac10b-border) / 0.2);
+    color: 1px solid hsla(var(--cteditorf47ac10b-foreground));
     border-radius: 6px;
-    padding: 8px 12px;
+    padding:4px 8px;
     line-height: 1.5;
-    min-height: 36px;
+    min-height: 32px;
     font-size: 14px;
     outline: none;
     transition: all 0.2s ease;