.gth-markdown-preview-tool .gth-markdown-container { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gth-space-4); }
.gth-markdown-preview-tool .gth-editor-header, .gth-markdown-preview-tool .gth-preview-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gth-space-2); }
.gth-markdown-preview-tool .gth-toolbar { display: flex; gap: var(--gth-space-1); }
.gth-markdown-preview-tool .gth-toolbar-btn { padding: var(--gth-space-1) var(--gth-space-2); background: var(--gth-bg-secondary); border: 1px solid var(--gth-border); border-radius: var(--gth-radius-sm); cursor: pointer; font-size: var(--gth-text-sm); font-weight: 600; }
.gth-markdown-preview-tool .gth-toolbar-btn:hover { background: var(--gth-bg-tertiary); }
.gth-markdown-preview-tool .gth-markdown-input { font-family: monospace; resize: vertical; min-height: 300px; }
.gth-markdown-preview-tool .gth-preview-content { background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); padding: var(--gth-space-4); min-height: 300px; max-height: 500px; overflow-y: auto; }
.gth-markdown-preview-tool .gth-preview-content h1 { font-size: var(--gth-text-2xl); margin-bottom: var(--gth-space-3); border-bottom: 1px solid var(--gth-border); padding-bottom: var(--gth-space-2); }
.gth-markdown-preview-tool .gth-preview-content h2 { font-size: var(--gth-text-xl); margin: var(--gth-space-4) 0 var(--gth-space-2); }
.gth-markdown-preview-tool .gth-preview-content h3 { font-size: var(--gth-text-lg); margin: var(--gth-space-3) 0 var(--gth-space-2); }
.gth-markdown-preview-tool .gth-preview-content p { margin-bottom: var(--gth-space-3); line-height: 1.6; }
.gth-markdown-preview-tool .gth-preview-content ul, .gth-markdown-preview-tool .gth-preview-content ol { margin: var(--gth-space-2) 0; padding-left: var(--gth-space-6); }
.gth-markdown-preview-tool .gth-preview-content li { margin-bottom: var(--gth-space-1); }
.gth-markdown-preview-tool .gth-preview-content blockquote { border-left: 4px solid var(--gth-primary); padding-left: var(--gth-space-4); margin: var(--gth-space-3) 0; color: var(--gth-text-secondary); }
.gth-markdown-preview-tool .gth-preview-content code { background: var(--gth-bg-tertiary); padding: var(--gth-space-1); border-radius: var(--gth-radius-sm); font-family: monospace; font-size: 0.9em; }
.gth-markdown-preview-tool .gth-preview-content pre { background: var(--gth-bg-tertiary); padding: var(--gth-space-3); border-radius: var(--gth-radius-md); overflow-x: auto; margin: var(--gth-space-3) 0; }
.gth-markdown-preview-tool .gth-preview-content pre code { background: none; padding: 0; }
.gth-markdown-preview-tool .gth-preview-content a { color: var(--gth-primary); text-decoration: underline; }
.gth-markdown-preview-tool .gth-preview-content hr { border: none; border-top: 1px solid var(--gth-border); margin: var(--gth-space-4) 0; }
@media (max-width: 768px) { .gth-markdown-preview-tool .gth-markdown-container { grid-template-columns: 1fr; } }