*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.landing{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;display:flex}.landing h1{letter-spacing:-.03em;font-size:48px;font-weight:700}.new-doc-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500;transition:background .15s}.new-doc-btn:hover{background:#333}.new-doc-btn:disabled{opacity:.5;cursor:not-allowed}.docs-list{width:100%;max-width:400px;margin-top:16px}.docs-list h3{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:13px;font-weight:600}.doc-item{cursor:pointer;border:1px solid #e5e5e5;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:background .15s;display:flex}.doc-item:hover{background:#f5f5f5}.doc-item-info{flex-direction:column;gap:2px;display:flex}.doc-item-title{font-size:15px;font-weight:500}.doc-item-slug{color:#999;font-family:monospace;font-size:12px}.doc-item-delete{color:#ccc;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;line-height:1}.doc-item-delete:hover{color:#ef4444}.editor-container{flex-direction:column;height:100%;display:flex}.editor-topbar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.editor-topbar-left{align-items:center;gap:16px;display:flex}.editor-title{color:#555;font-family:monospace;font-size:14px;font-weight:600}.connection-status{color:#999;align-items:center;gap:6px;font-size:12px;display:flex}.connection-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.connection-dot.connected{background:#22c55e}.connection-dot.disconnected{background:#ef4444}.share-wrapper{position:relative}.share-btn{cursor:pointer;background:#f3f3f3;border:1px solid #ddd;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s}.share-btn:hover{background:#e8e8e8}.share-dropdown{z-index:100;background:#fff;border:1px solid #e5e5e5;border-radius:8px;min-width:160px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.share-dropdown-item{cursor:pointer;color:#333;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.share-dropdown-item:hover{background:#f5f5f5}.share-dropdown-item+.share-dropdown-item{border-top:1px solid #f0f0f0}.share-dropdown-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.share-toast{color:#fff;white-space:nowrap;z-index:100;background:#1a1a1a;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;animation:2s ease-out forwards toast-fade;position:absolute;top:calc(100% + 6px);right:0}@keyframes toast-fade{0%,70%{opacity:1}to{opacity:0}}.editor-main{background:#fff;flex:1;overflow-y:auto}.tiptap-wrapper{max-width:720px;margin:0 auto;padding:48px 24px;position:relative}.ProseMirror{color:#1a1a1a;outline:none;min-height:400px;font-size:16px;line-height:1.7}.ProseMirror>*+*{margin-top:.75em}.ProseMirror h1{letter-spacing:-.02em;margin-top:1.5em;font-size:32px;font-weight:700;line-height:1.25}.ProseMirror h2{letter-spacing:-.01em;margin-top:1.25em;font-size:24px;font-weight:600;line-height:1.3}.ProseMirror h3{margin-top:1em;font-size:20px;font-weight:600;line-height:1.4}.ProseMirror p{margin-top:0;margin-bottom:0}.ProseMirror ul,.ProseMirror ol{padding-left:24px}.ProseMirror li{margin-top:.25em}.ProseMirror blockquote{color:#666;border-left:3px solid #e5e5e5;padding-left:16px;font-style:italic}.ProseMirror code{background:#f3f3f3;border-radius:4px;padding:2px 6px;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:14px}.ProseMirror pre{color:#e5e5e5;background:#1a1a1a;border-radius:8px;padding:16px;font-family:SF Mono,Fira Code,Fira Mono,Menlo,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.ProseMirror pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}.ProseMirror hr{border:none;border-top:2px solid #e5e5e5;margin:2em 0}.ProseMirror p.is-editor-empty:first-child:before{content:"Start writing...";float:left;color:#ccc;pointer-events:none;height:0}.presence-indicators{align-items:center;gap:6px;margin-left:12px;display:flex}.presence-dot{border-radius:50%;width:10px;height:10px;transition:opacity .2s}.remote-cursor{pointer-events:none;border-left:2px solid;margin-left:-1px;position:relative}.remote-cursor-label{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:3px 3px 3px 0;padding:1px 4px;font-size:10px;transition:opacity .2s;position:absolute;bottom:100%;left:-1px}.remote-cursor:hover .remote-cursor-label{opacity:1}@keyframes agent-wrote-fade{0%{background-color:#f973160f;border-color:#f97316}60%{background-color:#f9731605;border-color:#f9731666}to{background-color:#0000;border-color:#0000}}@keyframes agent-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ProseMirror .agent-wrote{background-color:#f973160f;background-image:linear-gradient(90deg,#0000 0%,#f973161f 50%,#0000 100%);background-size:200% 100%;border:1.5px solid #f97316;border-radius:8px;margin:-2px -4px;padding:2px 4px;animation:1.5s ease-in-out 2 agent-shimmer,3s ease-out 1s forwards agent-wrote-fade}.comment-marker{color:#f97316;cursor:pointer;vertical-align:middle;border-radius:4px;align-items:center;gap:2px;margin-left:6px;padding:1px 3px;transition:background .1s;display:inline-flex}.comment-marker:hover{background:#f973161a}.comment-marker-pending{animation:1.5s ease-in-out infinite comment-pulse}@keyframes comment-pulse{0%,to{opacity:.4}50%{opacity:1}}.comment-marker-count{color:#f97316;font-size:11px;font-weight:700;line-height:1}.comment-popover{background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:300px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.comment-thread{flex-direction:column;gap:6px;max-height:240px;padding:8px;display:flex;overflow-y:auto}.comment-bubble{background:#fafafa;border-left:3px solid;border-radius:8px;padding:8px 10px}.comment-bubble.comment-user{border-left-color:#2563eb}.comment-bubble.comment-agent{border-left-color:#f97316}.comment-bubble-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.comment-author{color:#555;font-size:11px;font-weight:600}.comment-time{color:#bbb;font-size:10px}.comment-resolve-btn{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:2px;display:flex}.comment-resolve-btn:hover{color:#22c55e;background:#f0fdf4}.comment-body{color:#333;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.4}.comment-input-row{border-top:1px solid #f0f0f0;padding:8px}.comment-input{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:13px}.comment-input:focus{background:#fff;border-color:#bbb}.pg-container{background:#fafafa;flex-direction:column;height:100%;display:flex}.pg-connect{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.pg-connect h1{letter-spacing:-.02em;font-size:32px;font-weight:700}.pg-subtitle{color:#888;margin-bottom:8px;font-size:14px}.pg-connect-row{align-items:center;gap:8px;display:flex}.pg-or{color:#aaa;font-size:13px}.pg-header{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.pg-header-left{align-items:baseline;gap:12px;display:flex}.pg-header-left h2{font-family:monospace;font-size:15px;font-weight:600}.pg-header-right{gap:6px;display:flex}.pg-meta{color:#888;background:#f3f3f3;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.pg-main{flex:1;grid-template-columns:1fr 280px 320px;gap:0;display:grid;overflow:hidden}.pg-main>div{border-right:1px solid #e5e5e5;padding:12px;overflow-y:auto}.pg-main>div:last-child{border-right:none}.pg-main h3{color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:600}.pg-blocks{flex-direction:column;gap:4px;display:flex}.pg-block{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:8px 10px;transition:all .1s}.pg-block:hover{background:#fafafa;border-color:#ccc}.pg-block-cursor{background:#fff8f0;border-color:#f97316;box-shadow:0 0 0 1px #f97316}.pg-block-cursor:hover{background:#fff4e8;border-color:#f97316}.pg-block-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.pg-block-idx{color:#999;min-width:18px;font-family:monospace;font-size:11px;font-weight:700}.pg-block-type{color:#666;background:#f3f3f3;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:11px}.pg-cursor-badge{color:#f97316;letter-spacing:.05em;background:#fff2e0;border-radius:3px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:700}.pg-block-md{color:#444;white-space:pre-wrap;word-break:break-word;margin:0;font-family:monospace;font-size:12px;line-height:1.4}.pg-controls-panel{background:#fff}.pg-op{border-bottom:1px solid #f0f0f0;margin-bottom:14px;padding-bottom:14px}.pg-op:last-of-type{border-bottom:none}.pg-op-label{color:#333;margin-bottom:6px;font-family:monospace;font-size:13px;font-weight:600}.pg-op-row{align-items:center;gap:6px;display:flex}.pg-label{color:#888;font-size:12px}.pg-input{background:#fff;border:1px solid #ddd;border-radius:6px;outline:none;padding:7px 10px;font-family:monospace;font-size:14px}.pg-input:focus{border-color:#999}.pg-input-sm{flex:1;padding:5px 8px;font-size:13px}.pg-input-xs{text-align:center;width:48px;padding:5px 8px;font-size:13px}.pg-textarea{resize:vertical;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;margin-bottom:6px;padding:6px 8px;font-family:monospace;font-size:12px;line-height:1.4}.pg-textarea:focus{border-color:#999}.pg-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .1s}.pg-btn:hover{background:#f5f5f5}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-btn-primary{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.pg-btn-primary:hover{background:#333}.pg-btn-sm{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.pg-btn-sm:hover{background:#f5f5f5}.pg-btn-sm:disabled{opacity:.4;cursor:not-allowed}.pg-btn-danger{color:#dc2626;border-color:#fca5a5}.pg-btn-danger:hover{background:#fef2f2}.pg-error{color:#dc2626;background:#fef2f2;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:13px}.pg-log-panel{background:#1a1a1a}.pg-log-panel h3{color:#666}.pg-log{flex-direction:column;gap:6px;display:flex}.pg-log-entry{border-radius:6px;overflow:hidden}.pg-log-header{background:#252525;align-items:center;gap:6px;padding:4px 8px;display:flex}.pg-log-badge{letter-spacing:.03em;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:700}.pg-log-ok{color:#86efac;background:#166534}.pg-log-fail{color:#fca5a5;background:#7f1d1d}.pg-log-op{color:#aaa;font-family:monospace;font-size:12px}.pg-log-json{color:#888;white-space:pre-wrap;word-break:break-word;background:#1e1e1e;max-height:200px;margin:0;padding:6px 8px;font-family:monospace;font-size:11px;line-height:1.4;overflow-y:auto}.pg-log-error .pg-log-json{color:#f87171}@media (width<=768px){.tiptap-wrapper{padding:24px 16px}.editor-topbar{padding:10px 16px}.landing h1{font-size:36px}}