:root{--bg:#fafaf7;--panel:#fff;--ink:#1f2328;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb;--radius:8px}body.dark{--bg:#1a1a1a;--panel:#242424;--ink:#e0e0e0;--muted:#888;--border:#383838;--accent:#4a9eff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--border);z-index:1200;align-items:center;gap:.75rem;padding:.18rem .85rem;display:flex;position:relative}.logo{letter-spacing:-.01em;color:var(--ink);font-size:1.1rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.status{color:var(--muted);text-transform:capitalize;font-size:.8rem}.status-connected{color:#16a34a}.status-connecting{color:#d97706}.status-disconnected{color:#dc2626}.save-badge{color:var(--muted);opacity:.7;white-space:nowrap;font-size:.72rem;transition:opacity .3s}.save-saved{color:#16a34a}.docid{color:var(--muted);background:var(--border);border-radius:6px;padding:.15rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.share{border:1px solid var(--border);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;padding:.4rem .8rem;font-size:.85rem}.share:hover{opacity:.9}.header-user{align-items:center;gap:.5rem;margin-left:auto;display:flex}.user-avatar{border-radius:50%;width:26px;height:26px}.user-name{color:var(--ink);font-size:.85rem}.logout-btn{border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:.25rem .6rem;font-size:.8rem}.logout-btn:hover{background:var(--bg)}.splash{justify-content:center;align-items:center;height:100%;display:flex}.splash .logo{font-size:1.4rem;font-weight:700}.login{justify-content:center;align-items:center;height:100%;display:flex}.login-card{text-align:center}.login-card .logo{font-size:1.6rem;font-weight:700}.login-sub{color:var(--muted);margin:.5rem 0 1.5rem}.login-err{color:#dc2626;margin:.75rem 0 0;font-size:.9em}.update-toast{z-index:4000;color:#fff;background:#1f2937;border-radius:8px;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.9em;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 6px 24px #0000004d}.update-reload{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.35em .8em;font-weight:600}.update-dismiss{color:#cbd5e1;cursor:pointer;background:0 0;border:none;padding:0 .2em;font-size:1em}.prose-editor img{border-radius:var(--radius);max-width:100%;height:auto;margin:.25rem 0}.prose-editor audio,.prose-editor video{max-width:100%;margin:.25rem 0}.prose-editor video{border-radius:var(--radius)}.prose-editor iframe{border-radius:var(--radius);max-width:100%;margin:.25rem 0}.embed-wrap{margin:.25rem 0;position:relative}.embed-wrap iframe{border-radius:var(--radius);border:0;width:100%;height:360px;margin:0;display:block}.embed-hit{cursor:pointer;position:absolute;inset:0}.embed-wrap.ProseMirror-selectednode{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.embed-wrap.ProseMirror-selectednode .embed-hit{display:none}.prose-editor table{border-collapse:collapse;width:100%;margin:.5rem 0}.prose-editor th,.prose-editor td{border:1px solid var(--border);vertical-align:top;min-width:1em;padding:.35em .5em}.prose-editor th{background:var(--border);text-align:left;font-weight:600}.prose-editor td>p,.prose-editor th>p{margin:0}.prose-editor .selectedCell{background:#3b82f61f}.modal-overlay{z-index:3000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--radius);width:380px;max-width:92vw;padding:1.25rem;box-shadow:0 10px 40px #00000040}.modal-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-head h2{margin:0;font-size:1.1rem}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.1rem}.invite-modal{width:440px}.invite-help{color:var(--muted);margin:0 0 .9rem;font-size:.85em}.invite-create{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;padding:.55em;font-size:.95em}.invite-fresh{border-radius:var(--radius);background:#f5f5f5;align-items:center;gap:.5rem;margin:.9rem 0;padding:.6rem;display:flex}.invite-fresh code,.invite-row code{word-break:break-all;flex:1;font-size:.78em}.invite-copy{border:1px solid var(--border);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.25em .6em;font-size:.8em}.invite-list h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.9rem 0 .4rem;font-size:.85em}.invite-row{align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.share-hint{color:var(--muted);margin:0 0 .8rem;font-size:.78rem}.share-invite{gap:.4rem;margin-bottom:.5rem;display:flex}.share-email{border:1px solid var(--border);border-radius:6px;outline:none;flex:1;padding:.35rem .5rem;font-size:.85rem}.share-invite select{border:1px solid var(--border);border-radius:6px;padding:.35rem;font-size:.85rem}.share-invite-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.35rem .7rem;font-size:.85rem}.share-err{color:#dc2626;margin:0 0 .5rem;font-size:.78rem}.share-members{max-height:240px;margin:.5rem 0 0;padding:0;list-style:none;overflow:auto}.share-member{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.share-member-name{flex:1;font-size:.88rem}.share-member-role{color:var(--muted);text-transform:capitalize;font-size:.78rem}.share-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;font-size:.78rem}.no-access{text-align:center}.share-links-head{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1rem;display:flex}.share-links-head .share-hint{flex-basis:100%}.share-link-list{margin:.4rem 0 0;padding:0;list-style:none}.share-link-item{border-top:1px solid var(--border);align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.share-link-role{text-transform:capitalize;color:#fff;background:var(--muted);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-weight:600}.share-link-role.editor{background:#16a34a}.share-link-role.viewer{background:#2563eb}.share-link-copy{border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;margin-left:auto;padding:.2rem .55rem;font-size:.78rem}.share-link-copy:hover{background:var(--bg)}.share-link-btn{border:1px solid var(--accent);background:var(--panel);color:var(--accent);cursor:pointer;border-radius:6px;padding:.35rem .7rem;font-size:.85rem}.share-link-btn:hover{background:var(--border)}.no-access p{color:var(--muted);margin:0 0 1rem}.doc-name{color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;outline:none;min-width:12rem;max-width:22rem;padding:.25rem .5rem;font-size:.9rem}.doc-name:hover{border-color:var(--border);background:var(--bg)}.doc-name:focus{border-color:var(--accent);background:var(--panel)}.doc-name--auto{color:var(--muted);font-style:italic}.doc-name::placeholder{color:#b8bcc4;font-style:italic}.cursors{pointer-events:none;z-index:1000;position:fixed;inset:0}.remote-frame{pointer-events:none;box-sizing:border-box;border:2px solid;border-radius:6px;position:fixed}.remote-frame-label{color:#fff;white-space:nowrap;opacity:.75;border-radius:3px 3px 3px 0;padding:0 4px;font-size:.6rem;font-weight:600;position:absolute;top:-18px;left:-2px}.remote-dot{pointer-events:none;z-index:1001;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0003}.remote-scroll-hint{border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;display:inline-flex;box-shadow:0 2px 12px #0000001f}.remote-scroll-hint:hover{background:var(--bg);border-color:var(--accent)}.remote-scroll-hint-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.remote-scroll-hint-arrow{color:var(--muted);font-size:1rem}.content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 0 50vh;overflow:auto}.content-whiteboard{padding:0;overflow:hidden}.canvas-block{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;margin:1rem 0;display:flex;overflow:hidden}.ProseMirror-selectednode>.canvas-block{border-color:var(--accent);box-shadow:0 0 0 2px #dbeafe}.canvas-block:has(.cv-fullscreen){box-shadow:none;border:none}.cv-root{background:var(--panel);flex-direction:column;height:100%;display:flex;position:relative}.cv-expand-btn{z-index:20;border:1px solid var(--border);background:var(--panel);width:28px;height:28px;color:var(--ink);cursor:pointer;opacity:0;border-radius:6px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 4px #0000001a}.cv-root:hover .cv-expand-btn{opacity:.6}.cv-expand-btn:hover{background:var(--border);opacity:1}.cv-expand-btn-visible{opacity:.6;z-index:1100}.cv-expand-btn-visible:hover{opacity:1}.cv-toolbar{border-bottom:1px solid var(--border);background:#fbfbf8;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.4rem .5rem;display:flex}.cv-toolbar button{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.cv-toolbar button:hover{background:var(--border)}.cv-toolbar button.active{background:var(--accent);border-color:var(--accent);color:#fff}.cv-toolbar .cv-sep{background:var(--border);width:1px;height:1.1rem;margin:0 .2rem}.cv-sw{border-radius:4px;width:18px;height:18px;border:1px solid #0002!important;padding:0!important}.cv-sw.active{outline:2px solid var(--accent);outline-offset:1px}.cv-toolbar select{border:1px solid var(--border);border-radius:6px;padding:.15rem;font-size:.8rem}.cv-danger{color:#dc2626!important}.cv-stage{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;position:relative;overflow:hidden}.cv-stage:focus{outline:none}.cv-erase-cursor{pointer-events:none;z-index:5;mix-blend-mode:multiply;background:#64748b1a;border:1.5px dashed #64748b;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.whiteboard{background:var(--bg,#f8fafc);touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.wb-zoom{background:var(--panel,#fff);border:1px solid var(--border,#e2e8f0);color:#64748b;pointer-events:none;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;position:absolute;bottom:12px;right:12px}.wb-toolbar{background:var(--panel,#fff);border:1px solid var(--border,#e2e8f0);z-index:6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;max-width:calc(100% - 100px);padding:4px 6px;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001a}.wb-tool{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.wb-tool:hover{background:#eef2ff}.wb-tool.active{background:var(--accent,#2563eb);color:#fff}.wb-sw{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.wb-sw.active{border-color:#1e293b}.wb-sep{background:var(--border,#e2e8f0);width:1px;height:20px;margin:0 3px}.wb-toolbar select{border:1px solid var(--border,#e2e8f0);border-radius:4px;padding:.1rem .2rem;font-size:.8rem}.wb-textedit{transform-origin:0 0;border:1px solid var(--accent,#2563eb);resize:none;z-index:7;background:#fffffff5;outline:none;padding:2px;font-family:inherit;line-height:1.2;position:absolute;overflow:hidden}.wb-math{pointer-events:auto;white-space:nowrap;z-index:4;line-height:1.25;position:absolute}.wb-math.sel{outline:1px dashed var(--accent,#64748b);outline-offset:2px}.wb-math-static{pointer-events:none}.wb-card{box-sizing:border-box;z-index:4;background:#fff;border:1px solid #cbd5e1;border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 1px 4px #0000001f}.wb-card.sel{border-color:var(--accent,#2563eb)}.wb-card-body,.wb-card-md .ProseMirror{color:#1e293b;word-wrap:break-word;height:100%;padding:.5em;line-height:1.4;overflow:auto}.wb-card-md .ProseMirror{outline:none;min-height:100%}.wb-card-body h1,.wb-card-md .ProseMirror h1{margin:.4em 0 .2em;font-size:1.5em;font-weight:700}.wb-card-body h2,.wb-card-md .ProseMirror h2{margin:.4em 0 .2em;font-size:1.3em;font-weight:700}.wb-card-body h3,.wb-card-md .ProseMirror h3{margin:.35em 0 .15em;font-size:1.1em;font-weight:700}.wb-card-body p,.wb-card-md .ProseMirror p{margin:.25em 0}.wb-card-body>:first-child,.wb-card-md .ProseMirror>:first-child{margin-top:0}.wb-card-body :is(ul,ol),.wb-card-md .ProseMirror :is(ul,ol){margin:.25em 0;padding-left:1.3em}.wb-card-body :is(code,pre),.wb-card-md .ProseMirror :is(code,pre){background:#f1f5f9;border-radius:3px}.wb-card-body code,.wb-card-md .ProseMirror code{padding:.1em .3em;font-size:.9em}.wb-card-body pre,.wb-card-md .ProseMirror pre{padding:.5em;overflow:auto}.wb-card-body strong,.wb-card-md .ProseMirror strong{font-weight:700}.wb-card-body em,.wb-card-md .ProseMirror em{font-style:italic}.wb-card-body a,.wb-card-md .ProseMirror a{color:var(--accent,#2563eb)}.wb-minicanvas{z-index:5;background:#fff;border:1px solid #cbd5e1;border-radius:6px;position:absolute;overflow:hidden;box-shadow:0 2px 8px #00000026}.wb-minicanvas.sel{border:2px solid var(--accent,#2563eb)}.page-tab.page-new-board{color:var(--accent,#2563eb)}.page-tab.board{font-style:italic}.cv-math{pointer-events:auto;white-space:nowrap;z-index:4;line-height:1.25;position:absolute}.cv-math-sel{outline:1px dashed var(--accent,#64748b);outline-offset:2px}.cv-math-static{pointer-events:none}.cv-hint{pointer-events:none;position:absolute;inset:0}.cv-hint span{pointer-events:auto;color:#fff;background:#11182747;border-radius:999px;padding:.25rem .55rem;font-size:.72rem;font-weight:600;transition:opacity .15s;position:absolute;bottom:8px;right:8px}.cv-hint span:hover{opacity:0}.cv-fullscreen{top:var(--cv-fs-top,var(--chrome-h,0px));bottom:0;right:0;left:var(--cv-fs-left,var(--activity-w,48px));z-index:1000;background:var(--bg);-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:5px;position:fixed;overflow-y:auto}.cv-fullscreen .cv-stage{background:var(--panel);border-radius:4px;width:100%;margin:auto;box-shadow:0 2px 8px #00000026}.cv-fullscreen:after{content:"";flex-shrink:0;height:50vh}.cv-svg g[data-el-id] rect,.cv-svg g[data-el-id] ellipse,.cv-svg g[data-el-id] text{pointer-events:all}.cv-svg{display:block}.cv-rz{z-index:10;position:absolute}.cv-rz-b{cursor:ns-resize;justify-content:center;align-items:center;width:100%;height:16px;display:flex;bottom:0;left:0}.cv-rz-b:before{content:"";background:var(--muted);opacity:.4;border-radius:3px;width:48px;height:5px;transition:opacity .15s,background .15s}.cv-rz-b:hover:before{opacity:1;background:var(--accent)}.cv-sel{pointer-events:none;border:1px dashed var(--accent);box-sizing:border-box;position:absolute}.cv-sel-ghost{border-color:#0000!important}.cv-image-frame{pointer-events:none;box-sizing:border-box;border:1.5px dashed #94a3b8;position:absolute}.cv-handle{background:var(--panel);border:1px solid var(--accent);pointer-events:auto;border-radius:2px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%)}.cv-nw{top:0;left:0}.cv-ne{top:0;left:100%}.cv-sw{top:100%;left:0}.cv-se{top:100%;left:100%}.cv-textedit{border:1px solid var(--accent);background:var(--panel);resize:none;box-sizing:border-box;outline:none;margin:0;padding:0;font-family:inherit;position:absolute;overflow:hidden}.editor-wrap{max-width:var(--page-width,100%);background:var(--panel);border:1px solid var(--border);border-radius:0 0 8px 8px;min-height:60vh;margin:0 auto;padding:1.5rem}.page-tabs{border-bottom:1px solid var(--border);align-items:center;gap:0;margin-bottom:1rem;padding-bottom:0;display:flex}.page-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.2em .7em;font-size:.9em}.page-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.page-tab:hover{color:var(--accent)}.page-del{color:var(--muted);cursor:pointer;margin-left:.45em;font-size:.85em}.page-del:hover{color:#dc2626}.page-del.confirming{color:#fff;background:#dc2626;border-radius:3px;margin-left:.3em;padding:0 4px}.page-dup{color:var(--muted);cursor:pointer}.page-dup:hover{color:var(--accent)}.page-new{color:var(--muted);font-size:1.2em;font-weight:700}.page-tab.drag-over,.page-tabs.drag-over .page-new{border-left:2px solid var(--accent)}.page-rename{border:none;border-bottom:1px solid var(--accent);font:inherit;background:0 0;outline:none;padding:2px 4px;font-size:.95em}.dev-login{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:6px;margin-top:1rem;padding:.4em 1.2em;font-size:.9em}.toolbar{display:none}.topbar-tools{background:var(--panel);border-bottom:1px solid var(--border);z-index:1100;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.4rem .8rem;display:flex;position:sticky;top:0}.tb-ctx{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-right:.35rem;font-size:.7rem;font-weight:700}.tb-btn{cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.2rem;padding:.3rem .55rem;font-size:.85rem;display:inline-flex}.tb-btn:hover{background:var(--border)}.tb-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.tb-sep{background:var(--border);width:1px;height:1.2rem;margin:0 .25rem}.tb-sw{cursor:pointer;border:1px solid #0002;border-radius:4px;width:18px;height:18px;padding:0}.tb-sw.active{outline:2px solid var(--accent);outline-offset:1px}.topbar-tools select{border:1px solid var(--border);border-radius:6px;padding:.15rem;font-size:.8rem}.prose-editor{outline:none;min-height:50vh;padding:1.25rem 1.5rem 4rem}.prose-editor :is(h1,h2,h3){margin:1.2rem 0 .5rem;line-height:1.25}.prose-editor h1{font-size:1.8rem}.prose-editor h2{font-size:1.4rem}.prose-editor p{margin:.5rem 0;line-height:1.6}.prose-editor ul{padding-left:1.4rem}.prose-editor code{background:var(--border);border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.prose-editor pre{color:#e5e7eb;background:#1f2328;border-radius:8px;padding:1rem;overflow-x:auto}.prose-editor pre code{color:inherit;background:0 0;padding:0}.prose-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}.presence{border-top:1px solid var(--border);color:var(--muted);background:#fbfbf8;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;display:flex}.presence-chip{color:#fff;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600}.collaboration-cursor__caret{pointer-events:none;word-break:normal;border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;position:relative}.collaboration-cursor__label{color:#fff;opacity:0;white-space:nowrap;border-radius:3px 3px 3px 0;padding:.1rem .3rem;font-size:11px;font-style:normal;font-weight:600;transition:opacity .2s;position:absolute;top:-1.4em;left:-1px}.collaboration-cursor__caret:hover .collaboration-cursor__label{opacity:1}.math-node{vertical-align:baseline;display:inline-block}.math-node math-field{vertical-align:middle;--selection-background-color:#4f46e529;--placeholder-color:#00000047;--contains-highlight-background-color:transparent;border-radius:4px;outline:none;margin:0;padding:0 .2rem;font-size:1.15em;background:#f5f3ff!important;border:none!important}.math-static{vertical-align:middle;cursor:text;padding:0 .1rem;font-size:1.15em;display:inline-block}.math-static--empty{color:#c4c4c4;font-style:italic}.math-node--selected .math-static{background:var(--border);border-radius:4px}.math-node--display{text-align:center;margin:.6em 0;display:block}.math-node--display math-field,.math-node--display .math-static{font-size:1.3em}.home{flex-direction:column;height:100%;display:flex}.home-main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:2rem 1rem}.home-head{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.home-head h1{margin:0;font-size:1.5rem}.home-search{flex:1;max-width:320px}.home-new{border:1px solid var(--border);background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;padding:.45rem .9rem;font-size:.85rem}.home-new:hover{opacity:.9}.home-empty{color:var(--muted)}.search-hits{margin-top:1rem}.search-hits-label{text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.75rem}.search-hit{text-align:left;border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:6px;flex-direction:column;gap:2px;width:100%;margin-bottom:.25rem;padding:.5rem .75rem;display:flex}.search-hit:hover{border-color:var(--accent)}.search-hit-doc{color:var(--ink);font-size:.85rem;font-weight:500}.search-hit-snippet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.doc-tree{margin:0;padding:0;list-style:none}.doc-folder{margin:.5rem 0}.doc-folder-name{color:var(--ink);padding:.2rem 0;font-weight:600}.doc-folder .doc-tree{padding-left:1.4rem}.doc-leaf{margin:.1rem 0}.doc-link{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:baseline;gap:1rem;width:100%;padding:.35rem .5rem;font-size:.92rem;display:flex}.doc-link:hover{background:var(--border)}.doc-leaf-name{color:var(--ink)}.doc-time{color:var(--muted);white-space:nowrap;font-size:.78rem}.doc-row{align-items:center;gap:.15rem;display:flex}.doc-row .doc-link{flex:1;min-width:0}.doc-remove{color:var(--muted);cursor:pointer;opacity:.35;background:0 0;border:none;border-radius:6px;padding:.2rem .45rem;font-size:.9rem}.doc-row:hover .doc-remove{opacity:1}.doc-remove:hover{color:#dc2626;opacity:1;background:#fee2e2}.doc-confirm{background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.85rem;display:flex}.doc-confirm span{color:var(--ink)}.doc-confirm-yes{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.25rem .6rem;font-size:.8rem}.doc-confirm-yes:hover{opacity:.9}.doc-confirm-no{border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:.25rem .6rem;font-size:.8rem}.btn{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:.35em;padding:.45em .85em;font-size:.85rem;line-height:1;transition:background .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.btn:hover{background:var(--bg)}.btn:active{opacity:.82}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent);opacity:.9}.btn-outline{background:var(--panel);border-color:var(--border);color:var(--ink)}.btn-outline:hover{background:var(--bg)}.btn-ghost{color:var(--ink);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg)}.btn-danger{color:#dc2626;background:0 0;border-color:#0000}.btn-danger:hover{color:#dc2626;background:#fee2e2}.btn-sm{padding:.3em .6em;font-size:.78rem}.app-topbar{align-items:center;gap:1rem;display:flex}.app-topbar .top-left{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.app-topbar .top-right{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.app-topbar .page-tabs{border-bottom:none;flex:auto;min-width:0;margin-bottom:0;padding-bottom:0;overflow:auto hidden}.topbar-icon{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35em;display:inline-flex}.topbar-icon:hover{background:var(--bg)}.topbar-icon.voice-btn.active{color:#16a34a}.topbar-icon.voice-btn.muted{color:#dc2626}.voice-peers{align-items:center;gap:2px;margin-right:4px;display:inline-flex}.voice-peer{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:600;display:inline-flex}.voice-peer.muted{background:#9ca3af}.video-zone{background:var(--panel);border-left:1px solid var(--border);flex-shrink:0;padding:8px;overflow-y:auto}.video-panel{flex-direction:column;gap:8px;display:flex}.video-tile{border-radius:8px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.video-tile-video{aspect-ratio:4/3;object-fit:cover;background:#000;width:100%;display:block}.video-tile-label{color:#fff;text-shadow:0 1px 2px #000c;font-size:.7rem;position:absolute;bottom:4px;left:6px}.app-topbar .status{font-size:.9rem}.profile-menu{position:relative}.profile-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;line-height:0}.user-initial{background:var(--accent);color:#fff;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:inline-flex}.profile-dropdown{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);z-index:100;min-width:220px;padding:.4rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000026}.profile-info{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.35rem .25rem;display:flex}.profile-name{font-size:.9rem;font-weight:600}.profile-email{color:var(--muted);font-size:.78rem}.profile-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:6px;align-items:center;gap:.5em;padding:.45em .6em;font-size:.88rem;display:flex}.profile-item:hover{background:var(--bg)}.app-body{flex:1;min-height:0;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.activity-zone{flex-shrink:0;display:flex}.activity-bar{border-right:1px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:48px;padding:8px 0;display:flex}.activity-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.activity-btn:hover{background:var(--border);color:var(--ink)}.activity-btn.active{color:var(--accent)}.activity-btn.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-4px}.side-panel{border-right:1px solid var(--border);background:var(--panel);flex-shrink:0;overflow-y:auto}.panel-resizer{cursor:col-resize;z-index:10;background:0 0;flex-shrink:0;width:4px;transition:background .15s}.panel-resizer:hover,.panel-resizer:active{background:var(--accent)}.side-panel .sidebar{border:none;width:100%}.panel-section{flex-direction:column;gap:8px;padding:8px;display:flex}.panel-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.panel-group:not(:last-child){border-bottom:1px solid var(--border);padding-bottom:8px}.panel-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;width:100%;margin-bottom:2px;font-size:.7rem}.panel-empty{color:var(--muted);text-align:center;padding:1rem;font-size:.85rem}.panel-big-btn{border:1px dashed var(--border);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;padding:.6rem;font-size:.9rem;transition:background .15s,border-color .15s}.panel-big-btn:hover{border-color:var(--accent);color:var(--accent);background:#f5f5ff}.panel-slider{width:100%;accent-color:var(--accent)}.panel-search{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--ink);border-radius:6px;padding:.35rem .5rem;font-size:.85rem}.eq-grid{flex-wrap:wrap;gap:3px;display:flex}.eq-btn{border:1px solid var(--border);background:var(--panel);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.eq-btn:hover{border-color:var(--accent);color:var(--accent)}.template-dropdown{background:var(--panel);border:1px solid var(--border);z-index:100;border-radius:6px;min-width:160px;margin-top:4px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.template-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:.4rem .6rem;font-size:.85rem;display:block}.template-item:hover{background:var(--bg)}.cv-swatches{flex-wrap:wrap;gap:4px;display:flex}.cv-swatches .tb-sw{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:22px;height:22px}.cv-swatches .tb-sw.active{outline:2px solid var(--accent);outline-offset:1px}.sidebar-head{justify-content:space-between;align-items:center;margin:.2rem .35rem .4rem;display:flex}.sidebar-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2em;display:inline-flex}.sidebar-close:hover{background:var(--border);color:var(--ink)}.sidebar-section{margin-bottom:1rem}.sidebar-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.2rem .5rem .4rem;font-size:.72rem;font-weight:600}.sidebar-empty{color:var(--muted);margin:.2rem .5rem;font-size:.8rem;line-height:1.4}.toc{margin:0;padding:0;list-style:none}.toc-link{text-align:left;width:100%;color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;padding:.22em .5rem;font-size:.85rem;line-height:1.3;display:block;overflow:hidden}.toc-link:hover{background:var(--border)}.toc-l2{padding-left:.6rem}.toc-l3{padding-left:1.2rem}.toc-l2 .toc-link{font-size:.82rem}.toc-l3 .toc-link{color:#666;font-size:.8rem}.more-menu{position:relative}.more-dropdown{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);z-index:100;min-width:180px;padding:.25rem;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000026}.more-item{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;border-radius:6px;align-items:center;gap:.4em;padding:.4em .5em;font-size:.85rem;display:flex}.more-item:hover{background:var(--border)}.more-check{justify-content:center;width:16px;display:inline-flex}.toc-page{margin-bottom:.5rem}.toc-pagetitle{text-align:left;width:100%;color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;padding:.3em .5rem;font-size:.82rem;font-weight:600;display:block;overflow:hidden}.toc-pagetitle:hover{background:var(--border)}.toc-pagetitle.active{color:var(--accent)}.cv-toolbar-wrap{position:relative}.cv-size-bar,.cv-inspector-content{flex-wrap:wrap;align-items:center;gap:4px;width:100%;display:flex}.cv-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-self:center;font-size:.68rem}.cv-colors{align-items:center;gap:2px;display:inline-flex}.cv-cv{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:18px;height:18px;padding:0}.cv-cv.active{outline:2px solid var(--accent);outline-offset:1px}.cv-none{position:relative;background:#fff!important}.cv-none:after{content:"";transform-origin:50%;border-left:1px solid #dc2626;position:absolute;inset:1px;transform:rotate(-45deg)}.cv-select{border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:.15rem;font-size:.8rem}.cv-field{color:var(--muted);align-items:center;gap:.2rem;font-size:.72rem;display:inline-flex}.cv-field input{border:1px solid var(--border);border-radius:6px;width:4.5em;padding:.15rem .3rem;font-size:.8rem}.cv-ellipse-ctr{z-index:11;pointer-events:none;width:16px;height:16px;color:var(--accent);position:absolute}.cv-origin-wrap{z-index:11;cursor:move;pointer-events:auto;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;transform:translate(-50%,-50%)}.cv-origin{background:var(--panel);border:1px solid var(--accent);width:24px;height:24px;color:var(--accent);opacity:0;pointer-events:none;border-radius:4px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;box-shadow:0 1px 4px #0003}.cv-origin-wrap:hover .cv-origin{opacity:1}.cv-origin:hover{background:var(--border)}.cv-endpt{background:var(--panel);border:2px solid var(--accent);pointer-events:auto;cursor:move;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;transform:translateZ(0)}.cv-drag-handle{background:var(--panel);border:1px solid var(--accent);width:24px;height:24px;color:var(--accent);cursor:move;pointer-events:auto;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.cv-drag-handle:hover{background:var(--border)}.hamburger-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35em;display:none}.hamburger-btn:hover{background:var(--bg)}.hamburger-menu{background:var(--panel);border:1px solid var(--border);z-index:500;border-radius:8px;flex-direction:column;gap:2px;min-width:180px;padding:.5rem;display:flex;position:absolute;top:100%;right:8px;box-shadow:0 4px 16px #0003}.hamburger-item{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:.85rem;display:flex}.hamburger-item:hover{background:var(--bg)}.hamburger-sep{background:var(--border);height:1px;margin:4px 0}@media (width<=768px),(hover:none) and (pointer:coarse) and (width<=1024px){html,body{overflow-x:hidden}.app-topbar{flex-wrap:wrap;gap:.25rem;padding:.4rem .6rem;position:relative}.app-topbar .top-left{flex:none}.app-topbar .logo{font-size:.85rem}.app-topbar .doc-name{max-width:100px;font-size:.8rem}.app-topbar .save-badge,.app-topbar .top-right{display:none}.app-topbar .hamburger-btn{display:flex}.app-topbar .page-tabs{-webkit-overflow-scrolling:touch;flex:100%;order:10;overflow-x:auto}.app-body{flex-direction:column}.activity-zone{flex-direction:column;flex-shrink:0;width:100%}.activity-bar{-webkit-overflow-scrolling:touch;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;gap:2px;width:100%;padding:4px 8px;overflow-x:auto}.activity-btn{flex-shrink:0}.activity-btn:before{display:none}.side-panel{border-right:none;border-bottom:1px solid var(--border);max-height:52px;overflow:hidden;width:100%!important}body.mobile-explorer .app-main{display:none}body.mobile-explorer .activity-zone{flex:1;min-height:0}body.mobile-explorer .side-panel{flex:1;overflow-y:auto;max-height:none!important}.panel-section{-webkit-overflow-scrolling:touch;flex-flow:row;align-items:center;gap:4px;padding:4px 8px;overflow-x:auto}.panel-group{border-bottom:none;border-right:1px solid var(--border);flex-flow:row;flex-shrink:0;margin:0 4px 0 0;padding:0 8px 0 0}.panel-group:not(:last-child){border-right:1px solid var(--border);margin-right:4px;padding-right:8px}.panel-label{flex-shrink:0;width:auto;margin:0 4px 0 0}.panel-resizer{display:none}.video-zone{z-index:300;border:1px solid var(--border);border-radius:8px;max-width:45vw;max-height:30vh;position:fixed;bottom:8px;right:8px;box-shadow:0 4px 16px #0000004d;width:auto!important}.video-panel{flex-direction:row}.video-tile-video{width:100px;height:75px}.cv-stage{min-height:200px}.cv-fullscreen{left:0!important}.content{padding:0 0 50vh}.ProseMirror{font-size:16px}.home-main{padding:1rem .75rem}.home-head{flex-wrap:wrap;gap:.25rem}.home-search{order:5;width:100%;max-width:100%}}.shortcut-overlay{z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcut-modal{background:var(--panel);border-radius:12px;width:90%;max-width:560px;max-height:80vh;padding:1.5rem;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.shortcut-head{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.1rem;font-weight:600;display:flex}.shortcut-close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}.shortcut-close:hover{color:var(--fg)}.shortcut-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.shortcut-cat h3{text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.8rem}.shortcut-row{justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem 0;font-size:.85rem;display:flex}.shortcut-row kbd{background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,monospace;font-size:.75rem}.shortcut-row span{color:var(--muted);text-align:right}.shortcut-footer{text-align:center;color:var(--muted);margin:1rem 0 0;font-size:.8rem}.shortcut-footer kbd{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,monospace;font-size:.75rem}.toast{color:#fff;z-index:10000;cursor:pointer;background:#dc2626;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;animation:.2s toast-in;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=640px){.shortcut-grid{grid-template-columns:1fr}}@media print{.activity-bar,.side-panel,.video-zone,.panel-resizer,.app-topbar,.cv-expand-btn,.cv-rz,.page-tabs,.save-badge,.status,.topbar-icon,.voice-peers,.voice-btn,.sidebar-fab,.cursors,.toast,.shortcut-overlay,.modal-backdrop{display:none!important}.app-body{display:block!important}.activity-zone{display:none!important}.app-main{flex:none!important;width:100%!important}.content{padding:0!important;overflow:visible!important}.editor-wrap{max-width:100%!important;box-shadow:none!important;border:none!important;min-height:auto!important;padding:0!important}.ProseMirror{font-size:12pt;line-height:1.5}.canvas-block{break-inside:avoid}.cv-stage{overflow:visible!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{margin:2cm}}