.docsShell{grid-template-columns:minmax(0,1fr);gap:.9rem;width:100%;min-height:66vh;display:grid;position:relative}.docsShell:not(.hasSidebar) .docsSidebar{z-index:4;position:absolute;inset:0 auto auto 0}.docsShell:not(.hasSidebar) .docsEditorPanel{padding-left:3.2rem}.docsEditorPanel{flex-direction:column;gap:.75rem;min-width:0;min-height:66vh;display:flex}.docsEmptyEditor,.docsEditorLoading{min-height:58vh;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);place-items:center;display:grid}.docsShell.hasSidebar{grid-template-columns:auto minmax(0,1fr)}@media (max-width:760px){.docsShell,.docsShell.hasSidebar{grid-template-columns:minmax(0,1fr);gap:.8rem}.docsShell:not(.hasSidebar) .docsEditorPanel{padding-top:3.2rem;padding-left:0}}@media (max-width:520px){.docsTopBar .primarySelect{width:100%;max-width:none}}.docsTopBar{background:var(--color-card);border:1px solid var(--color-border);border-radius:.75rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;margin:.75rem auto 1rem;padding:.5rem;display:flex}.docsEditorOptions,.docsTopBarActions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.docsTopBarActions{justify-content:flex-end;margin-left:auto}.docsIconButton{width:2.35rem;height:2.35rem;color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:.5rem;place-items:center;display:inline-grid}.docsIconButton:hover,.docsIconButton:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}.docsTopBarActions.isOpen .docsIconButton:first-child{color:var(--color-btn-text);background:var(--color-primary)}.docsTopBar .primarySelect{flex:12rem;min-width:10rem;max-width:18rem;height:2.35rem}@media (max-width:520px){.docsTopBar{align-items:flex-start}.docsEditorOptions{flex:100%;justify-content:flex-end}.docsTopBarActions{flex:auto}}.docsSaveToggle{width:2.35rem;height:2.35rem;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;display:inline-grid;position:relative}.docsSaveToggle:hover,.docsSaveToggle:focus-visible{color:var(--color-primary);outline:none}.docsSaveToggle.isEnabled{color:var(--color-primary);background:0 0}.docsSaveToggle.isDisabled{color:var(--color-text)}.docsSaveToggle span{background:var(--color-success);width:.44rem;height:.44rem;box-shadow:0 0 0 2px var(--color-card);border-radius:50%;position:absolute;bottom:.32rem;right:.32rem}.docsSaveToggle.is-dirty span{background:var(--color-accent)}.docsSaveToggle.is-saving span{background:var(--color-primary);animation:1s ease-in-out infinite docsSavePulse}@keyframes docsSavePulse{50%{opacity:.45}}@media (max-width:520px){.docsSaveToggle{width:100%}}.docsSidebar{width:2.5rem;min-width:2.5rem;color:var(--color-text);position:relative;overflow:visible}.docsSidebar.isOpen{width:min(var(--docs-sidebar-width),100%);background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);border-radius:var(--primary-border-radious);min-width:min(240px,100%);padding:.55rem}.docsSidebarToggle,.docsSelectionExport,.docsNoteName,.docsRichTabs button,.docsRichToolbar button{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;border-radius:.5rem}.docsSidebarToggle{place-items:center;gap:.16rem;width:1.9rem;height:1.9rem;padding:.45rem;display:grid}.docsSidebarToggle span{background:currentColor;width:.9rem;height:2px;transition:transform .18s}.docsSidebarToggle.isClose span:first-child{transform:translateY(3px)rotate(45deg)}.docsSidebarToggle.isClose span:last-child{transform:translateY(-3px)rotate(-45deg)}.docsSidebarHeader{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem;margin-bottom:.55rem;display:grid}.docsSidebarHeader strong{font-size:.9rem}.docsSidebarHeaderActions{align-items:center;gap:.3rem;display:flex}.docsSelectionExport{background:var(--color-card);border-radius:.45rem;width:100%;min-height:2rem;margin-bottom:.5rem;font-size:.84rem}.docsSelectionExport:disabled{cursor:not-allowed;opacity:.55}.docsSidebarResizeHandle{background:var(--color-bg-secondary);cursor:col-resize;border:0;width:.7rem;height:100%;position:absolute;top:0;right:-.35rem}.docsSidebarResizeHandle:after{content:"";background:var(--color-border);border-radius:999px;position:absolute;inset:3rem .3rem .65rem}.docsSidebarResizeHandle:hover:after{background:var(--color-primary)}@media (max-width:760px){.docsSidebar,.docsSidebar.isOpen{border-right:0;border-bottom:1px solid var(--color-border);width:100%;padding:.55rem}.docsSidebarResizeHandle{display:none}}.docsNoteList{gap:.25rem;display:grid}.docsNoteList article{border:0;border-bottom:1px solid var(--color-border);background:0 0;grid-template-columns:minmax(0,1fr);align-items:center;min-height:2.2rem;padding:.2rem 0;display:grid;position:relative}.docsNoteList article.isActive{border-bottom-color:var(--color-border)}.docsNoteList input[type=checkbox]{z-index:2;opacity:0;pointer-events:none;width:.85rem;height:.85rem;margin:0;position:absolute;left:.45rem}.docsNoteList.isSelecting input{opacity:1;pointer-events:auto}.docsNoteTitle{min-width:0}.docsNoteName{text-overflow:ellipsis;white-space:nowrap;background:0 0;border-color:#0000;width:100%;min-width:0;height:1.8rem;margin:0;padding:0 1.9rem 0 1.55rem;font-size:.84rem;font-weight:650;overflow:hidden}.docsNoteName:focus{background:var(--color-bg-secondary);border-color:var(--color-primary)}.docsEmptyState{color:var(--color-text);opacity:.72;font-size:.78rem}.docsMenu.docsNoteMenu{opacity:0;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.docsNoteList article:hover .docsMenu.docsNoteMenu,.docsNoteList article:focus-within .docsMenu.docsNoteMenu{opacity:1}@media (max-width:520px){.docsNoteList:not(.isSelecting) input[type=checkbox]{display:none}}.docsMenu{position:relative}.docsMenu summary{border:1px solid var(--color-border);background:var(--color-card);width:1.65rem;height:1.65rem;color:var(--color-text);cursor:pointer;border-radius:.42rem;place-items:center;gap:.12rem;list-style:none;display:grid}.docsMenu summary::-webkit-details-marker{display:none}.docsMenu summary span{background:currentColor;border-radius:999px;width:.2rem;height:.2rem}.docsSidebarMenu summary,.docsSidebarHeaderActions .docsSidebarToggle{background:0 0;width:1.8rem;height:1.8rem}.docsSidebarMenu svg{width:.85rem;height:.85rem}.docsMenuPanel{z-index:40;border:1px solid var(--color-border);background:var(--color-card);border-radius:.75rem;gap:.18rem;min-width:11rem;padding:.28rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.docsMenuPanel button{background:var(--color-card);color:var(--color-text);text-align:left;cursor:pointer;border:0;border-radius:.45rem;padding:.42rem .55rem;font-size:.84rem}.docsMenuPanel button:hover{background:var(--color-bg-tertiary)}.docsMenuPanel button:disabled{cursor:not-allowed;opacity:.45}.docsNoteMenu .docsMenuPanel{min-width:10rem;right:-.2rem}.docsMenuPanel .docsMenuDanger{color:var(--color-error)}.docsSidebarMenu .docsMenuPanel{top:0;left:calc(100% + .5rem);right:auto}@media (max-width:760px){.docsSidebarMenu .docsMenuPanel{top:calc(100% + .45rem);left:auto;right:0}}.docsMonacoEditor,.docsRichEditor{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--primary-border-radious);min-height:clamp(24rem,58vh,44rem);overflow:hidden}.docsRichEditor{flex-direction:column;display:flex}.docsMonacoEditor{height:100vh;min-height:100vh}.docsRichTabs,.docsRichToolbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-wrap:wrap;gap:.4rem;padding:.65rem;display:flex}.docsRichTabs div{gap:.25rem;display:flex}.docsRichTabs .isActive button:first-child{border-color:var(--color-primary);color:var(--color-primary)}.docsRichTabs button,.docsRichToolbar button,.docsRichToolbar select{min-height:34px;padding:.35rem .65rem}.docsRichToolbar select{color:var(--color-text);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.5rem}.docsRichPage{background:var(--color-card);width:min(860px,100% - 1rem);min-height:760px;color:var(--color-text);border:1px solid var(--color-border);outline:none;margin:1rem auto;padding:clamp(1rem,4vw,3rem);line-height:1.65}.docsRichPage:focus{border-color:var(--color-primary)}.docsRichPage h1,.docsRichPage h2,.docsRichPage p,.docsRichPage ul,.docsRichPage ol{margin-top:0}[data-theme=light] .docsRichPage{background:var(--color-card);color:var(--color-text)}
