: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}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}@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;height:100%;width:100%}.editor-textarea{width:100%;height:100%;border:none;outline:none;background-color:var(--editor-bg);border-radius:16px;color:var(--text-color);caret-color:#7a07c4;font-family:var(--font-editor);font-size:16px;line-height:1.6;resize:none;padding:32px 48px;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.editor-textarea::-webkit-scrollbar{display:none}.editor-textarea::placeholder{color:var(--placeholder-color)}.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:12px 20px;background:none;border:none;cursor:pointer;color:var(--menu-text);font-family:var(--font-primary);font-size:14px;text-align:left;transition:background-color .15s,color .15s;gap:16px}.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 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)}.no-docs-message{padding:16px 20px;text-align:center;font-size:14px;color:var(--menu-text);opacity:.7}