.markdown-tool-page .main{max-width:none;padding:1rem 1.5rem 1.5rem;}.markdown-tool-page .editor{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow);}.markdown-tool-page .editor .tool-bar{border-bottom:1px solid var(--border);height:40px;font-size:18px;width:100%;background:var(--bg);overflow:hidden;}.markdown-tool-page .editor .tool-bar a{float:left;padding:6px 12px;height:100%;color:var(--text);text-decoration:none;}.markdown-tool-page .editor .tool-bar a:hover{color:var(--accent);background:rgba(37,99,235,0.06);}.markdown-tool-page .editor .left,.markdown-tool-page .editor .right{width:50%;float:left;}.markdown-tool-page .editor .left textarea{width:100%;border:none;border-radius:0;resize:none;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.9rem;line-height:1.5;}.markdown-tool-page .editor .left textarea:focus{box-shadow:none;outline:none;}.markdown-tool-page .editor .right #outputHtml{overflow-y:auto;padding:12px;border-left:1px solid var(--border);}.markdown-tool-page .editor::after{content:"";display:table;clear:both;}@media (max-width:768px){.markdown-tool-page .editor .left,.markdown-tool-page .editor .right{width:100%;float:none;}.markdown-tool-page .editor .right #outputHtml{border-left:none;border-top:1px solid var(--border);}}.markdown-tool-page::-webkit-scrollbar{width:3px;height:10px;}.markdown-tool-page::-webkit-scrollbar-button:vertical{display:none;}.markdown-tool-page::-webkit-scrollbar-corner,.markdown-tool-page::-webkit-scrollbar-track{background-color:#e2e2e2;}.markdown-tool-page::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,0.3);}