*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1e293b;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}.marktex-panel .markdown-editor,.marktex-panel .latex-preview{display:flex;flex-direction:column;flex:1;min-width:0}.marktex-panel .editor-header,.marktex-panel .preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.marktex-panel .editor-header h2,.marktex-panel .preview-header h2{font-size:1rem;font-weight:600;margin:0}.marktex-panel .editor-info,.marktex-panel .preview-info{font-size:.75rem;color:#64748b}.marktex-panel .stat-item{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#fff;border-radius:.25rem;font-weight:500;cursor:help;transition:all .2s}.marktex-panel .stat-item:hover{background:#e2e8f0;color:#475569}.marktex-panel .stat-separator{color:#cbd5e1;font-weight:300}.marktex-panel .cm-editor{height:100%;font-size:14px}.marktex-panel .cm-scroller{overflow:auto}.marktex-panel .preview-body pre{margin:0;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.marktex-panel .preview-actions{display:flex;align-items:center;gap:1rem}.marktex-panel .mode-btn{padding:.375rem .75rem;font-size:.875rem;background:transparent;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s;color:#64748b;font-weight:500}.marktex-panel .mode-btn:hover{color:#1e293b}.marktex-panel .mode-btn.active{background:#fff;color:#2563eb;box-shadow:0 1px 2px #0000000d}.marktex-panel .mode-btn:disabled{opacity:.5;cursor:not-allowed}.marktex-panel .mode-btn:disabled:hover{color:#64748b;background:transparent}.marktex-panel .btn-refresh,.marktex-panel .btn-download-pdf,.marktex-panel .btn-compile{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;transition:all .2s;background:#fff;color:#1e293b;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}.marktex-panel .btn-refresh:hover,.marktex-panel .btn-download-pdf:hover,.marktex-panel .btn-compile:hover{background:#f1f5f9;border-color:#cbd5e1}.marktex-panel .btn-compile{background:#2563eb;color:#fff;border-color:#2563eb;padding:.75rem 1.5rem;font-size:1rem}.marktex-panel .btn-compile:hover{background:#1d4ed8;border-color:#1d4ed8}.marktex-panel .markdown-preview{padding:1rem;font-size:14px;line-height:1.8;color:#333;overflow:auto;height:100%;background:#fff}.marktex-panel .markdown-preview h1{font-size:1.5rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e8e8e8}.marktex-panel .markdown-preview h2{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem}.marktex-panel .markdown-preview h3{font-size:1rem;font-weight:600;margin:1.25rem 0 .5rem}.marktex-panel .markdown-preview p{margin:.75rem 0}.marktex-panel .markdown-preview li{margin:.25rem 0}.marktex-panel .markdown-preview code{background:#f5f5f5;padding:.125rem .25rem;border-radius:3px;font-family:Monaco,Menlo,monospace;font-size:.9em}.marktex-panel .markdown-preview pre{background:#f5f5f5;padding:.75rem;border-radius:4px;overflow-x:auto}.marktex-panel .markdown-preview blockquote{border-left:3px solid #ddd;margin:.75rem 0;padding-left:1rem;color:#666}.marktex-panel .wikilink-node,.marktex-panel .wikilink-relation{transition:all .2s}.marktex-panel .wikilink-node:hover,.marktex-panel .wikilink-relation:hover{opacity:.8}.marktex-panel .wikilink-unknown{color:#999;font-style:italic}.marktex-panel .toolbar-title-input{padding:.25rem .5rem;border:1px solid #e2e8f0;border-radius:.25rem;font-size:.875rem;width:150px}.marktex-panel .toolbar-title-input:focus{outline:none;border-color:#2563eb}.marktex-panel .btn-save{background:#22c55e;color:#fff;border-color:#22c55e}.marktex-panel .btn-save:hover{background:#16a34a;border-color:#16a34a}.marktex-panel{display:flex;flex-direction:column;height:100%;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box}.marktex-panel *,.marktex-panel *:before,.marktex-panel *:after{box-sizing:border-box}.marktex-panel .marktex-main{display:flex;flex:1;overflow:hidden}.marktex-panel .marktex-editor-section{flex:1;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e8e8e8;min-width:0}.marktex-panel .marktex-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fafafa;border-bottom:1px solid #e8e8e8}.marktex-panel .toolbar-title{font-weight:600;font-size:14px;color:#333}.marktex-panel .toolbar-actions{display:flex;align-items:center;gap:8px}.marktex-panel .toolbar-actions button{padding:4px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.marktex-panel .toolbar-actions button:hover{color:#1890ff;border-color:#1890ff}.marktex-panel .toolbar-actions button.active{color:#fff;background:#1890ff;border-color:#1890ff}.marktex-panel .preview-mode-toggle{display:flex;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden}.marktex-panel .preview-mode-toggle button{padding:4px 12px;border:none;border-radius:0;background:#fff}.marktex-panel .preview-mode-toggle button:first-child{border-right:1px solid #d9d9d9}.marktex-panel .preview-mode-toggle button.active{background:#1890ff;color:#fff}.marktex-panel .marktex-editor{flex:1;overflow:auto}.marktex-panel .editor-body,.marktex-panel .editor-body .cm-editor{height:100%}.marktex-panel .editor-body .cm-scroller{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6}.marktex-panel .editor-stats{padding:8px 12px;background:#fafafa;border-top:1px solid #e8e8e8;font-size:12px;color:#666}.marktex-panel .editor-stats span{margin-right:8px}.marktex-panel .marktex-preview-section{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.marktex-panel .preview-body{flex:1;overflow:auto;background:#fff}.marktex-panel .latex-source{padding:12px;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all;background:#fafafa}.marktex-panel .pdf-preview-container{height:100%;display:flex;flex-direction:column}.marktex-panel .pdf-toolbar{padding:8px 12px;background:#fafafa;border-bottom:1px solid #e8e8e8;display:flex;gap:8px}.marktex-panel .pdf-toolbar button,.marktex-panel .pdf-toolbar a{padding:4px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;text-decoration:none;color:#333}.marktex-panel .pdf-toolbar button:hover,.marktex-panel .pdf-toolbar a:hover{color:#1890ff;border-color:#1890ff}.marktex-panel .pdf-iframe{flex:1;width:100%;border:none}.marktex-panel .pdf-preview-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;color:#666}.marktex-panel .pdf-preview-placeholder h3{margin:16px 0 8px;color:#333}.marktex-panel .pdf-preview-placeholder button{padding:8px 24px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.marktex-panel .pdf-preview-placeholder button:hover{background:#40a9ff}.marktex-panel .compile-error{padding:16px;margin:12px;background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;max-height:300px;overflow-y:auto}.marktex-panel .compile-error .error-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ffccc7;color:#ff4d4f;font-size:14px}.marktex-panel .compile-error .error-header span{font-size:18px}.marktex-panel .compile-error .error-content{margin:0;font-size:12px;white-space:pre-wrap;word-break:break-all;color:#d46b08;background:#fff7e6;padding:12px;border-radius:4px;max-height:200px;overflow-y:auto}.marktex-panel .compile-error .btn-retry{margin-top:12px;padding:6px 16px;background:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.marktex-panel .compile-error .btn-retry:hover{background:#ff7875}.marktex-panel .compile-stage{min-height:24px;margin:12px 0}.marktex-panel .compile-stage p{margin:4px 0;color:#666;font-size:13px}.marktex-panel .compile-stage .error-text{color:#ff4d4f}.marktex-panel .progress-hint{margin-top:8px;font-size:11px;color:#999}.marktex-panel .progress-bar{width:200px;height:4px;background:#e8e8e8;border-radius:2px;margin-top:12px;overflow:hidden}.marktex-panel .progress-fill{height:100%;background:#1890ff;transition:width .3s}.marktex-panel .loading-spinner{width:32px;height:32px;border:3px solid #e8e8e8;border-top-color:#1890ff;border-radius:50%;animation:marktex-spin 1s linear infinite}@keyframes marktex-spin{to{transform:rotate(360deg)}}.marktex-panel .marktex-settings-panel{width:300px;background:#fff;border-left:1px solid #e8e8e8;overflow-y:auto}.marktex-panel .settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8e8e8}.marktex-panel .settings-header h3{margin:0;font-size:16px}.marktex-panel .settings-header button{padding:4px 8px;border:none;background:none;cursor:pointer;font-size:18px;color:#666}.marktex-panel .settings-header button:hover{color:#ff4d4f}.marktex-panel .settings-content{padding:16px}.marktex-panel .settings-section{margin-bottom:24px}.marktex-panel .settings-section h4{margin:0 0 12px;font-size:14px;color:#333}.marktex-panel .settings-section label{display:block;margin-bottom:8px;font-size:13px;color:#666}.marktex-panel .settings-section select,.marktex-panel .settings-section input[type=number]{width:100%;padding:6px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;margin-top:4px}.marktex-panel .settings-section input[type=checkbox]{margin-right:8px}.marktex-notification{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:4px;font-size:14px;z-index:1000;animation:marktex-slide-in .3s ease}@keyframes marktex-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.marktex-notification-success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.marktex-notification-error{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.marktex-notification-info{background:#e6f7ff;border:1px solid #91d5ff;color:#1890ff}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace{display:flex;flex:1;overflow:hidden}.divider{width:1px;background:#e2e8f0;cursor:col-resize;transition:background .2s}.divider:hover{background:#2563eb}.notification{position:fixed;top:5rem;right:2rem;padding:1rem 1.5rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;font-size:.875rem;z-index:200;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(calc(100% + 2rem));opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background:#f0fdf4;border-color:#10b981;color:#166534}.notification-error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.notification-info{background:#eff6ff;border-color:#3b82f6;color:#1e40af}