.markdown-viewer-container{max-width:1400px;margin:0 auto;padding:2rem}.markdown-viewer-header{text-align:center;margin-bottom:2rem}.markdown-viewer-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.markdown-viewer-subtitle{color:#666;font-size:1.1rem}.markdown-viewer-tabs{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#f5f5f5;border-radius:8px;align-items:center}.markdown-viewer-tab-button{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.markdown-viewer-tab-button:hover{background:#e0e0e0}.markdown-viewer-tab-button.active{background:#fff;box-shadow:0 2px 4px #0000001a}.markdown-viewer-stats{margin-left:auto;color:#666;font-size:.9rem;display:flex;gap:.5rem}.markdown-viewer-content-area{display:flex;gap:1rem;min-height:600px}.markdown-viewer-content-area.split{display:grid;grid-template-columns:1fr 1fr}.markdown-viewer-editor-panel,.markdown-viewer-preview-panel{flex:1;display:flex;flex-direction:column;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}.markdown-viewer-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f8f8;border-bottom:1px solid #e0e0e0}.markdown-viewer-panel-header h3{margin:0;font-size:1rem;font-weight:600}.markdown-viewer-prism-badge{font-size:.75rem;padding:.25rem .5rem;background:#5a67d8;color:#fff;border-radius:4px}.markdown-viewer-clear-button{padding:.25rem .75rem;background:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.markdown-viewer-clear-button:hover{background:#c00}.markdown-viewer-input{flex:1;padding:1rem;border:none;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:14px;line-height:1.6;resize:none;outline:none;background:#fafafa}.markdown-viewer-preview{flex:1;padding:1rem;overflow-y:auto;line-height:1.6}.markdown-viewer-empty-state{color:#999;text-align:center;margin-top:2rem;font-style:italic}.markdown-viewer-info-panel{margin-top:2rem;padding:1rem;background:#f0f8ff;border-radius:8px;border:1px solid #b0d4ff}.markdown-viewer-info-panel h3{margin-top:0;color:#06c}.markdown-viewer-info-panel ul{margin:.5rem 0;padding-left:1.5rem}.markdown-viewer-info-panel code{background:#e0f0ff;padding:.125rem .25rem;border-radius:3px;font-size:.9em}@media(max-width:768px){.markdown-viewer-content-area.split{grid-template-columns:1fr}.markdown-viewer-tabs{flex-wrap:wrap}.markdown-viewer-stats{width:100%;margin-top:.5rem;justify-content:center}}.markdown-viewer-preview h1{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;padding-bottom:.3rem;border-bottom:2px solid #e0e0e0}.markdown-viewer-preview h2{font-size:1.5rem;font-weight:700;margin:1.3rem 0 .8rem;padding-bottom:.2rem;border-bottom:1px solid #e0e0e0}.markdown-viewer-preview h3{font-size:1.25rem;font-weight:700;margin:1rem 0 .5rem}.markdown-viewer-preview h4{font-size:1.1rem;font-weight:700;margin:.8rem 0 .4rem}.markdown-viewer-preview p{margin:.8rem 0}.markdown-viewer-preview a{color:#06c;text-decoration:none}.markdown-viewer-preview a:hover{text-decoration:underline}.markdown-viewer-preview code{background:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:.9em}.markdown-viewer-preview pre[class*=language-]{background:#2d2d2d;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0;position:relative}.markdown-viewer-preview code[class*=language-]{background:transparent;padding:0;font-size:.875rem;line-height:1.5;font-family:Fira Code,SF Mono,Monaco,Cascadia Code,monospace}.markdown-viewer-preview :not(pre)>code{background:#f4f4f4;padding:.2rem .4rem;border-radius:3px;font-size:.9em;color:#e83e8c}.markdown-viewer-preview pre[class*=language-].line-numbers{padding-left:3.8em;counter-reset:linenumber}.markdown-viewer-preview pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.markdown-viewer-preview .line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;user-select:none}.markdown-viewer-preview div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.3em;opacity:0;transition:opacity .3s}.markdown-viewer-preview div.code-toolbar:hover>.toolbar{opacity:1}.markdown-viewer-preview div.code-toolbar>.toolbar>.toolbar-item>button{background:#5a67d8;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem}.markdown-viewer-preview div.code-toolbar>.toolbar>.toolbar-item>button:hover{background:#4c51bf}.markdown-viewer-preview blockquote{border-left:4px solid #0066cc;padding-left:1rem;margin:1rem 0;color:#555;font-style:italic;background:#f8f8f8;padding:.5rem 1rem;border-radius:0 4px 4px 0}.markdown-viewer-preview ul,.markdown-viewer-preview ol{margin:.8rem 0;padding-left:2rem}.markdown-viewer-preview li{margin:.3rem 0}.markdown-viewer-preview table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-viewer-preview th,.markdown-viewer-preview td{border:1px solid #ddd;padding:.5rem;text-align:left}.markdown-viewer-preview th{background:#f4f4f4;font-weight:700}.markdown-viewer-preview tr:nth-child(2n){background:#f9f9f9}.markdown-viewer-preview img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.markdown-viewer-preview hr{border:none;border-top:2px solid #e0e0e0;margin:2rem 0}.markdown-viewer-preview mark{background:#ffeb3b;padding:.1rem .2rem;border-radius:2px}.markdown-viewer-preview del{text-decoration:line-through;color:#999}.markdown-viewer-preview strong{font-weight:700}.markdown-viewer-preview em{font-style:italic}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}