:root{color:#e9eaf0;background:#111318;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{background:#17191f;border-right:1px solid #292c35;flex-direction:column;gap:20px;padding:20px 16px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand>span{background:#7657ff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brand div{gap:2px;display:grid}small{color:#969aa9}form{grid-template-columns:1fr auto;gap:7px;display:grid}input{color:#fff;background:#111318;border:1px solid #343844;border-radius:8px;min-width:0;padding:9px}button{color:#e9eaf0;cursor:pointer;background:#242731;border:1px solid #343844;border-radius:7px;padding:8px 10px}button:hover,button.active,nav button.selected{background:#332b59;border-color:#7657ff}nav{gap:7px;display:grid;overflow:auto}nav button{text-align:left;gap:4px;display:grid;overflow:hidden}nav b{text-overflow:ellipsis;overflow:hidden}aside footer{color:#777c8e;margin-top:auto;font-size:12px}.error{color:#fb7185;margin:-10px 0 0;font-size:13px}.empty{text-align:center;color:#aeb2c0;place-items:center;padding:30px;display:grid}.editor-shell{width:100%;max-width:1200px;margin:0 auto;padding:32px clamp(20px,5vw,72px)}.editor-shell header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.editor-shell header div{align-items:center;gap:10px;display:flex}.status{background:#f59e0b;border-radius:50%;width:8px;height:8px}.status.connected{background:#22c55e;box-shadow:0 0 12px #22c55e}.status.disconnected{background:#ef4444}.toolbar{z-index:2;background:#17191f;border:1px solid #292c35;border-radius:10px 10px 0 0;flex-wrap:wrap;gap:6px;padding:10px;display:flex;position:sticky;top:0}.toolbar button{min-width:38px}.tiptap{background:#191b22;border:1px solid #292c35;border-top:0;border-radius:0 0 10px 10px;outline:none;min-height:65vh;padding:36px;line-height:1.7}.tiptap h1{font-size:2.2rem}.tiptap h2{font-size:1.6rem}.tiptap blockquote{color:#b7bac7;border-left:3px solid #7657ff;margin-left:0;padding-left:18px}.tiptap pre{background:#0d0f13;border-radius:8px;padding:16px;overflow:auto}.collaboration-carets__caret{word-break:normal;border-left:1px solid;border-right:1px solid;margin-left:-1px;margin-right:-1px;position:relative}.collaboration-carets__label{color:#fff;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:3px 3px 3px 0;padding:3px 5px;font-size:11px;font-weight:600;line-height:normal;position:absolute;top:-1.4em;left:-1px}@media (width<=760px){.app{grid-template-columns:1fr}aside{border-bottom:1px solid #292c35;border-right:0;max-height:280px}.editor-shell{padding:18px 12px}.tiptap{padding:22px 18px}}