:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--fg-primary: #1a1a1a;--fg-secondary: #495057;--fg-muted: #868e96;--border-color: #dee2e6;--accent: #228be6;--accent-hover: #1c7ed6;--success: #40c057;--warning: #fab005;--error: #fa5252;--radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1b1e;--bg-secondary: #25262b;--bg-tertiary: #2c2e33;--fg-primary: #c1c2c5;--fg-secondary: #909296;--fg-muted: #5c5f66;--border-color: #373a40;--accent: #339af0;--accent-hover: #228be6}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--fg-primary);line-height:1.5}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.app-header h1{margin:0;font-size:1.25rem;font-weight:600}.document-selector{display:flex;align-items:center;gap:.5rem}.document-selector input{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--fg-primary);font-size:.875rem;width:300px}.app-main{flex:1;overflow:hidden}.editor-container{display:flex;flex-direction:column;height:100%}.editor-status-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-size:.8125rem}.connection-status{display:flex;align-items:center;gap:.375rem}.connection-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--fg-muted)}.connection-status.connected:before{background:var(--success)}.connection-status.connecting:before{background:var(--warning)}.connection-status.disconnected:before{background:var(--error)}.connected-users{display:flex;gap:.25rem}.user-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.frontmatter-editor{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.frontmatter-field{display:flex;flex-direction:column;gap:.25rem}.frontmatter-field label{font-size:.75rem;font-weight:500;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.025em}.frontmatter-field input[type=text],.frontmatter-field input[type=date]{padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius);background:var(--bg-primary);color:var(--fg-primary);font-size:.875rem}.frontmatter-field input[type=text]:focus,.frontmatter-field input[type=date]:focus{outline:none;border-color:var(--accent)}.frontmatter-checkbox{flex-direction:row;align-items:center}.frontmatter-checkbox label{display:flex;align-items:center;gap:.375rem;text-transform:none;font-size:.875rem;color:var(--fg-primary)}.editor-split-view{display:flex;flex:1;overflow:hidden}.editor-pane{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border-color);overflow:hidden}.editor-toolbar{display:flex;align-items:center;padding:.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.25rem}.toolbar-group{display:flex;gap:.125rem}.toolbar-separator{width:1px;height:24px;background:var(--border-color);margin:0 .5rem}.toolbar-spacer{flex:1}.editor-toolbar button{padding:.25rem .5rem;border:none;border-radius:var(--radius);background:transparent;color:var(--fg-secondary);font-size:.8125rem;cursor:pointer;transition:background .15s,color .15s}.editor-toolbar button:hover{background:var(--bg-tertiary);color:var(--fg-primary)}.editor-toolbar button.active{background:var(--accent);color:#fff}.editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.editor-content{flex:1;overflow-y:auto;padding:1.5rem}.editor-content .ProseMirror{outline:none;min-height:100%}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--fg-muted);pointer-events:none;height:0}.editor-content h1,.editor-content h2,.editor-content h3,.editor-content h4{line-height:1.3;margin-top:1.5em;margin-bottom:.5em}.editor-content h1:first-child,.editor-content h2:first-child,.editor-content h3:first-child{margin-top:0}.editor-content h1{font-size:1.75rem}.editor-content h2{font-size:1.5rem}.editor-content h3{font-size:1.25rem}.editor-content p{margin:0 0 1em}.editor-content ul,.editor-content ol{margin:0 0 1em;padding-left:1.5em}.editor-content blockquote{margin:0 0 1em;padding-left:1em;border-left:3px solid var(--accent);color:var(--fg-secondary)}.editor-content code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.875em;background:var(--bg-tertiary);padding:.125em .25em;border-radius:3px}.editor-content pre{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius);overflow-x:auto;margin:0 0 1em}.editor-content pre code{background:none;padding:0}.editor-content hr{border:none;border-top:1px solid var(--border-color);margin:1.5em 0}.collaboration-cursor__caret{position:relative;margin-left:-1px;margin-right:-1px;border-left:1px solid;border-right:1px solid;word-break:normal;pointer-events:none}.collaboration-cursor__label{position:absolute;top:-1.4em;left:-1px;font-size:.75rem;font-weight:500;line-height:1;padding:.125rem .375rem;border-radius:3px 3px 3px 0;white-space:nowrap;color:#fff}.preview-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-secondary)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.8125rem;font-weight:500}.preview-loading{color:var(--fg-muted);font-size:.75rem}.preview-iframe{flex:1;border:none;background:#fff}