html{scroll-behavior:smooth}:root{--editor-bg:#1e1e1e;--editor-fg:#d4d4d4;--editor-gutter:#2d2d2d;--editor-line-number:#858585;--editor-line-number-active:#c6c6c6;--editor-border:#3c3c3c;--editor-selection:#264f7880;--titlebar-bg:#323233;--titlebar-fg:#ccc;--titlebar-inactive:#999;--titlebar-tab-active:#1e1e1e;--titlebar-tab-inactive:#2d2d2d;--statusbar-bg:#007acc;--statusbar-fg:#fff;--statusbar-item-hover:#ffffff1f;--syntax-comment:#6a9955;--syntax-string:#ce9178;--syntax-keyword:#569cd6;--syntax-function:#dcdcaa;--syntax-variable:#9cdcfe;--syntax-number:#b5cea8;--syntax-operator:#d4d4d4;--syntax-punctuation:gray;--md-heading:#569cd6;--md-heading-hash:gray;--md-bold:#d4d4d4;--md-italic:#d4d4d4;--md-link:#4ec9b0;--md-link-brackets:gray;--md-code:#ce9178;--md-code-bg:#2d2d2d;--md-blockquote:#6a9955;--md-blockquote-border:#6a9955;--md-list-marker:gray;--md-hr:#3c3c3c;--cursor-color:#aeafad;--scrollbar-track:transparent;--scrollbar-thumb:#79797966;--scrollbar-thumb-hover:#646464b3}.light{--editor-bg:#fff;--editor-fg:#37352f;--editor-gutter:#f7f7f7;--editor-line-number:#b4b4b4;--editor-line-number-active:#6e6e6e;--editor-border:#e8e8e8;--editor-selection:#2383e233;--titlebar-bg:#f7f7f7;--titlebar-fg:#37352f;--titlebar-inactive:#9b9a97;--titlebar-tab-active:#fff;--titlebar-tab-inactive:#efefed;--statusbar-bg:#f7f7f7;--statusbar-fg:#37352f;--statusbar-item-hover:#0000000d;--syntax-comment:#6a9955;--syntax-string:#a31515;--syntax-keyword:#00f;--md-heading:#37352f;--md-heading-hash:#b4b4b4;--md-bold:#37352f;--md-link:#2383e2;--md-link-brackets:#b4b4b4;--md-code:#eb5757;--md-code-bg:#f7f6f3;--md-blockquote:#787774;--md-blockquote-border:#d3d1cb;--cursor-color:#37352f;--scrollbar-thumb:#0003;--scrollbar-thumb-hover:#00000059}.editor-container{font-family:var(--font-mono),"Fira Code","JetBrains Mono","Consolas",monospace;background-color:var(--editor-bg);color:var(--editor-fg);flex-direction:column;height:100svh;font-size:14px;line-height:1.6;display:flex;overflow:hidden}.editor-titlebar{background-color:var(--titlebar-bg);border-bottom:1px solid var(--editor-border);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;z-index:10;flex-shrink:0;align-items:center;gap:12px;height:38px;min-height:38px;padding:0 12px;display:flex}.traffic-lights{gap:8px;display:flex}.traffic-light{border-radius:50%;width:12px;height:12px}.traffic-light.close{background-color:#ff5f57}.traffic-light.minimize{background-color:#febc2e}.traffic-light.maximize{background-color:#28c840}.editor-tabs{flex:1;align-items:stretch;gap:1px;display:flex}.editor-tab{background-color:var(--titlebar-tab-inactive);color:var(--titlebar-inactive);cursor:pointer;border-radius:4px 4px 0 0;align-items:center;gap:6px;padding:4px 12px;font-size:13px;transition:background-color .15s,color .15s;display:flex}.editor-tab.active{background-color:var(--titlebar-tab-active);color:var(--titlebar-fg)}.editor-tab-icon{color:#6997d5;width:16px;height:16px}.editor-main{flex:1;min-height:0;display:flex;overflow:hidden}.editor-gutter{background-color:var(--editor-gutter);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:60px;padding:16px 0}.line-number{color:var(--editor-line-number);height:1.6em;padding-right:16px;font-size:13px;line-height:1.6}.line-number.active{color:var(--editor-line-number-active)}.editor-content{flex:1;padding:16px 24px;overflow:hidden auto}.editor-content::-webkit-scrollbar{width:14px}.editor-content::-webkit-scrollbar-track{background:var(--scrollbar-track)}.editor-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid #0000;border-radius:7px}.editor-content::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.editor-statusbar{background-color:var(--statusbar-bg);height:22px;min-height:22px;color:var(--statusbar-fg);-webkit-user-select:none;user-select:none;z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;display:flex}.statusbar-left,.statusbar-right{align-items:center;gap:2px;display:flex}.statusbar-item{cursor:default;border-radius:2px;align-items:center;gap:4px;height:100%;padding:0 6px;display:flex}.statusbar-item:hover{background-color:var(--statusbar-item-hover)}.md-line{white-space:pre-wrap;word-wrap:break-word;min-height:1.6em}.md-line.empty{height:1.6em}.md-h1,.md-h2,.md-h3,.md-h4{color:var(--md-heading);font-weight:600}.md-h1{margin:.67em 0;font-size:2em}.md-h2{margin:.75em 0;font-size:1.5em}.md-h3{margin:.8em 0;font-size:1.25em}.md-h4{margin:.85em 0;font-size:1em}.md-hash{color:var(--md-heading-hash);margin-right:.5em}.md-bold{color:var(--md-bold);font-weight:700}.md-italic{color:var(--md-italic);font-style:italic}.md-marker{color:var(--md-heading-hash)}.md-link{color:var(--md-link);cursor:pointer;text-decoration:none}.md-link:hover{text-decoration:underline}.md-link-bracket{color:var(--md-link-brackets)}.md-code{background-color:var(--md-code-bg);color:var(--md-code);border-radius:4px;padding:.15em .4em;font-family:inherit;font-size:.9em}.md-code-tick{color:var(--md-heading-hash)}.md-blockquote{border-left:3px solid var(--md-blockquote-border);color:var(--md-blockquote);margin:.5em 0;padding-left:16px;font-style:italic}.md-quote-mark{color:var(--md-heading-hash);margin-right:.25em}.md-list-item{gap:.5em;display:flex}.md-list-marker{color:var(--md-list-marker);flex-shrink:0}.md-hr{border:none;border-top:1px solid var(--md-hr);margin:1.5em 0}.cursor{background-color:var(--cursor-color);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.md-selectable:hover{background-color:var(--editor-selection);cursor:text}@media (max-width:768px){.editor-gutter{width:40px}.line-number{padding-right:8px;font-size:11px}.editor-content{padding:12px 16px;font-size:13px}.traffic-lights{display:none}.editor-titlebar{padding:0 8px}.editor-statusbar{flex-wrap:wrap;gap:4px;height:auto;min-height:22px;padding:4px 8px}.statusbar-left,.statusbar-right{flex-wrap:wrap;gap:4px}.statusbar-right{justify-content:flex-end}.statusbar-item:nth-child(n+3){display:none}}@media (max-width:480px){.editor-gutter{display:none}.editor-container{font-size:13px}.statusbar-left,.statusbar-right .statusbar-item{display:none}.statusbar-right .statusbar-item:first-child{text-align:center;flex:1;justify-content:center;display:flex}}