.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}.markdown-preview{line-height:1.7;color:hsl(var(--foreground));overflow-wrap:break-word;word-wrap:break-word}.markdown-preview h1{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;padding-bottom:.3rem;border-bottom:2px solid hsl(var(--border))}.markdown-preview h2{font-size:1.5rem;font-weight:700;margin:1.3rem 0 .8rem;padding-bottom:.2rem;border-bottom:1px solid hsl(var(--border))}.markdown-preview h3{font-size:1.25rem;font-weight:700;margin:1rem 0 .5rem}.markdown-preview h4{font-size:1.1rem;font-weight:700;margin:.8rem 0 .4rem}.markdown-preview p{margin:.8rem 0}.markdown-preview a{color:hsl(var(--primary));text-decoration:none}.markdown-preview a:hover{text-decoration:underline}.markdown-preview :not(pre)>code{background:hsl(var(--muted));padding:.2rem .4rem;border-radius:3px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.9em;color:hsl(var(--foreground))}.markdown-preview pre[class*=language-]{background:#2d2d2d;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0;position:relative;border:1px solid hsl(var(--border))}.markdown-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;color:#ccc}:global(.dark) .markdown-preview pre[class*=language-]{background:#121216;border-color:#2e2e38}:global(.dark) .markdown-preview code[class*=language-]{color:#e0e0e0}:global(.dark) .markdown-preview .token.comment,:global(.dark) .markdown-preview .token.prolog,:global(.dark) .markdown-preview .token.doctype,:global(.dark) .markdown-preview .token.cdata{color:#999}:global(.dark) .markdown-preview .token.punctuation{color:#ccc}:global(.dark) .markdown-preview .token.property,:global(.dark) .markdown-preview .token.tag,:global(.dark) .markdown-preview .token.boolean,:global(.dark) .markdown-preview .token.number,:global(.dark) .markdown-preview .token.constant,:global(.dark) .markdown-preview .token.symbol,:global(.dark) .markdown-preview .token.deleted{color:#f08d49}:global(.dark) .markdown-preview .token.selector,:global(.dark) .markdown-preview .token.attr-name,:global(.dark) .markdown-preview .token.string,:global(.dark) .markdown-preview .token.char,:global(.dark) .markdown-preview .token.builtin,:global(.dark) .markdown-preview .token.inserted{color:#b5bd68}:global(.dark) .markdown-preview .token.operator,:global(.dark) .markdown-preview .token.entity,:global(.dark) .markdown-preview .token.url,:global(.dark) .markdown-preview .language-css .token.string,:global(.dark) .markdown-preview .style .token.string{color:#67cdcc}:global(.dark) .markdown-preview .token.atrule,:global(.dark) .markdown-preview .token.attr-value,:global(.dark) .markdown-preview .token.keyword{color:#cc99cd}:global(.dark) .markdown-preview .token.function,:global(.dark) .markdown-preview .token.class-name{color:#f08d49}:global(.dark) .markdown-preview .token.regex,:global(.dark) .markdown-preview .token.important,:global(.dark) .markdown-preview .token.variable{color:#e2777a}.markdown-preview .token.comment,.markdown-preview .token.prolog,.markdown-preview .token.doctype,.markdown-preview .token.cdata{color:#8292a2}.markdown-preview .token.punctuation{color:#f8f8f2}.markdown-preview .token.property,.markdown-preview .token.tag,.markdown-preview .token.constant,.markdown-preview .token.symbol,.markdown-preview .token.deleted{color:#f92672}.markdown-preview .token.boolean,.markdown-preview .token.number{color:#ae81ff}.markdown-preview .token.selector,.markdown-preview .token.attr-name,.markdown-preview .token.string,.markdown-preview .token.char,.markdown-preview .token.builtin,.markdown-preview .token.inserted{color:#a6e22e}.markdown-preview .token.operator,.markdown-preview .token.entity,.markdown-preview .token.url,.markdown-preview .language-css .token.string,.markdown-preview .style .token.string{color:#f8f8f2}.markdown-preview .token.atrule,.markdown-preview .token.attr-value,.markdown-preview .token.keyword{color:#66d9ef}.markdown-preview .token.function,.markdown-preview .token.class-name{color:#e6db74}.markdown-preview .token.regex,.markdown-preview .token.important,.markdown-preview .token.variable{color:#fd971f}.markdown-preview blockquote{border-left:4px solid hsl(var(--primary));padding-left:1rem;margin:1rem 0;color:hsl(var(--muted-foreground));font-style:italic;background:hsl(var(--muted));padding:.5rem 1rem;border-radius:0 4px 4px 0}.markdown-preview ul,.markdown-preview ol{margin:.8rem 0;padding-left:2rem}.markdown-preview li{margin:.3rem 0}.markdown-preview table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-preview th,.markdown-preview td{border:1px solid hsl(var(--border));padding:.5rem;text-align:left}.markdown-preview th{background:hsl(var(--muted));font-weight:700}.markdown-preview tr:nth-child(2n){background:hsl(var(--muted) / .5)}.markdown-preview img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.markdown-preview hr{border:none;border-top:2px solid hsl(var(--border));margin:2rem 0}.markdown-preview mark{background:#ffe666;padding:.1rem .2rem;border-radius:2px}:global(.dark) .markdown-preview mark{background:#998000;color:hsl(var(--foreground))}.markdown-preview del{text-decoration:line-through;color:hsl(var(--muted-foreground))}.markdown-preview strong{font-weight:700}.markdown-preview em{font-style:italic}.markdown-preview-empty{color:hsl(var(--muted-foreground));text-align:center;padding:3rem 1rem;font-style:italic}