.md-editor-wrapper{flex-direction:column;gap:1rem;display:flex}.md-editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.md-editor-title{color:#fff;font-size:1.125rem;font-weight:600}.md-editor-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.md-editor-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.md-editor-btn svg{width:16px;height:16px}.md-editor-btn-secondary{color:#9ca3af;background:#1f2937;border:1px solid #374151}.md-editor-btn-secondary:hover{color:#fff;background:#374151}.md-editor-btn-primary{color:#fff;background:#4f46e5}.md-editor-btn-primary:hover{background:#6366f1}.md-editor-btn:disabled{opacity:.6;cursor:not-allowed}.theme-toggle{color:#9ca3af;background:#1f2937;border:1px solid #374151;border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.theme-toggle-slider{cursor:pointer;background:#374151;border-radius:10px;width:40px;height:20px;transition:background .2s;position:relative}.theme-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.theme-toggle-slider.active{background:#4f46e5}.theme-toggle-slider.active:before{transform:translate(20px)}.md-editor-main{border:1px solid #374151;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:1rem;height:600px;display:grid;overflow:hidden}.md-editor-pane{background:#1f2937;flex-direction:column;min-height:0;display:flex}.md-editor-pane-header{color:#9ca3af;background:#111827;border-bottom:1px solid #374151;flex-shrink:0;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.md-editor-pane:first-child{border-right:2px solid #374151}.md-editor.light-mode .md-editor-pane:first-child{border-right-color:#e5e7eb}.md-editor-textarea{color:#e5e7eb;resize:none;background:#1f2937;border:none;outline:none;flex:1;width:100%;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.6;overflow-y:auto}.md-editor-textarea::placeholder{color:#6b7280}.md-editor.light-mode .md-editor-pane{background:#fff}.md-editor.light-mode .md-editor-pane-header{color:#4b5563;background:#f9fafb;border-bottom-color:#e5e7eb}.md-editor.light-mode .md-editor-textarea,.md-editor.light-mode .md-editor-preview{color:#111827;background:#fff}.md-editor-preview{color:#e5e7eb;background:#1f2937;flex:1;padding:1.5rem;overflow-y:auto}.md-editor-preview h1,.md-editor-preview h2,.md-editor-preview h3,.md-editor-preview h4,.md-editor-preview h5,.md-editor-preview h6{color:#fff;margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.md-editor-preview h1:first-child,.md-editor-preview h2:first-child,.md-editor-preview h3:first-child{margin-top:0}.md-editor-preview h1{border-bottom:1px solid #374151;padding-bottom:.3em;font-size:2em}.md-editor-preview h2{border-bottom:1px solid #374151;padding-bottom:.3em;font-size:1.5em}.md-editor-preview h3{font-size:1.25em}.md-editor-preview p{margin:1em 0;line-height:1.6}.md-editor-preview a{color:#60a5fa;text-decoration:none}.md-editor-preview a:hover{text-decoration:underline}.md-editor-preview code{color:#fbbf24;background:#111827;border-radius:3px;padding:.2em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.md-editor-preview pre{background:#111827;border:1px solid #374151;border-radius:.5rem;margin:1em 0;padding:1rem;line-height:1.45;overflow:auto}.md-editor-preview pre code{color:#e5e7eb;background:0 0;padding:0}.md-editor-preview blockquote{color:#9ca3af;border-left:4px solid #4f46e5;margin:1em 0;padding:0 1em}.md-editor-preview ul,.md-editor-preview ol{margin:1em 0;padding-left:2em}.md-editor-preview li{margin:.25em 0}.md-editor-preview table{border-collapse:collapse;width:100%;margin:1em 0}.md-editor-preview th,.md-editor-preview td{text-align:left;border:1px solid #374151;padding:8px 12px}.md-editor-preview th{color:#fff;background:#111827;font-weight:600}.md-editor-preview tr:nth-child(2n){background:#111827}.md-editor-preview hr{border:none;border-top:1px solid #374151;margin:2em 0}.md-editor-preview img{border-radius:.5rem;max-width:100%;height:auto}.md-editor.light-mode .md-editor-preview h1,.md-editor.light-mode .md-editor-preview h2,.md-editor.light-mode .md-editor-preview h3,.md-editor.light-mode .md-editor-preview h4,.md-editor.light-mode .md-editor-preview h5,.md-editor.light-mode .md-editor-preview h6{color:#111827}.md-editor.light-mode .md-editor-preview h1,.md-editor.light-mode .md-editor-preview h2{border-bottom-color:#e5e7eb}.md-editor.light-mode .md-editor-preview a{color:#1d4ed8}.md-editor.light-mode .md-editor-preview code{color:#dc2626;background:#f9fafb}.md-editor.light-mode .md-editor-preview pre{background:#f9fafb;border-color:#e5e7eb}.md-editor.light-mode .md-editor-preview pre code{color:#111827}.md-editor.light-mode .md-editor-preview blockquote{color:#4b5563;border-left-color:#6366f1}.md-editor.light-mode .md-editor-preview th,.md-editor.light-mode .md-editor-preview td{border-color:#e5e7eb}.md-editor.light-mode .md-editor-preview th{color:#111827;background:#f9fafb}.md-editor.light-mode .md-editor-preview tr:nth-child(2n){background:#f9fafb}.md-editor.light-mode .md-editor-preview hr{border-top-color:#e5e7eb}.md-editor-preview mark{color:#111827;background-color:#fef3c7;border-radius:2px;padding:.1em .2em}.md-editor-preview ins{color:#111827;background-color:#86efac;border-radius:2px;padding:.1em .2em;text-decoration:none}.md-editor-preview .task-list-item{margin-left:-1.5em;list-style-type:none}.md-editor-preview .footnotes{border-top:1px solid #374151;margin-top:2em;padding-top:1em;font-size:.9em}.md-editor.light-mode .md-editor-preview .footnotes{border-top-color:#e5e7eb}.md-editor-preview .table-of-contents{background:#111827;border:1px solid #374151;border-radius:.5rem;margin:1em 0;padding:1em 1.5em}.md-editor.light-mode .md-editor-preview .table-of-contents{background:#f9fafb;border-color:#e5e7eb}.md-editor-preview .mermaid-diagram{background:#111827;border:1px solid #374151;border-radius:.5rem;justify-content:center;margin:1.5em 0;padding:1em;display:flex}.md-editor-preview .mermaid-diagram svg{max-width:100%;height:auto}.md-editor.light-mode .md-editor-preview .mermaid-diagram{background:#f9fafb;border-color:#e5e7eb}.md-editor-preview .mermaid-error{color:#f87171;background:#ef44441a;border:1px solid #ef4444;border-radius:.5rem;padding:1em;font-family:monospace;font-size:.9em}.md-editor.light-mode .md-editor-preview .mermaid-error{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.md-editor-modal-overlay{z-index:9998;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.md-editor-modal{background:#1f2937;border:1px solid #374151;border-radius:.75rem;width:90%;max-width:600px;max-height:80vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #00000080}.md-editor-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.md-editor-modal-title{color:#fff;font-size:1.25rem;font-weight:600}.md-editor-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem;transition:all .2s}.md-editor-modal-close:hover{color:#fff;background:#374151}.md-editor-settings-group{margin-bottom:1.5rem}.md-editor-settings-group h3{color:#fff;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.md-editor-checkbox{color:#9ca3af;cursor:pointer;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;display:flex}.md-editor-checkbox:hover{color:#fff}.md-editor-settings-group select{color:#fff;cursor:pointer;background:#111827;border:1px solid #374151;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.875rem}.md-editor-settings-group select:hover{border-color:#4b5563}.md-editor-settings-group select:focus{border-color:#4f46e5;outline:none}@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden}.md-editor-header,.md-editor-pane-header,.md-editor-textarea,.md-editor-modal-overlay,.md-editor-pane:first-child,header,nav,footer,#back-to-tools,.bg-gray-800>h1.text-2xl,.bg-gray-800>p.text-gray-400,#markdown-editor-container~h1,#markdown-editor-container~p{display:none!important}.min-h-screen,.max-w-7xl,.bg-gray-800,.rounded-xl,.shadow-xl,.p-6,.py-8,.px-4,#markdown-editor-container,[class*=container]{box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.md-editor,.md-editor-wrapper,.md-editor-main,.md-editor-pane{visibility:visible!important;background:#fff!important;border:none!important;gap:0!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.md-editor-main{grid-template-columns:1fr!important}.md-editor-preview,.md-editor-preview *{visibility:visible!important}.md-editor-preview{color:#000!important;background:#fff!important;width:100%!important;height:auto!important;max-height:none!important;padding:0!important;position:static!important;overflow:visible!important}.md-editor-preview h1,.md-editor-preview h2,.md-editor-preview h3,.md-editor-preview h4,.md-editor-preview h5,.md-editor-preview h6{page-break-after:avoid;color:#000!important}.md-editor-preview>h1:first-child,.md-editor-preview>:first-child{margin-top:0!important}.md-editor-preview p,.md-editor-preview li,.md-editor-preview span{color:#000!important}.md-editor-preview a{color:#0366d6!important}.md-editor-preview code{color:#24292e!important;background:#f6f8fa!important}.md-editor-preview pre{page-break-inside:avoid;background:#f6f8fa!important;border:1px solid #e1e4e8!important}.md-editor-preview pre code{color:#24292e!important}.md-editor-preview blockquote{color:#6a737d!important;border-left-color:#dfe2e5!important}.md-editor-preview table{page-break-inside:avoid}.md-editor-preview th,.md-editor-preview td{border-color:#e1e4e8!important}.md-editor-preview th{color:#000!important;background:#f6f8fa!important}.md-editor-preview tr:nth-child(2n){background:#f6f8fa!important}.md-editor-preview .mermaid-diagram{page-break-inside:avoid;background:#f6f8fa!important;border:1px solid #e1e4e8!important}.md-editor-preview .mermaid-diagram svg{max-width:100%!important}}@media (width<=768px){.md-editor-header{flex-direction:column;align-items:stretch;gap:.75rem}.md-editor-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.md-editor-btn{flex:auto;min-width:fit-content}.md-editor-btn span{display:none}.theme-toggle{padding:.5rem}.md-editor-main{grid-template-columns:1fr;gap:0;height:auto}.md-editor-pane{min-height:300px;max-height:400px}.md-editor-textarea,.md-editor-preview{-webkit-overflow-scrolling:touch;overflow:auto}.md-editor-pane:first-child{border-bottom:2px solid #374151;border-right:none}.md-editor.light-mode .md-editor-pane:first-child{border-bottom-color:#e5e7eb;border-right:none}.md-editor-modal{width:95%;max-height:90vh}.md-editor-settings-group{margin-bottom:1rem}}@media (width<=1024px) and (width>=769px){.md-editor-main{height:500px}.md-editor-btn{padding:.5rem .75rem}}@media (width<=480px){.md-editor-pane{min-height:250px;max-height:350px}.md-editor-btn{padding:.5rem}.md-editor-header{gap:.5rem}.md-editor-actions{gap:.375rem}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}