feat: 添加图片编辑器工具栏

css/style.css

@@ -17,6 +17,7 @@ html, body {
     display: flex;
     flex-direction: column;
     height: 100vh;
+    position: relative;
 }
 
 /* 顶部工具栏 */
@@ -81,6 +82,10 @@ html, body {
 
 /* 文本编辑器工具栏 */
 .text-editor-toolbar {
+    position: absolute;
+    top: 49px;
+    left: 0;
+    right: 0;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -92,6 +97,7 @@ html, body {
     visibility: hidden;
     opacity: 0;
     transition: opacity 0.2s;
+    z-index: 100;
 }
 
 .text-editor-toolbar.active {
@@ -99,6 +105,31 @@ html, body {
     opacity: 1;
 }
 
+/* 图片编辑器工具栏 - 与文本编辑器共享位置 */
+.image-editor-toolbar {
+    position: absolute;
+    top: 49px;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 16px;
+    background: #fff;
+    border-bottom: 1px solid #e0e0e0;
+    flex-shrink: 0;
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 0.2s;
+    z-index: 100;
+}
+
+.image-editor-toolbar.active {
+    visibility: visible;
+    opacity: 1;
+}
+
 .toolbar-btn {
     width: 40px;
     height: 40px;