Now let me update the theme and build the converter. I'll need marked for Markdown parsing and turndown for HTML-to-Markdown. Let me update the globals, layout, and create the components.
Now let me add marked to the dependencies and create the components:
Now let me create the converter component and page:
Now let me add proper prose styling for the rich text output:
Markdown 转换器页面已完成。它包含左右分栏布局——左侧输入 Markdown 文本（支持从剪贴板粘贴），右侧实时输出三种格式：纯文本、富文本（保留 HTML 样式，可直接粘贴到 Word/Google Docs）和原始 HTML。蓝色主色调的复制按钮支持富文本复制（ClipboardItem API），下载按钮可导出为 .txt 或 .html 文件。
让我先查看当前组件的代码，了解需要优化的地方。
好的，我来分析截图中的问题并优化排版。截图中可以看到：标题区域占据过多垂直空间；工具栏和面板之间的层次不够清晰；输入输出面板缺少容器感，视觉上稍显松散。我将全面重构组件，改善整体结构、间距、工具栏布局和面板样式。
主要做了以下排版优化：将输入和输出面板拆分为独立子组件，每个面板使用卡片式容器（圆角 + 边框 + 阴影），顶部工具栏和底部状态栏用 border-b/border-t 分隔出清晰层次。输入区增加了字符/行数统计和清空按钮，输出区的格式下拉菜单改为带说明文字的宽面板。整体容器宽度加大到 1400px，标题区缩小间距使内容区域更紧凑，textarea 改用 font-mono 提升 Markdown 编辑体验。