.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}.shiki{position:relative;padding:1rem 1.25rem;border-radius:.5rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1;tab-size:2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--shiki-scrollbar, rgba(128, 128, 128, .3)) transparent}.shiki::-webkit-scrollbar{height:8px;width:8px}.shiki::-webkit-scrollbar-track{background:transparent}.shiki::-webkit-scrollbar-thumb{background:var(--shiki-scrollbar, rgba(128, 128, 128, .3));border-radius:4px}.shiki::-webkit-scrollbar-thumb:hover{background:var(--shiki-scrollbar-hover, rgba(128, 128, 128, .5))}.shiki:focus{outline:2px solid var(--shiki-focus, #3b82f6);outline-offset:2px}.shiki code{display:block;background:transparent!important;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}.shiki .line{display:block;min-height:1em;padding-right:1rem}.shiki .line:empty:after{content:" "}.shiki.line-numbers{padding-left:3.5rem;counter-reset:line}.shiki.line-numbers .line{position:relative}.shiki.line-numbers .line:before{content:counter(line);counter-increment:line;position:absolute;left:-3rem;width:2rem;text-align:right;color:var(--shiki-line-number, #cbd5e1);font-size:.75rem;-webkit-user-select:none;user-select:none;pointer-events:none}.shiki.line-numbers-auto:not(:has(:nth-child(3 of.line))){padding-left:1.25rem}.shiki.line-numbers-auto:not(:has(:nth-child(3 of.line))) .line:before{display:none}.shiki .line.highlighted{background:var(--shiki-highlight-bg, rgba(59, 130, 246, .15));margin:0 -1.25rem;padding:0 1.25rem;border-left:3px solid var(--shiki-highlight-border, #3b82f6)}.shiki.line-numbers .line.highlighted{margin-left:-3.5rem;padding-left:3.5rem}.shiki .line.diff{margin:0 -1.25rem;padding:0 1.25rem;position:relative}.shiki.line-numbers .line.diff{margin-left:-3.5rem;padding-left:3.5rem}.shiki .line.diff:before{position:absolute;left:.5rem;font-weight:600;-webkit-user-select:none;user-select:none}.shiki .line.diff.add{background:var(--shiki-diff-add-bg, rgba(34, 197, 94, .15));border-left:3px solid var(--shiki-diff-add-border, #22c55e)}.shiki .line.diff.add:before{content:"+";color:var(--shiki-diff-add-sign, #22c55e)}.shiki .line.diff.remove{background:var(--shiki-diff-remove-bg, rgba(239, 68, 68, .15));border-left:3px solid var(--shiki-diff-remove-border, #ef4444);opacity:.7}.shiki .line.diff.remove:before{content:"-";color:var(--shiki-diff-remove-sign, #ef4444)}.shiki.has-focused .line:not(.focused){opacity:.4;filter:blur(.5px);transition:opacity .3s ease,filter .3s ease}.shiki.has-focused:hover .line:not(.focused){opacity:.7;filter:none}.shiki .line.focused{background:var(--shiki-focus-bg, rgba(59, 130, 246, .1))}.shiki .highlighted-word{background:var(--shiki-word-highlight-bg, rgba(250, 204, 21, .3));border-radius:.25rem;padding:.125rem .25rem;margin:-.125rem;border-bottom:2px solid var(--shiki-word-highlight-border, #facc15)}.shiki-container{position:relative}.shiki-container .shiki-language{position:absolute;top:.5rem;right:.5rem;padding:.125rem .5rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--shiki-badge-text, rgba(255, 255, 255, .7));background:var(--shiki-badge-bg, rgba(0, 0, 0, .3));border-radius:.25rem;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.shiki-container .shiki-copy{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:var(--shiki-copy-bg, rgba(0, 0, 0, .3));border:none;border-radius:.375rem;color:var(--shiki-copy-text, rgba(255, 255, 255, .7));cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,transform .1s ease;z-index:2}.shiki-container:hover .shiki-copy{opacity:1}.shiki-container .shiki-copy:hover{background:var(--shiki-copy-bg-hover, rgba(0, 0, 0, .5));color:var(--shiki-copy-text-hover, #fff)}.shiki-container .shiki-copy:active{transform:scale(.95)}.shiki-container .shiki-copy.copied{color:var(--shiki-copy-success, #22c55e)}.shiki-container:has(.shiki-language) .shiki-copy{right:4rem}.shiki-container .shiki-title{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;color:var(--shiki-title-text, rgba(255, 255, 255, .8));background:var(--shiki-title-bg, rgba(0, 0, 0, .2));border-radius:.5rem .5rem 0 0;border-bottom:1px solid var(--shiki-title-border, rgba(255, 255, 255, .1))}.shiki-container .shiki-title+.shiki{border-radius:0 0 .5rem .5rem}.shiki-container .shiki-title .shiki-title-icon{width:1rem;height:1rem;opacity:.7}:not(pre)>code.shiki{display:inline;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;vertical-align:baseline}.shiki{--shiki-scrollbar: rgba(128, 128, 128, .3);--shiki-scrollbar-hover: rgba(128, 128, 128, .5);--shiki-focus: #3b82f6;--shiki-line-number: #cbd5e1;--shiki-highlight-bg: rgba(59, 130, 246, .15);--shiki-highlight-border: #3b82f6;--shiki-diff-add-bg: rgba(34, 197, 94, .15);--shiki-diff-add-border: #22c55e;--shiki-diff-add-sign: #22c55e;--shiki-diff-remove-bg: rgba(239, 68, 68, .15);--shiki-diff-remove-border: #ef4444;--shiki-diff-remove-sign: #ef4444;--shiki-focus-bg: rgba(59, 130, 246, .1);--shiki-word-highlight-bg: rgba(250, 204, 21, .3);--shiki-word-highlight-border: #facc15;--shiki-badge-text: rgba(255, 255, 255, .7);--shiki-badge-bg: rgba(0, 0, 0, .3);--shiki-copy-bg: rgba(0, 0, 0, .3);--shiki-copy-bg-hover: rgba(0, 0, 0, .5);--shiki-copy-text: rgba(255, 255, 255, .7);--shiki-copy-text-hover: #fff;--shiki-copy-success: #22c55e;--shiki-title-text: rgba(255, 255, 255, .8);--shiki-title-bg: rgba(0, 0, 0, .2);--shiki-title-border: rgba(255, 255, 255, .1)}:root[data-theme=light] .shiki,.light .shiki{--shiki-scrollbar: rgba(0, 0, 0, .2);--shiki-scrollbar-hover: rgba(0, 0, 0, .3);--shiki-line-number: #cbd5e1;--shiki-highlight-bg: rgba(59, 130, 246, .1);--shiki-diff-add-bg: rgba(34, 197, 94, .1);--shiki-diff-remove-bg: rgba(239, 68, 68, .1);--shiki-focus-bg: rgba(59, 130, 246, .08);--shiki-word-highlight-bg: rgba(250, 204, 21, .4);--shiki-badge-text: rgba(0, 0, 0, .6);--shiki-badge-bg: rgba(0, 0, 0, .08);--shiki-copy-bg: rgba(0, 0, 0, .08);--shiki-copy-bg-hover: rgba(0, 0, 0, .15);--shiki-copy-text: rgba(0, 0, 0, .5);--shiki-copy-text-hover: rgba(0, 0, 0, .8);--shiki-title-text: rgba(0, 0, 0, .7);--shiki-title-bg: rgba(0, 0, 0, .05);--shiki-title-border: rgba(0, 0, 0, .1)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .shiki{--shiki-scrollbar: rgba(0, 0, 0, .2);--shiki-scrollbar-hover: rgba(0, 0, 0, .3);--shiki-line-number: #cbd5e1;--shiki-highlight-bg: rgba(59, 130, 246, .1);--shiki-diff-add-bg: rgba(34, 197, 94, .1);--shiki-diff-remove-bg: rgba(239, 68, 68, .1);--shiki-focus-bg: rgba(59, 130, 246, .08);--shiki-word-highlight-bg: rgba(250, 204, 21, .4);--shiki-badge-text: rgba(0, 0, 0, .6);--shiki-badge-bg: rgba(0, 0, 0, .08);--shiki-copy-bg: rgba(0, 0, 0, .08);--shiki-copy-bg-hover: rgba(0, 0, 0, .15);--shiki-copy-text: rgba(0, 0, 0, .5);--shiki-copy-text-hover: rgba(0, 0, 0, .8);--shiki-title-text: rgba(0, 0, 0, .7);--shiki-title-bg: rgba(0, 0, 0, .05);--shiki-title-border: rgba(0, 0, 0, .1)}}@media(max-width:640px){.shiki{font-size:.8125rem;padding:.75rem 1rem;border-radius:.375rem}.shiki.line-numbers{padding-left:3rem}.shiki.line-numbers .line:before{left:-2.5rem;width:1.75rem;font-size:.6875rem}.shiki-container .shiki-language{font-size:.5625rem;padding:.0625rem .375rem}}@media print{.shiki{background:#f5f5f5!important;color:#333!important;border:1px solid #ddd}.shiki .line span{color:#333!important}.shiki-container .shiki-copy{display:none}}@keyframes shiki-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.shiki-animate{animation:shiki-fade-in .3s ease-out}.shiki.show-whitespace .tab,.shiki.show-whitespace .space{position:relative}.shiki.show-whitespace .tab:before{content:"→";position:absolute;opacity:.25;color:currentColor}.shiki.show-whitespace .space:before{content:"·";position:absolute;opacity:.25;color:currentColor}.shiki.show-indent .indent{display:inline-block;position:relative}.shiki.show-indent .indent:before{content:"";position:absolute;left:0;width:1px;height:100%;background:currentColor;opacity:.1}