*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1117;height:100vh;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.app-wrapper{flex-direction:column;height:100vh;display:flex}.topbar{background:#1e2130;border-bottom:1px solid #2d3348;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.logo{color:#f1f5f9;font-size:.95rem;font-weight:600}.powered-by{color:#475569;margin-left:10px;font-size:.72rem}.save-status{color:#4ade80;font-size:.78rem}.save-status.saving{color:#facc15}.toolbar{background:#1a1f30;border-bottom:1px solid #2d3348;flex-shrink:0;padding:6px 20px}.toolbar-inner{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.toolbar-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:28px;padding:5px 8px;font-size:13px;transition:background .15s,color .15s;display:flex}.toolbar-btn:hover{color:#e2e8f0;background:#2d3348}.toolbar-btn.active{color:#4f6ef7;background:#4f6ef720}.toolbar-divider{background:#2d3348;width:1px;height:20px;margin:0 4px}.heading-select{color:#e2e8f0;cursor:pointer;background:#2d3348;border:1px solid #374162;border-radius:6px;outline:none;padding:4px 8px;font-size:12px}.heading-select:hover{border-color:#4f6ef7}.editor-container{background:#0f1117;flex:1;padding:40px 20px;overflow-y:auto}.ProseMirror{color:#111;background:#fff;border-radius:12px;outline:none;max-width:720px;min-height:600px;margin:0 auto;padding:48px 56px;font-size:16px;line-height:1.75;box-shadow:0 4px 40px #00000080}.ProseMirror h1{color:#111;margin:1.2em 0 .5em;font-size:2rem;font-weight:700}.ProseMirror h2{color:#222;margin:1em 0 .4em;font-size:1.5rem;font-weight:600}.ProseMirror h3{color:#333;margin:.8em 0 .3em;font-size:1.25rem;font-weight:600}.ProseMirror p{margin-bottom:.75em}.ProseMirror ul,.ProseMirror ol{margin-bottom:.75em;padding-left:1.5em}.ProseMirror li{margin-bottom:.3em}.ProseMirror blockquote{color:#555;background:#f8f9ff;border-left:4px solid #4f6ef7;border-radius:0 6px 6px 0;margin:1em 0;padding:.5em 1em}.ProseMirror code{color:#e11d48;background:#f1f5f9;border-radius:4px;padding:2px 5px;font-family:Fira Code,monospace;font-size:.9em}.ProseMirror pre{color:#e2e8f0;background:#1e293b;border-radius:8px;margin:1em 0;padding:16px 20px;overflow-x:auto}.ProseMirror pre code{color:inherit;background:0 0;padding:0}.ProseMirror strong{font-weight:700}.ProseMirror em{font-style:italic}.ProseMirror s{color:#888;text-decoration:line-through}.ProseMirror mark{background:#fef08a;border-radius:2px;padding:1px 2px}.ProseMirror a{color:#4f6ef7;text-decoration:underline}.ProseMirror hr{border:none;border-top:2px solid #e2e8f0;margin:1.5em 0}.ProseMirror ul[data-type=taskList]{padding-left:0;list-style:none}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.ProseMirror ul[data-type=taskList] li>label{margin-top:2px}.ProseMirror p.is-editor-empty:first-child:before,.ProseMirror .is-empty:before{content:attr(data-placeholder);color:#adb5bd;pointer-events:none;float:left;height:0}@media (width<=768px){.ProseMirror{padding:24px 20px}}.collab-cursor{pointer-events:none;word-break:normal;word-wrap:normal;border-left:2px solid;margin-left:-1px;position:relative}.collab-cursor-label{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:20;border-radius:4px 4px 4px 0;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:-1.4em;left:-1px}.online-users{color:#64748b;align-items:center;gap:6px;display:flex}.user-avatars{align-items:center;display:flex}.user-avatar{color:#fff;cursor:default;border:2px solid #1e2130;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:11px;font-weight:700;display:flex}.user-avatar:first-child{margin-left:0}.user-avatar-more{color:#94a3b8;background:#374162;font-size:10px;font-weight:600}.own-user-badge{color:#cbd5e1;border:1px solid;border-radius:12px;align-items:center;gap:5px;padding:2px 8px 2px 5px;font-size:.78rem;font-weight:500;display:flex}.own-user-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.docx-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.docx-btn:hover:not(:disabled){color:#e2e8f0;background:#2d3348}.docx-btn:disabled{opacity:.45;cursor:not-allowed}.lo-btn{color:#7dd3fc}.lo-btn:hover:not(:disabled){color:#bae6fd;background:#1e3a5f}