feat: more feature implementations

src/renderer/components/Editor/Editor.css

@@ -186,6 +186,22 @@
   color: var(--vscode-button-foreground);
 }
 
+.gallery-button {
+  padding: 4px 12px;
+  font-size: 12px;
+  border-radius: 4px;
+  background-color: var(--vscode-button-secondaryBackground);
+  color: var(--vscode-button-secondaryForeground);
+  border: none;
+  cursor: pointer;
+  transition: background-color 0.15s;
+  margin-left: auto;
+}
+
+.gallery-button:hover {
+  background-color: var(--vscode-button-secondaryHoverBackground);
+}
+
 .editor-preview {
   flex: 1;
   background-color: var(--vscode-input-background);
@@ -196,6 +212,63 @@
   line-height: 1.6;
 }
 
+.editor-preview .preview-content {
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.editor-preview h1,
+.editor-preview h2,
+.editor-preview h3 {
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  color: var(--vscode-foreground);
+}
+
+.editor-preview h1 { font-size: 2em; }
+.editor-preview h2 { font-size: 1.5em; }
+.editor-preview h3 { font-size: 1.25em; }
+
+.editor-preview code {
+  background-color: var(--vscode-textCodeBlock-background);
+  padding: 2px 6px;
+  border-radius: 3px;
+  font-family: var(--vscode-editor-font-family);
+}
+
+.editor-preview pre {
+  background-color: var(--vscode-textCodeBlock-background);
+  padding: 12px;
+  border-radius: 6px;
+  overflow-x: auto;
+}
+
+.editor-preview pre code {
+  background: none;
+  padding: 0;
+}
+
+.editor-preview blockquote {
+  border-left: 3px solid var(--vscode-textBlockQuote-border);
+  padding-left: 16px;
+  margin-left: 0;
+  color: var(--vscode-descriptionForeground);
+}
+
+.editor-preview a {
+  color: var(--vscode-textLink-foreground);
+}
+
+.editor-preview a:hover {
+  color: var(--vscode-textLink-activeForeground);
+}
+
+.editor-preview img {
+  max-width: 100%;
+  border-radius: 6px;
+  cursor: pointer;
+}
+
 .editor-field-row {
   display: flex;
   gap: 12px;