.markdown-renderer[data-v-d60fdf64]{display:flex;flex-direction:column;gap:20px}.markdown-renderer .tool-grid[data-v-d60fdf64]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 1200px){.markdown-renderer .tool-grid[data-v-d60fdf64]{grid-template-columns:1fr}}.markdown-renderer .tool-grid .editor-section[data-v-d60fdf64],.markdown-renderer .tool-grid .preview-section[data-v-d60fdf64]{display:flex;flex-direction:column}.markdown-renderer .tool-card[data-v-d60fdf64]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px}.markdown-renderer .tool-card h3[data-v-d60fdf64]{margin:0 0 16px;font-size:16px;color:#333;font-weight:600}.markdown-renderer .editor-section .editor-controls[data-v-d60fdf64]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.markdown-renderer .editor-section .editor-controls .toolbar-btn[data-v-d60fdf64]{padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.markdown-renderer .editor-section .editor-controls .toolbar-btn[data-v-d60fdf64]:hover{background:#e0e0e0;border-color:#999}.markdown-renderer .editor-section .markdown-editor[data-v-d60fdf64]{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:13px;resize:vertical;min-height:400px}.markdown-renderer .editor-section .markdown-editor[data-v-d60fdf64]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.markdown-renderer .editor-section .editor-actions[data-v-d60fdf64]{display:flex;gap:10px;margin-top:12px}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64]{flex:1;padding:16px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;min-height:400px;overflow-y:auto}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] h1{font-size:28px;margin:20px 0 10px;color:#333;border-bottom:2px solid #ddd;padding-bottom:10px}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] h2{font-size:22px;margin:16px 0 8px;color:#333}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] h3{font-size:18px;margin:12px 0 6px;color:#333}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] p{margin:10px 0;line-height:1.6}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] strong{font-weight:600}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] em{font-style:italic}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] code{background:#f0f0f0;padding:2px 6px;border-radius:3px}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] pre{background:#f5f5f5;padding:10px;border-radius:5px;overflow-x:auto}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] pre code{background:none;padding:0}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] a{color:#06c;text-decoration:none}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] a:hover{text-decoration:underline}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] ul{margin:10px 0;padding-left:30px}.markdown-renderer .preview-section .markdown-preview[data-v-d60fdf64] ul li{margin:5px 0}.markdown-renderer .help-section .syntax-table[data-v-d60fdf64]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.markdown-renderer .help-section .syntax-table .syntax-item[data-v-d60fdf64]{display:flex;flex-direction:column;gap:6px;padding:12px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.markdown-renderer .help-section .syntax-table .syntax-item .syntax-name[data-v-d60fdf64]{font-weight:600;color:#333}.markdown-renderer .help-section .syntax-table .syntax-item .syntax-code[data-v-d60fdf64]{font-family:Courier New,monospace;background:#f0f0f0;padding:4px 8px;border-radius:3px;color:#666}.markdown-renderer .help-section .syntax-table .syntax-item .syntax-result[data-v-d60fdf64]{color:#667eea;font-weight:500}.btn[data-v-d60fdf64]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn.btn-primary[data-v-d60fdf64]{background:#667eea;color:#fff}.btn.btn-primary[data-v-d60fdf64]:hover{background:#5568d3}.btn.btn-secondary[data-v-d60fdf64]{background:#f0f0f0;color:#333}.btn.btn-secondary[data-v-d60fdf64]:hover{background:#e0e0e0}