.controls button,.theme-opt{cursor:pointer}#markdown,.controls>*,body{color:var(--fg)}#preview code,#preview pre{font-family:'Courier New',Courier,monospace;font-size:10pt;background:var(--code-bg)}#preview h1,#preview h2,#preview h3,#preview h4,#preview h5,#preview h6{font-weight:700}:root{--light-bg:#fff;--light-fg:#000;--light-border:#ccc;--light-editor:#f5f5f5;--light-code:#f6f8fa;--light-code-border:#ddd;--dark-bg:#2d2d2d;--dark-fg:#fff;--dark-border:#555;--dark-editor:#1e1e1e;--dark-code:#2f3337;--dark-code-border:#444;--black-bg:#000;--black-fg:#fff;--black-border:#333;--black-editor:#111;--black-code:#1a1a1a;--black-code-border:#333}.theme-light{--bg:var(--light-bg);--fg:var(--light-fg);--border:var(--light-border);--editor-bg:var(--light-editor);--code-bg:var(--light-code);--code-border:var(--light-code-border)}.theme-dark{--bg:var(--dark-bg);--fg:var(--dark-fg);--border:var(--dark-border);--editor-bg:var(--dark-editor);--code-bg:var(--dark-code);--code-border:var(--dark-code-border)}.theme-black{--bg:var(--black-bg);--fg:var(--black-fg);--border:var(--black-border);--editor-bg:var(--black-editor);--code-bg:var(--black-code);--code-border:var(--black-code-border)}.controls>*,.theme-opt{border:1px solid var(--border);background:var(--bg)}body{margin:0;padding:10px;font-family:system-ui,sans-serif;background:var(--bg)}.container{max-width:98%;margin:auto;height:calc(100vh - 20px)}.controls{display:flex;gap:10px;margin-bottom:10px;align-items:center}.controls>*{padding:8px 16px;border-radius:4px}.controls button:hover{opacity:.9}.controls button:active{transform:translateY(1px)}.controls input{width:200px}.theme-select{display:flex;gap:5px;margin-left:auto;border:none;padding:0}.theme-opt{padding:8px;border-radius:4px;opacity:.5;transition:.2s}.theme-opt.active{opacity:1;transform:scale(1.1)}.version{border:none;padding:0;margin-left:10px;opacity:.7}.editor{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:calc(100vh - 70px)}#markdown,#preview{padding:20px;border:1px solid var(--border);border-radius:4px;overflow:auto}#preview,#preview li{word-wrap:break-word;overflow-wrap:break-word}#markdown{resize:none;font:14px monospace;background:var(--editor-bg)}#preview{background:var(--bg);line-height:1.6;margin:0;padding:1em;font-family:Arial,sans-serif;max-width:100%}#preview ol,#preview ul{margin:0 0 1em 1.5em;padding:0}#preview ol ol,#preview ul ul{margin-left:1.5em;list-style-type:disc}#preview li{list-style-position:outside}#preview code{line-height:1.4;padding:2px 4px;border-radius:3px}#preview pre{line-height:1.5;padding:12px;border:1px solid var(--code-border);border-radius:6px;overflow-x:auto}.token.comment{color:#6a737d}.token.keyword{color:#d73a49}.token.string{color:#032f62}.token.function{color:#6f42c1}.token.number{color:#005cc5}.theme-black .token.comment,.theme-dark .token.comment{color:#768390}.theme-black .token.keyword,.theme-dark .token.keyword{color:#ff7b72}.theme-black .token.string,.theme-dark .token.string{color:#a5d6ff}.theme-black .token.function,.theme-dark .token.function{color:#d2a8ff}.theme-black .token.number,.theme-dark .token.number{color:#79c0ff}#preview *{page-break-inside:avoid;page-break-before:auto;page-break-after:auto}@media (max-width:768px){.container{max-width:100%;height:100vh;padding:0}body{padding:10px}.editor{grid-template-columns:1fr;height:auto}#markdown,#preview{height:50vh}.version{display:none}}#preview h1{font-size:2.5em}#preview h2{font-size:2em}#preview h3{font-size:1.75em}#preview h4{font-size:1.5em}#preview h5{font-size:1.25em}#preview h6{font-size:1em}#preview img{max-width:100%!important;max-height:100%!important;display:block!important;break-inside:avoid-page!important;page-break-inside:avoid!important;margin:0 auto}