:root{--background-color: #FFFFFF;--editor-bg: #FAFCFE;--text-color: #000000;--placeholder-color: #717374;--menu-bg: #FAF5FF;--menu-border: #E9D5FF;--menu-text: #7E22CE;--menu-hover-bg: #7E22CE;--menu-hover-text: #FFFFFF;--font-primary: "Space Mono", monospace;--font-editor: "Space Mono", monospace;--md-h-color: #F46036;--md-bold-color: #A5BE00;--md-italic-color: #02C39A;--md-link-color: #7A07C4;--md-quote-color: #551B14;--md-code-color: #4CB944}html[data-theme=dark]{--background-color: #000000;--editor-bg: #0D0D0D;--text-color: #FFFFFF;--placeholder-color: #666666;--menu-bg: #1A0D23;--menu-border: #3A1F4D;--menu-text: #C489FF;--menu-hover-bg: #7E22CE;--menu-hover-text: #FFFFFF;--md-h-color: #FF7A50;--md-bold-color: #B5CE10;--md-italic-color: #12D3AA;--md-link-color: #9D36E1;--md-quote-color: #923C30;--md-code-color: #5CC954}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}html,body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-primary);margin:0;display:flex;justify-content:center;height:100vh;width:100vw;box-sizing:border-box}.app-container{width:100%;height:100%;padding:24px;box-sizing:border-box;display:flex;flex-direction:column}.editor-container{flex-grow:1;display:flex;justify-content:center;height:100%;width:100%}.editor-wrapper{position:relative;width:100%;max-width:750px;height:100%;background-color:var(--editor-bg);border-radius:16px;overflow:hidden}.editor-textarea,.editor-highlight{position:absolute;top:0;left:0;width:100%;height:100%;border:none;outline:none;font-family:var(--font-editor);font-size:16px;line-height:1.6;padding:32px 48px;box-sizing:border-box;margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.editor-textarea{background-color:transparent;color:transparent;caret-color:#7a07c4;resize:none;z-index:2;-ms-overflow-style:none;scrollbar-width:none;overflow-y:auto}.editor-highlight{background-color:transparent;color:var(--text-color);z-index:1;overflow-y:hidden;pointer-events:none}.editor-textarea::-webkit-scrollbar{display:none}.editor-textarea::placeholder{color:var(--placeholder-color)}.md-bold{color:var(--md-bold-color)}.md-italic{color:var(--md-italic-color)}.md-h{color:var(--md-h-color)}.md-link{color:var(--md-link-color)}.md-quote{color:var(--md-quote-color)}.md-code{color:var(--md-code-color)}.drawing-canvas{width:100%;height:100%;background-color:var(--editor-bg);border-radius:16px;cursor:crosshair;touch-action:none}.context-menu{display:none;position:absolute;background-color:var(--menu-bg);border:1px solid var(--menu-border);border-radius:16px;padding:0;overflow:hidden;min-width:180px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000}.context-menu.visible{display:block}.menu-item{display:flex;align-items:center;width:100%;padding:8px 16px;background:none;border:none;cursor:pointer;color:var(--menu-text);font-family:var(--font-primary);font-size:13px;text-align:left;transition:background-color .15s,color .15s;gap:12px}.menu-item:hover{background-color:var(--menu-hover-bg);color:var(--menu-hover-text)}.menu-item:hover svg{stroke:var(--menu-hover-text)}.menu-item span:not(.shortcut){flex-grow:1}.menu-item .shortcut{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:500;opacity:.5;margin-left:16px;letter-spacing:1.5px;display:flex;align-items:center}.menu-item svg{stroke:var(--menu-text);flex-shrink:0}.previous-docs-menu{width:320px;max-height:400px;overflow-y:auto}.prev-doc-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--menu-border);transition:background-color .15s;color:var(--menu-text)}.prev-doc-item:last-child{border-bottom:none}.prev-doc-item:hover{background-color:var(--menu-hover-bg);color:var(--menu-hover-text)}.prev-doc-item:hover svg{stroke:var(--menu-hover-text)}.prev-doc-excerpt{font-family:var(--font-editor);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;margin-right:12px}.prev-doc-actions{display:flex;gap:8px;flex-shrink:0}.prev-doc-action-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;color:inherit}.prev-doc-action-btn:hover{background-color:#fff3}.prev-doc-action-btn svg{stroke:var(--menu-text);width:16px;height:16px}.prev-doc-item:hover .prev-doc-action-btn svg{stroke:var(--menu-hover-text)}svg{stroke:var(--menu-hover-text)}.no-docs-message{padding:16px 20px;text-align:center;font-size:14px;color:var(--menu-text);opacity:.7}