.app{display:flex;height:100vh;width:100vw;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;min-width:0}.split-view{flex:1;display:flex;overflow:hidden;position:relative}.editor-wrapper,.preview-wrapper{flex:1;display:flex;min-width:0;overflow:hidden}.split-divider{width:5px;cursor:col-resize;background:#313244;flex-shrink:0;position:relative;transition:background .15s}.split-divider:hover,.split-divider:active{background:#89b4fa}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:#6c7086;font-size:1.1rem}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background:#1e1e2e}.login-box{background:#181825;padding:2.5rem;border-radius:12px;width:340px;border:1px solid #313244}.login-box h1{margin-bottom:1.5rem;font-size:1.5rem;color:#cdd6f4;font-weight:600}.login-box input{display:block;width:100%;padding:.6rem .8rem;margin-bottom:.8rem;border:1px solid #313244;border-radius:6px;background:#1e1e2e;color:#cdd6f4;font-size:.95rem;outline:none}.login-box input:focus{border-color:#89b4fa}.login-box button{width:100%;padding:.6rem;margin-top:.5rem;background:#89b4fa;color:#1e1e2e;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer}.login-box button:hover{background:#74c7ec}.login-error{color:#f38ba8;font-size:.85rem;margin-bottom:.5rem}.login-subtitle{color:#a6adc8;font-size:.85rem;margin-bottom:1rem;text-align:center;line-height:1.4}.login-hint{color:#6c7086;font-size:.75rem;text-align:center;margin-top:.5rem}.totp-setup-box{max-width:420px}.totp-setup-steps{margin-bottom:1rem}.totp-step{display:flex;align-items:flex-start;gap:10px;margin-bottom:.7rem;font-size:.85rem;color:#cdd6f4}.totp-step-num{background:#89b4fa;color:#1e1e2e;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.totp-qr-container{display:flex;justify-content:center;margin:1rem 0}.totp-qr{border-radius:8px;border:2px solid #313244}.totp-manual{text-align:center;font-size:.8rem;color:#6c7086;margin-bottom:1rem}.totp-secret{display:block;margin-top:4px;background:#313244;color:#89b4fa;padding:6px 12px;border-radius:4px;font-size:.85rem;letter-spacing:.1em;word-break:break-all;-webkit-user-select:all;user-select:all}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:1rem 0}.recovery-code{background:#313244;color:#cdd6f4;padding:6px 10px;border-radius:4px;font-size:.8rem;text-align:center;letter-spacing:.05em;-webkit-user-select:all;user-select:all}.toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#181825;border-bottom:1px solid #313244;min-height:44px}.toolbar-hamburger{display:none;padding:.35rem .6rem;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:6px;font-size:1.1rem;cursor:pointer;line-height:1;flex-shrink:0}.toolbar-hamburger:hover{background:#45475a}.toolbar-path{flex:1;color:#6c7086;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar button{padding:.35rem .75rem;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:6px;font-size:.8rem;cursor:pointer;white-space:nowrap}.toolbar button:hover{background:#45475a}.sidebar{width:260px;min-width:180px;background:#181825;border-right:1px solid #313244;display:flex;flex-direction:column;overflow:hidden;position:relative;flex-shrink:0}.sidebar-server-info{display:flex;justify-content:space-between;padding:3px 12px;font-size:.6rem;color:#45475a;border-top:1px solid #232334;flex-shrink:0}.sidebar-resize-handle{position:absolute;top:0;right:-3px;bottom:0;width:6px;cursor:col-resize;z-index:10}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:#89b4fa44}.sidebar-backdrop{display:none}.sidebar-header{padding:.5rem .6rem;border-bottom:1px solid #313244;display:flex;align-items:center;gap:.4rem}.sidebar-tree-controls{display:flex;gap:2px;margin-left:auto;flex-shrink:0}.sync-status-bar{display:flex;align-items:center;gap:5px;padding:3px 12px;font-size:.68rem;color:#585b70;border-bottom:1px solid #313244;flex-shrink:0}.sync-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sync-status-dot.connected{background:#a6e3a1}.sync-status-dot.disconnected{background:#585b70}.sync-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-status-warn{color:#f9e2af;font-size:.62rem;margin-left:auto}.sync-disabled{color:#585b70;font-size:.85rem;padding:2px 5px;cursor:default}.tree-control-btn{padding:2px 5px;background:transparent;color:#6c7086;border:1px solid transparent;border-radius:4px;font-size:.85rem;cursor:pointer;line-height:1}.tree-control-btn.spinning{animation:spin 1s linear infinite}.tree-control-btn:hover{background:#313244;color:#cdd6f4;border-color:#45475a}.ns-label{font-size:.9rem;font-weight:600;color:#89b4fa;letter-spacing:.03em}.ns-select{flex:1;padding:.35rem .5rem;background:#1e1e2e;color:#89b4fa;border:1px solid #313244;border-radius:6px;font-size:.85rem;font-weight:600;outline:none;cursor:pointer}.ns-select:focus{border-color:#89b4fa}.sidebar-search{display:flex;align-items:center;padding:.35rem .5rem;border-bottom:1px solid #313244;gap:4px}.search-input{flex:1;padding:.3rem .5rem;background:#1e1e2e;color:#cdd6f4;border:1px solid #313244;border-radius:5px;font-size:.8rem;outline:none}.search-input:focus{border-color:#89b4fa}.search-input::placeholder{color:#585b70}.search-clear{padding:1px 6px;background:transparent;color:#6c7086;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;line-height:1}.search-clear:hover{color:#cdd6f4;background:#313244}.search-results{max-height:200px;overflow-y:auto;border-bottom:1px solid #313244}.search-results-header{padding:.3rem .6rem;font-size:.7rem;color:#6c7086;text-transform:uppercase;letter-spacing:.04em}.search-result-item{padding:.3rem .6rem;cursor:pointer;border-bottom:1px solid #1e1e2e}.search-result-item:hover,.search-result-item.active{background:#313244}.search-result-path{font-size:.75rem;color:#89b4fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-snippet{font-size:.75rem;color:#a6adc8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.search-status{padding:.3rem .6rem;font-size:.75rem;color:#6c7086;font-style:italic}.sidebar-tree{flex:1;overflow-y:auto;padding:.25rem 0;min-height:100px}.sidebar-empty{padding:1rem;color:#6c7086;font-size:.85rem}.tree-node{-webkit-user-select:none;user-select:none}.tree-row{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;cursor:pointer;font-size:.85rem;color:#bac2de;border-radius:4px;margin:0 .25rem}.tree-row:hover{background:#313244}.tree-row.active{background:#313244;color:#89b4fa}.tree-row.drag-over{background:#45475a;outline:2px dashed #89b4fa;outline-offset:-2px;border-radius:4px}.tree-row[draggable]{cursor:grab}.tree-row[draggable]:active{cursor:grabbing}.tree-arrow{font-size:.85rem;width:1.1em;text-align:center;flex-shrink:0;color:#89b4fa;transition:transform .15s}.tree-arrow-spacer{width:1.1em;flex-shrink:0}.tree-icon-svg{width:16px;height:16px;flex-shrink:0;margin-right:2px;background-size:contain;background-repeat:no-repeat;background-position:center}.tree-icon-svg.folder-empty{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23585b70' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='4 3'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z'/%3E%3C/svg%3E");opacity:.7}.tree-label.empty-folder{color:#585b70;font-style:italic}.tree-icon-svg.folder{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c7086' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z'/%3E%3C/svg%3E")}.tree-icon-svg.folder-full{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2389b4fa22' stroke='%2389b4fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z'/%3E%3C/svg%3E")}.tree-icon-svg.folder-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2389b4fa22' stroke='%2389b4fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h5l2 3h9a2 2 0 012 2z'/%3E%3Cline x1='9' y1='14' x2='15' y2='14' stroke='%2389b4fa' stroke-width='2'/%3E%3C/svg%3E")}.tree-icon-svg.file{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c7086' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='16' y2='17'/%3E%3C/svg%3E")}.tree-row.active .tree-icon-svg.file{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2389b4fa22' stroke='%2389b4fa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='16' y2='17'/%3E%3C/svg%3E")}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-children{padding-left:.75rem}.editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px;background:#181825;border-bottom:1px solid #313244;min-height:32px;align-items:center}.editor-toolbar-btn{padding:3px 7px;background:transparent;color:#a6adc8;border:1px solid transparent;border-radius:4px;font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace;cursor:pointer;line-height:1.2;white-space:nowrap}.editor-toolbar-btn:hover{background:#313244;color:#cdd6f4;border-color:#45475a}.editor-toolbar-btn:active{background:#45475a}.editor-pane{flex:1;display:flex;flex-direction:column;min-width:0;border-right:1px solid #313244}.editor-textarea{flex:1;width:100%;resize:none;border:none;outline:none;padding:1rem;background:#1e1e2e;color:#cdd6f4;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:.9rem;line-height:1.6;-moz-tab-size:2;tab-size:2}.editor-textarea::placeholder{color:#585b70}.preview-pane-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.preview-toolbar{display:flex;justify-content:flex-end;padding:4px 8px;background:#181825;border-bottom:1px solid #313244}.preview-export-btn{padding:3px 10px;background:#313244;color:#a6adc8;border:1px solid #45475a;border-radius:4px;font-size:.75rem;cursor:pointer}.preview-export-btn:hover{background:#45475a;color:#cdd6f4}.preview-pane{flex:1;overflow-y:auto;padding:1rem 1.5rem;min-width:0;background:#1e1e2e}.preview-pane h1{font-size:1.8rem;margin:1rem 0 .5rem;color:#cdd6f4;border-bottom:1px solid #313244;padding-bottom:.3rem}.preview-pane h2{font-size:1.4rem;margin:.8rem 0 .4rem;color:#cdd6f4}.preview-pane h3{font-size:1.15rem;margin:.7rem 0 .3rem;color:#cdd6f4}.preview-pane h4,.preview-pane h5,.preview-pane h6{margin:.5rem 0 .3rem;color:#bac2de}.preview-pane p{margin:.5rem 0;line-height:1.7}.preview-pane a{color:#89b4fa;text-decoration:none}.preview-pane a:hover{text-decoration:underline}.preview-pane code{background:#313244;padding:.15em .4em;border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;color:#f5c2e7}.preview-pane pre{background:#11111b;padding:1rem;border-radius:8px;overflow-x:auto;margin:.5rem 0;border:1px solid #313244}.preview-pane pre code{background:none;padding:0;color:#cdd6f4;font-size:.85rem;line-height:1.5}.preview-pane blockquote{border-left:3px solid #89b4fa;padding:.3rem 1rem;margin:.5rem 0;color:#a6adc8;background:#181825;border-radius:0 4px 4px 0}.preview-pane ul,.preview-pane ol{padding-left:1.5rem;margin:.5rem 0}.preview-pane li{margin:.25rem 0;line-height:1.6}.preview-pane img{max-width:100%;border-radius:6px;margin:.5rem 0}.preview-pane table{border-collapse:collapse;width:100%;margin:.5rem 0}.preview-pane th,.preview-pane td{border:1px solid #45475a;padding:.4rem .7rem;text-align:left}.preview-pane th{background:#181825;font-weight:600}.preview-pane hr{border:none;border-top:1px solid #313244;margin:1rem 0}.preview-pane .task-checkbox{margin-right:.4rem;cursor:pointer;accent-color:#89b4fa;width:1em;height:1em;vertical-align:middle}.preview-pane li.task-item{list-style:none;margin-left:-1.2rem}.collapsible-heading{-webkit-user-select:text;user-select:text;position:relative}.heading-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;color:#89b4fa;font-size:.7em;margin-right:.3em;cursor:pointer;border-radius:3px;transition:all .15s;vertical-align:middle}.heading-toggle:hover{background:#313244;color:#74c7ec}.collapsible-heading.collapsed .heading-toggle{color:#6c7086}.collapsible-heading.collapsed .heading-toggle:hover{color:#89b4fa}.heading-copy{display:inline-block;opacity:0;cursor:pointer;font-size:.6em;padding:2px 4px;margin-left:6px;border-radius:3px;transition:opacity .15s;color:#6c7086;vertical-align:middle}.collapsible-heading:hover .heading-copy{opacity:1}.heading-copy:hover{color:#89b4fa;background:#313244}.code-copy-btn{position:absolute;top:6px;right:6px;background:#313244;color:#6c7086;border:1px solid #45475a;border-radius:4px;padding:2px 10px;font-size:.7rem;cursor:pointer;opacity:0;transition:opacity .15s}pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:#45475a;color:#cdd6f4;background:#313244}@media print{.heading-copy,.heading-toggle,.code-copy-btn,.mermaid-expand-btn,.preview-toolbar{display:none!important}}.preview-fold-btn{background:transparent;border:1px solid #313244;border-radius:4px;color:#6c7086;padding:3px 6px;cursor:pointer;display:inline-flex;align-items:center;transition:all .15s}.preview-fold-btn:hover{color:#cdd6f4;border-color:#45475a;background:#313244}.mermaid-container{margin:.5rem 0;display:flex;justify-content:center}.mermaid-container svg{max-width:50%;height:auto!important}@media(max-width:768px){.mermaid-container svg{max-width:90%}}.mermaid-clickable{border:1px solid transparent;border-radius:8px;padding:4px;transition:border-color .15s;position:relative}.mermaid-clickable:hover{border-color:#89b4fa}.mermaid-clickable svg text,.mermaid-clickable svg tspan,.mermaid-clickable svg .nodeLabel,.mermaid-clickable svg foreignObject{-webkit-user-select:text!important;user-select:text!important;cursor:text}.mermaid-expand-btn{position:absolute;top:6px;right:8px;background:#313244;border:1px solid #45475a;color:#6c7086;border-radius:4px;padding:2px 8px;font-size:.9rem;cursor:pointer;opacity:0;transition:opacity .15s;z-index:5}.mermaid-container:hover .mermaid-expand-btn{opacity:1}.mermaid-expand-btn:hover{background:#45475a;color:#cdd6f4}.mermaid-viewer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:20000;display:flex;align-items:center;justify-content:center}.mermaid-viewer{width:95vw;height:92vh;background:#1e1e2e;border:1px solid #313244;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.mermaid-viewer-toolbar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#181825;border-bottom:1px solid #313244;flex-shrink:0}.mermaid-viewer-toolbar button{padding:4px 10px;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:5px;font-size:.8rem;cursor:pointer}.mermaid-viewer-toolbar button:hover{background:#45475a}.mermaid-viewer-zoom{font-size:.8rem;color:#a6adc8;min-width:3.5em;text-align:center}.mermaid-viewer-spacer{flex:1}.mermaid-viewer-canvas{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none}.mermaid-viewer-content{transition:transform .05s linear}.mermaid-viewer-content svg{max-width:none;max-height:none}.ws-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:2px;transition:background .3s}.ws-status-dot.connected{background:#a6e3a1}.ws-status-dot.connecting{background:#f9e2af;animation:pulse-dot 1.2s ease-in-out infinite}.ws-status-dot.disconnected{background:#f38ba8}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.toolbar-refresh{background:transparent!important;border:none!important;color:#6c7086!important;font-size:1.1rem!important;padding:.15rem .4rem!important;cursor:pointer;transition:color .15s}.toolbar-refresh:hover{color:#cdd6f4!important}.toolbar-refresh.spinning{animation:spin .6s linear;color:#89b4fa!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toolbar-view-toggle{display:flex;border:1px solid #45475a;border-radius:6px;overflow:hidden;margin-right:8px}.toolbar-view-toggle button{background:transparent!important;border:none!important;border-right:1px solid #45475a!important;color:#6c7086!important;font-size:.85rem!important;padding:.2rem .5rem!important;cursor:pointer;border-radius:0!important}.toolbar-view-toggle button:last-child{border-right:none!important}.toolbar-view-toggle button.active{background:#45475a!important;color:#cdd6f4!important}.toolbar-view-toggle button:hover:not(.active){background:#313244!important}.toolbar-file-actions{display:flex;gap:4px;margin-right:8px}.toolbar-action{background:transparent!important;border:1px solid #45475a!important;color:#a6adc8!important;font-size:.75rem!important;padding:.15rem .5rem!important;border-radius:4px!important;cursor:pointer}.toolbar-action:hover{background:#45475a!important;color:#cdd6f4!important}.toolbar-action.danger{color:#f38ba8!important;border-color:#f38ba855!important}.toolbar-action.danger:hover{background:#f38ba822!important}.toolbar-settings{background:transparent!important;border:none!important;color:#6c7086!important;font-size:1.1rem!important;padding:.2rem .4rem!important;cursor:pointer}.toolbar-settings:hover{color:#cdd6f4!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:15000;display:flex;align-items:center;justify-content:center}.modal{background:#1e1e2e;border:1px solid #313244;border-radius:10px;padding:1.5rem;width:360px;max-width:90vw}.modal h3{margin:0 0 1rem;color:#cdd6f4;font-size:1.1rem}.modal-label{display:block;font-size:.75rem;color:#6c7086;margin:.6rem 0 .2rem}.modal-input{width:100%;padding:.45rem .6rem;background:#181825;color:#cdd6f4;border:1px solid #313244;border-radius:6px;font-size:.9rem;outline:none}.modal-input:focus{border-color:#89b4fa}.modal-error{color:#f38ba8;font-size:.8rem;margin-bottom:.5rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.2rem}.modal-btn{padding:.4rem .9rem;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:6px;font-size:.85rem;cursor:pointer}.modal-btn:hover{background:#45475a}.modal-btn-primary{padding:.4rem .9rem;background:#89b4fa;color:#1e1e2e;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer}.modal-btn-primary:hover{background:#74c7ec}.modal-wide{width:500px;max-width:95vw;max-height:85vh;overflow-y:auto}.modal-close-btn{background:transparent;border:none;color:#6c7086;font-size:1.1rem;cursor:pointer;padding:0 .3rem}.modal-close-btn:hover{color:#cdd6f4}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.settings-header h3{margin:0;color:#cdd6f4;font-size:1.1rem}.settings-tabs{display:flex;gap:2px;margin-bottom:1rem;border-bottom:1px solid #313244}.settings-tabs button{padding:.4rem .8rem;background:transparent;color:#6c7086;border:none;border-bottom:2px solid transparent;font-size:.85rem;cursor:pointer}.settings-tabs button.active{color:#89b4fa;border-bottom-color:#89b4fa}.settings-tabs button:hover{color:#cdd6f4}.settings-content{min-height:200px}.settings-description{color:#6c7086;font-size:.8rem;margin-bottom:1rem;line-height:1.4}.token-create-row{display:flex;gap:.5rem;margin-bottom:1rem}.token-create-row .modal-input{flex:1}.token-created{background:#181825;border:1px solid #313244;border-radius:6px;padding:.8rem;margin-bottom:1rem}.token-created-label{font-size:.8rem;color:#a6e3a1;margin-bottom:.4rem}.token-created-value{display:flex;gap:.5rem;align-items:center}.token-created-value code{flex:1;font-size:.75rem;color:#cdd6f4;background:#1e1e2e;padding:.3rem .5rem;border-radius:4px;word-break:break-all;font-family:JetBrains Mono,monospace}.token-created-value button{padding:.25rem .6rem;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:4px;font-size:.75rem;cursor:pointer;white-space:nowrap}.token-list{border:1px solid #313244;border-radius:6px;overflow:hidden;margin-bottom:1rem}.token-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;border-bottom:1px solid #313244}.token-item:last-child{border-bottom:none}.token-info{display:flex;flex-direction:column;gap:2px}.token-name{font-size:.85rem;color:#cdd6f4}.token-hint{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#6c7086;letter-spacing:.5px}.token-date{font-size:.7rem;color:#585b70}.token-revoke{padding:.2rem .6rem;background:transparent;color:#f38ba8;border:1px solid #f38ba8;border-radius:4px;font-size:.75rem;cursor:pointer}.token-revoke:hover{background:#f38ba8;color:#1e1e2e}.settings-section-title{font-size:.9rem;color:#cdd6f4;margin:1rem 0 .4rem;font-weight:600}.settings-section-title:first-child{margin-top:0}.settings-steps{margin:.5rem 0}.settings-info-box{background:#11111b;border:1px solid #313244;border-radius:6px;padding:8px 14px;margin:.6rem 0;display:flex;align-items:center;gap:10px}.settings-info-label{color:#6c7086;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.settings-info-box code{color:#89b4fa;font-size:.85rem;word-break:break-all}.settings-step{display:flex;align-items:flex-start;gap:.5rem;margin:.4rem 0;font-size:.85rem;color:#bac2de}.step-num{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;background:#313244;color:#89b4fa;border-radius:50%;font-size:.7rem;font-weight:700;flex-shrink:0}.settings-code{background:#11111b;border:1px solid #313244;border-radius:6px;padding:.6rem .8rem;margin:.4rem 0 .8rem}.settings-code pre{margin:0;font-size:.72rem;color:#cdd6f4;white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,Fira Code,monospace;line-height:1.5}.code-label{font-size:.7rem;color:#6c7086;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.03em}.settings-tool-list{margin:.4rem 0}.settings-tool{font-size:.8rem;color:#bac2de;padding:.2rem 0}.settings-tool code{background:#313244;padding:.1em .35em;border-radius:3px;font-size:.75rem;color:#89b4fa;font-family:JetBrains Mono,monospace}.context-menu{position:fixed;z-index:10000;background:#313244;border:1px solid #45475a;border-radius:8px;box-shadow:0 4px 16px #0000004d;min-width:140px;padding:4px 0;animation:ctxFadeIn .1s ease-out}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{height:36px;display:flex;align-items:center;padding:0 12px;font-size:.85rem;color:#cdd6f4;cursor:pointer;white-space:nowrap}.context-menu-item:hover{background:#45475a}.context-menu-item.danger{color:#f38ba8}.context-menu-item.danger:hover{background:#45475a}.fab{display:none;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#89b4fa;color:#1e1e2e;border:none;font-size:1.8rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:5000;transition:transform .15s ease}.fab:hover{transform:scale(1.05)}.fab:active{transform:scale(.95)}.mobile-view-toggle{display:none;gap:6px;padding:6px 10px;background:#181825;border-bottom:1px solid #313244;flex-shrink:0}.mobile-view-toggle button{flex:1;padding:7px 0;background:#1e1e2e;color:#6c7086;border:1px solid #313244;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.mobile-view-toggle button.active{background:#89b4fa;color:#1e1e2e;border-color:#89b4fa}@media(max-width:768px){.toolbar-hamburger{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;min-width:280px;z-index:8000;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:7000}.toolbar-view-toggle{display:none!important}.split-divider{display:none}.split-view{flex-direction:column}.editor-wrapper{display:none;flex:unset!important}.editor-wrapper.mobile-active{display:flex;flex:1!important;width:100%!important}.preview-wrapper{display:none;flex:unset!important}.preview-wrapper.mobile-active{display:flex;flex:1!important;width:100%!important}.sidebar-resize-handle{display:none}.editor-container{width:100%}.mobile-view-toggle{display:flex}.fab{display:none}.context-menu-item{height:44px;font-size:.95rem;padding:0 16px}.toolbar-file-actions{margin-right:4px}.toolbar-action{font-size:.7rem!important;padding:.1rem .4rem!important}}.sidebar-actions{display:flex;gap:6px;padding:6px 12px;border-bottom:1px solid #313244;flex-shrink:0}.sidebar-action-btn{flex:1;background:#313244;color:#cdd6f4;border:none;padding:5px 0;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background .15s}.sidebar-action-btn:hover{background:#45475a}.sidebar-footer{border-top:1px solid #313244;padding:6px 10px;flex-shrink:0;position:relative}.sidebar-user-row{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px;cursor:pointer;transition:background .15s}.sidebar-user-row:hover{background:#313244}.user-avatar{width:32px;height:32px;border-radius:50%;background:#89b4fa;color:#1e1e2e;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;letter-spacing:.5px}.sidebar-user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-username{color:#cdd6f4;font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-role{color:#6c7086;font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}.user-menu{position:absolute;bottom:100%;left:10px;right:10px;background:#313244;border:1px solid #45475a;border-radius:8px;padding:4px 0;margin-bottom:4px;box-shadow:0 -4px 16px #0000004d;z-index:100}.user-menu-item{padding:8px 14px;cursor:pointer;font-size:.85rem;color:#cdd6f4;display:flex;align-items:center;gap:8px;transition:background .1s}.user-menu-item:hover{background:#45475a}.user-menu-item:first-child{border-radius:8px 8px 0 0}.user-menu-item:last-child{border-radius:0 0 8px 8px}.user-menu-item:only-child{border-radius:8px}.user-menu-icon{font-size:1rem;width:18px;text-align:center}.editor-readonly-bar{background:#45475a;color:#f9e2af;padding:4px 12px;font-size:.75rem;text-align:center;letter-spacing:.5px;text-transform:uppercase}.editor-textarea[readonly]{opacity:.7;cursor:default}.editor-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#6c7086;font-size:.9rem}.editor-mode-toggle{display:flex;gap:0;background:#181825;border:1px solid #313244;border-radius:6px;overflow:hidden;flex-shrink:0;margin-right:6px}.editor-mode-toggle button{padding:3px 10px;background:transparent;color:#6c7086;border:none;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s}.editor-mode-toggle button.active{background:#89b4fa;color:#1e1e2e}.live-editor-pane{flex:1;display:flex;flex-direction:column;min-width:0;border-right:1px solid #313244}.live-editor-wrapper{flex:1;overflow-y:auto;padding:0}.live-editor-content{outline:none;padding:1rem;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:.9rem;line-height:1.7;color:#cdd6f4}.live-editor-content:focus{outline:none}.live-editor-content h1{font-size:1.8rem;font-weight:700;margin:1.2rem 0 .6rem;border-bottom:1px solid #313244;padding-bottom:.3rem}.live-editor-content h2{font-size:1.4rem;font-weight:700;margin:1rem 0 .5rem}.live-editor-content h3{font-size:1.15rem;font-weight:600;margin:.8rem 0 .4rem}.live-editor-content h4{font-size:1rem;font-weight:600;margin:.6rem 0 .3rem}.live-editor-content p{margin:.4rem 0}.live-editor-content strong{color:#cdd6f4;font-weight:700}.live-editor-content em{color:#cdd6f4;font-style:italic}.live-editor-content a{color:#89b4fa;text-decoration:underline}.live-editor-content a:hover{color:#74c7ec}.live-editor-content code{background:#313244;color:#f38ba8;padding:.15em .4em;border-radius:3px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.live-editor-content pre{background:#11111b;border:1px solid #313244;border-radius:6px;padding:.8rem 1rem;overflow-x:auto;margin:.5rem 0}.live-editor-content pre code{background:none;color:#cdd6f4;padding:0;font-size:.82rem;line-height:1.5}.live-editor-content blockquote{border-left:3px solid #89b4fa;padding:.3rem 1rem;margin:.5rem 0;color:#a6adc8;background:#181825;border-radius:0 4px 4px 0}.live-editor-content hr{border:none;border-top:1px solid #313244;margin:1rem 0}.live-editor-content ul,.live-editor-content ol{padding-left:1.5rem;margin:.3rem 0}.live-editor-content li{margin:.15rem 0}.live-editor-content li[data-checked=true],.live-editor-content li[data-checked=false]{list-style:none;margin-left:-1.2rem}.live-editor-content li[data-checked] input[type=checkbox]{margin-right:.4rem;cursor:pointer}.live-editor-content img{max-width:100%;border-radius:4px}.live-editor-content table{border-collapse:collapse;width:100%;margin:.5rem 0}.live-editor-content th,.live-editor-content td{border:1px solid #45475a;padding:.4rem .7rem;text-align:left;min-width:80px}.live-editor-content th{background:#313244;font-weight:600}.live-editor-content td{background:#1e1e2e}.live-editor-content td:focus,.live-editor-content th:focus{outline:2px solid #89b4fa;outline-offset:-2px}.live-editor-content .selectedCell{background:#89b4fa33!important;position:relative}.live-editor-content .selectedCell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#89b4fa22;pointer-events:none}.live-editor-content table{-webkit-user-select:text;user-select:text}.live-editor-content ::selection{background:#89b4fa44}.live-toolbar{display:flex;align-items:center;gap:2px;padding:4px 8px;background:#181825;border-bottom:1px solid #313244;flex-shrink:0;flex-wrap:wrap}.live-toolbar-group{display:flex;gap:1px}.live-toolbar button{background:transparent;border:1px solid transparent;color:#a6adc8;padding:3px 7px;border-radius:4px;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;transition:all .1s}.live-toolbar button:hover{background:#313244;color:#cdd6f4;border-color:#45475a}.live-toolbar button.danger:hover{color:#f38ba8;background:#f38ba822}.live-toolbar-sep{width:1px;height:18px;background:#313244;margin:0 4px}.live-toolbar-table button{font-size:.68rem;color:#6c7086}.table-toolbar button.danger:hover{color:#f38ba8;background:#f38ba822}.table-toolbar-sep{width:1px;height:16px;background:#313244;margin:0 4px}.mermaid-live-block{background:#11111b;border:1px solid #313244;border-radius:10px;margin:1rem 0;overflow:hidden}.mermaid-live-toolbar{display:flex;gap:2px;padding:4px 8px;background:#11111b;border-bottom:1px solid #313244}.mermaid-live-toolbar button{background:transparent;border:none;color:#6c7086;padding:3px 10px;border-radius:4px;font-size:.72rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.mermaid-live-toolbar button.active{background:#313244;color:#89b4fa}.mermaid-live-toolbar button:hover{color:#cdd6f4}.mermaid-live-preview{padding:2rem 3rem;display:flex;justify-content:center;align-items:center;min-height:200px;background:#1e1e2e}.mermaid-live-preview>div{width:100%;display:flex;justify-content:center}.mermaid-live-preview svg{height:auto}.mermaid-live-preview .nodeLabel,.mermaid-live-preview .label text,.mermaid-live-preview .node text,.mermaid-live-preview .edgeLabel text,.mermaid-live-preview .messageText,.mermaid-live-preview .actor text,.mermaid-live-preview .loopText text,.mermaid-live-preview .noteText tspan,.mermaid-live-preview .labelText tspan,.mermaid-live-preview text.actor{cursor:pointer!important}.mermaid-live-preview .nodeLabel:hover,.mermaid-live-preview .label text:hover,.mermaid-live-preview .node text:hover,.mermaid-live-preview .edgeLabel text:hover,.mermaid-live-preview .messageText:hover,.mermaid-live-preview .actor text:hover,.mermaid-live-preview text.actor:hover{text-decoration:underline;opacity:.8}.mermaid-live-error{color:#f38ba8;font-size:.82rem;padding:.5rem}.mermaid-live-loading{color:#6c7086;font-size:.82rem;padding:.5rem}.mermaid-live-source{width:100%;border:none;background:#11111b;color:#cdd6f4;font-family:JetBrains Mono,monospace;font-size:.82rem;padding:.8rem;resize:vertical;outline:none;line-height:1.5}.mermaid-live-container{-webkit-user-select:auto;user-select:auto}.live-mermaid-blocks{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.mermaid-toolbar-sep{width:1px;height:14px;background:#45475a;margin:0 4px}.mermaid-zoom-label{color:#6c7086;font-size:.68rem;min-width:32px;text-align:center}.mermaid-live-hint{margin-left:auto;color:#585b70;font-size:.65rem;font-style:italic}.mermaid-label-input{background:#1e1e2e;color:#cdd6f4;border:2px solid #89b4fa;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:500;padding:6px 12px;text-align:center;outline:none;z-index:10;line-height:1.4;box-shadow:0 4px 16px #0006}.admin-panel{height:100vh;width:100vw;display:flex;flex-direction:column;background:#1e1e2e;color:#cdd6f4}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #313244}.admin-header h2{margin:0;font-size:1.2rem}.admin-close{background:#313244;color:#89b4fa;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem}.admin-close:hover{background:#45475a}.admin-tabs{display:flex;gap:0;border-bottom:1px solid #313244;padding:0 20px}.admin-tabs button{background:none;border:none;color:#6c7086;padding:10px 16px;cursor:pointer;font-size:.9rem;border-bottom:2px solid transparent}.admin-tabs button.active{color:#89b4fa;border-bottom-color:#89b4fa}.admin-section{flex:1;overflow-y:auto;padding:20px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-section-header h3{margin:0}.admin-section-header button{background:#89b4fa;color:#1e1e2e;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:8px 12px;border-bottom:1px solid #313244;color:#6c7086;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:8px 12px;border-bottom:1px solid #1e1e2e}.admin-table tbody tr:hover{background:#181825}.role-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.role-badge.admin{background:#f38ba822;color:#f38ba8}.role-badge.collaborator{background:#89b4fa22;color:#89b4fa}.perm-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.perm-badge.write{background:#a6e3a122;color:#a6e3a1}.perm-badge.read{background:#f9e2af22;color:#f9e2af}.admin-action-btn{background:#313244;color:#cdd6f4;border:none;padding:3px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;margin-right:4px}.admin-action-btn:hover{background:#45475a}.admin-action-btn.danger{color:#f38ba8}.admin-action-btn.danger:hover{background:#f38ba822}.admin-invite-form{background:#181825;padding:12px;border-radius:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.admin-form-row{display:flex;gap:8px}.admin-invite-form input,.admin-invite-form select{flex:1;padding:8px;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:4px;font-size:.85rem}.admin-invite-form button{background:#89b4fa;color:#1e1e2e;border:none;padding:8px;border-radius:4px;cursor:pointer;font-weight:600}.admin-error{color:#f38ba8;font-size:.85rem;padding:4px 0}.admin-grant-selector{margin-bottom:12px;display:flex;align-items:center;gap:8px}.admin-grant-selector select{padding:6px 8px;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:4px}.admin-grant-form{display:flex;gap:8px;margin-bottom:16px;align-items:center}.admin-grant-form select,.admin-grant-form input{padding:6px 8px;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:4px;font-size:.85rem}.admin-grant-form button{background:#89b4fa;color:#1e1e2e;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:600;font-size:.85rem;white-space:nowrap}.admin-hint{color:#6c7086;font-size:.85rem;font-style:italic}.admin-filter{width:100%;padding:8px 12px;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:6px;font-size:.85rem;margin-bottom:12px;box-sizing:border-box}.grant-user{font-weight:600;color:#89b4fa}.toolbar-path-actions{margin-left:8px}.toolbar-inline-refresh{background:none;border:none;color:#6c7086;cursor:pointer;font-size:.9rem;padding:0 4px;margin-left:4px;vertical-align:middle}.toolbar-inline-refresh:hover{color:#cdd6f4}.toolbar-inline-refresh.spinning{animation:spin .6s linear;color:#89b4fa}.toolbar-inline-action{background:none;border:none;color:#6c7086;cursor:pointer;font-size:.75rem;padding:2px 6px;border-radius:3px}.toolbar-inline-action:hover{color:#cdd6f4;background:#313244}.toolbar-inline-action.danger:hover{color:#f38ba8;background:#f38ba822}.context-menu-sep{height:1px;background:#45475a;margin:4px 8px}.presence-bar{display:flex;align-items:center;gap:6px;padding:4px 12px;background:#181825;border-bottom:1px solid #313244;font-size:.78rem;color:#6c7086;flex-shrink:0}.presence-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#1e1e2e;flex-shrink:0;transition:box-shadow .2s}.presence-dot.typing{box-shadow:0 0 0 2px #1e1e2e,0 0 0 4px currentColor;animation:typing-pulse 1s ease-in-out infinite}@keyframes typing-pulse{0%,to{opacity:1}50%{opacity:.6}}.presence-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typing-dots{animation:typing-dots 1.2s steps(4,end) infinite;display:inline-block;width:1.2em;text-align:left;overflow:hidden;vertical-align:bottom}@keyframes typing-dots{0%{content:"";width:0}25%{width:.4em}50%{width:.8em}75%{width:1.2em}}.update-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#89b4fa22;border-bottom:1px solid #89b4fa44;color:#89b4fa;font-size:.85rem;flex-shrink:0}.update-banner strong{color:#cdd6f4}.update-banner button{background:#89b4fa;color:#1e1e2e;border:none;padding:4px 14px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;margin-left:auto}.update-banner button:hover{opacity:.9}.conflict-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9e2af22;border-bottom:1px solid #f9e2af44;color:#f9e2af;font-size:.82rem;flex-shrink:0}.conflict-banner button{background:#313244;color:#cdd6f4;border:none;padding:3px 10px;border-radius:4px;cursor:pointer;font-size:.78rem;white-space:nowrap}.conflict-banner button:first-of-type{background:#f9e2af;color:#1e1e2e;font-weight:600}.conflict-banner button:hover{opacity:.9}.editor-container{position:relative;flex:1;display:flex;min-height:0}.editor-container .editor-textarea{flex:1}.cursor-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden;z-index:5}.remote-cursor{position:absolute;left:0;right:0;height:1.5em;border-left:2px solid;padding-left:4px;background:linear-gradient(90deg,var(--cursor-bg, rgba(137, 180, 250, .08)) 0%,transparent 40%);transition:top .1s ease-out}.remote-cursor-label{position:absolute;left:0;top:-1px;transform:translateY(-100%);color:#1e1e2e;font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:3px 3px 3px 0;white-space:nowrap;line-height:1.3;pointer-events:none}.share-dialog{max-width:480px;width:90vw}.share-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #313244}.share-header h3{margin:0 0 4px;font-size:1.1rem}.share-path{font-size:.8rem;color:#6c7086}.share-ns{color:#89b4fa;font-weight:600}.share-sep{margin:0 2px}.share-error{color:#f38ba8;font-size:.85rem;padding:8px 20px;background:#f38ba811}.share-body{padding:16px 20px;max-height:400px;overflow-y:auto}.share-grants{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.share-grant-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;transition:background .1s}.share-grant-row:hover{background:#181825}.share-grant-user{display:flex;align-items:center;gap:10px}.share-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1e1e2e;font-size:.7rem;font-weight:700;flex-shrink:0}.share-username{font-size:.9rem;font-weight:500}.share-grant-actions{display:flex;align-items:center;gap:6px}.share-perm-btn{background:none;border:1px solid #45475a;border-radius:4px;padding:3px 10px;font-size:.78rem;cursor:pointer;transition:all .15s}.share-perm-btn.write{color:#a6e3a1;border-color:#a6e3a144}.share-perm-btn.read{color:#f9e2af;border-color:#f9e2af44}.share-perm-btn:hover{background:#313244}.share-revoke-btn{background:none;border:none;color:#6c7086;cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:4px;line-height:1}.share-revoke-btn:hover{color:#f38ba8;background:#f38ba822}.share-add-form{display:flex;gap:6px;margin-bottom:12px}.share-add-form select{flex:1;padding:6px 8px;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:4px;font-size:.85rem}.share-add-form button{background:#89b4fa;color:#1e1e2e;border:none;padding:6px 14px;border-radius:4px;cursor:pointer;font-weight:600;font-size:.85rem;white-space:nowrap}.share-add-form button:disabled{opacity:.5;cursor:default}.share-empty{color:#6c7086;font-size:.85rem;text-align:center;padding:16px 0}.share-hint{color:#585b70;font-size:.75rem;margin-top:12px;line-height:1.4}.share-loading{text-align:center;padding:20px;color:#6c7086}.grants-user-list{display:flex;flex-direction:column;gap:4px}.grants-user-card{background:#181825;border-radius:8px;overflow:hidden;border:1px solid transparent;transition:border-color .15s}.grants-user-card.expanded{border-color:#313244}.grants-user-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .1s}.grants-user-header:hover{background:#1e1e2e}.grants-user-info{display:flex;align-items:center;gap:10px}.grants-user-avatar{width:32px;height:32px;border-radius:50%;background:#89b4fa;color:#1e1e2e;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.grants-user-name{font-weight:600;font-size:.9rem}.grants-user-email{color:#6c7086;font-size:.75rem}.grants-user-summary{display:flex;align-items:center;gap:10px}.grants-count{color:#89b4fa;font-size:.8rem}.grants-none{color:#6c7086;font-size:.8rem;font-style:italic}.grants-chevron{color:#6c7086;font-size:.65rem}.grants-user-body{padding:0 14px 14px;border-top:1px solid #313244}.grants-list{display:flex;flex-direction:column;gap:2px;margin-top:10px}.grants-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px}.grants-item:hover{background:#1e1e2e}.grants-item-path{font-size:.85rem;display:flex;align-items:center;gap:2px}.grants-item-ns{color:#89b4fa;font-weight:600}.grants-item-sep{color:#6c7086}.grants-item-path code{color:#cdd6f4;font-size:.82rem}.grants-item-actions{display:flex;align-items:center;gap:6px}.grants-add-form{margin-top:10px;padding-top:10px;border-top:1px dashed #313244}.grants-add-row{display:flex;gap:6px;align-items:center}.grants-add-row select,.grants-add-row input{padding:5px 8px;background:#313244;color:#cdd6f4;border:1px solid #45475a;border-radius:4px;font-size:.82rem}.grants-add-row select:first-child{flex:1}.grants-add-row input,.grants-add-row .path-picker{width:160px;flex-shrink:0}.grants-add-row button{background:#89b4fa;color:#1e1e2e;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-weight:600;font-size:.82rem;white-space:nowrap}.grants-add-row button:disabled{opacity:.5;cursor:default}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1e1e2e;color:#cdd6f4;-webkit-font-smoothing:antialiased}.tree-node,.tree-row,.sidebar-tree{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#11111b}::-webkit-scrollbar-thumb{background:#45475a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#585b70}