*{margin:0;padding:0;box-sizing:border-box}.app-container{display:flex;height:100vh;padding-top:60px}.editor-container,.preview-container{flex:1;height:calc(100vh - 60px);overflow-y:auto;display:flex;flex-direction:column}.editor-container{border-right:1px solid #ccc}.editor-container .mdxeditor{flex:1;min-height:100%!important;height:100%!important;display:flex;flex-direction:column}.mdxeditor [data-lexical-editor]{flex:1;min-height:100%!important;height:100%!important;padding:20px!important}.editor-content{font-family:Consolas,Monaco,Courier New,monospace!important;font-size:14px!important;line-height:1.6!important;color:#333!important;height:100%!important}.preview-container{padding:20px;background-color:#fff;color:#333}.toolbar{position:fixed;top:0;left:0;right:0;height:60px;padding:10px 20px;background:#fff;border-bottom:1px solid #ccc;display:flex;gap:10px;z-index:1000}button{padding:8px 16px;background-color:#595959;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#353535}.preview-content{height:100%;color:#333;line-height:1.6;max-width:100%}.preview-content blockquote,.markdown-blockquote{margin:1em 0;border-left:4px solid #ccc;color:#666;background-color:#f9f9f9;padding:.5em 1em}.preview-content blockquote blockquote,.markdown-blockquote .markdown-blockquote{margin-left:.5em;border-left-color:#999}.preview-content h1{font-size:2em;margin-bottom:.5em}.preview-content h2{font-size:1.5em;margin-bottom:.5em}.preview-content h3{font-size:1.3em;margin-bottom:.5em}.preview-content p{margin-bottom:1em}.preview-content ul,.preview-content ol{margin-left:2em;margin-bottom:1em}.preview-content ul ul,.preview-content ol ol,.preview-content ul ol,.preview-content ol ul{margin-bottom:0}.preview-content code{background:#f0f0f0;padding:.2em .4em;border-radius:3px;font-family:monospace}.preview-content pre{background:#f0f0f0;padding:1em;border-radius:4px;overflow-x:auto;font-family:monospace}.mdxeditor{background-color:#f8f9fa!important;border:1px solid #dee2e6!important;border-radius:4px!important}.mdxeditor [data-lexical-editor]{padding:1rem!important}.preview-content blockquote p:last-child,.markdown-blockquote p:last-child{margin-bottom:0}.preview-content blockquote p:first-child,.markdown-blockquote p:first-child{margin-top:0}.table-container{margin:1em 0;overflow-x:auto}.markdown-table{border-collapse:collapse;width:100%;margin:0;font-size:14px}.markdown-table th{background-color:#f8f9fa;border:1px solid #dee2e6;padding:12px;text-align:left;font-weight:600}.markdown-table td{border:1px solid #dee2e6;padding:12px}.markdown-table tr:nth-child(2n){background-color:#f8f9fa}.markdown-table tr:hover{background-color:#f2f2f2}@media screen and (max-width: 768px){.table-container{margin:1em -20px}.markdown-table{font-size:13px}.markdown-table th,.markdown-table td{padding:8px}}.markdown-table th[align=center],.markdown-table td[align=center]{text-align:center}.markdown-table th[align=right],.markdown-table td[align=right]{text-align:right}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}html,body,#root{height:100vh;margin:0;padding:0;overflow:hidden}#root{display:flex;flex-direction:column}