.note-editor-toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-bottom:1px solid var(--color-border, var(--border, #e5e7eb));flex-wrap:wrap}.note-editor-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;height:1.75rem;padding:0 .25rem;font-size:.875rem;font-family:inherit;background:none;border:1px solid transparent;border-radius:var(--radius-sm, var(--radius, .25rem));color:var(--color-text-secondary, var(--text-muted, #6b7280));cursor:pointer;line-height:1;transition:background-color .15s,color .15s}.note-editor-toolbar-btn:hover{background-color:var(--color-surface-alt, var(--bg3, #f5f5f5));color:var(--color-text, var(--text, #1a1a1a));border-color:var(--color-border, var(--border, #e5e7eb))}.note-editor-toolbar-btn.is-active{background-color:var(--color-surface-alt, var(--bg3, #f0f0f0));color:var(--color-text, var(--text, #1a1a1a));border-color:var(--color-border, var(--border, #e5e7eb))}.note-editor-content{outline:none;min-height:120px;font-size:.875rem;line-height:1.625;color:var(--color-text, var(--text, #1a1a1a));padding:.5rem}.note-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-secondary, var(--text-muted, #6b7280));pointer-events:none;float:left;height:0}.note-editor-content p{margin-bottom:.5rem}.note-editor-content p:last-child{margin-bottom:0}.note-editor-content strong{font-weight:600}.note-editor-content em{font-style:italic}.note-editor-content a{color:var(--color-brand, var(--accent, #6366f1));text-decoration:underline}.note-editor-content blockquote{border-left:3px solid var(--color-border, var(--border, #e5e7eb));padding-left:.75rem;margin:.5rem 0;color:var(--color-text-secondary, var(--text-muted, #6b7280))}.note-editor-content pre{background:var(--color-surface-alt, var(--bg3, #f5f5f5));border:1px solid var(--color-border, var(--border, #e5e7eb));border-radius:.375rem;padding:.5rem;overflow-x:auto;font-family:monospace;font-size:.75rem}.note-editor-content code{font-family:monospace;font-size:.875em;background:var(--color-surface-alt, var(--bg3, #f5f5f5));padding:.1em .3em;border-radius:.25rem}.note-editor-content pre code{background:none;padding:0}.note-editor-content .mention{color:var(--color-brand, var(--accent, #6366f1));font-weight:500}.article-editor-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem 0;border-bottom:1px solid var(--color-border, var(--border, #e5e7eb));margin-bottom:1rem;flex-wrap:wrap}.article-editor-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.875rem;font-family:inherit;background:none;border:1px solid transparent;border-radius:var(--radius-sm, var(--radius, .25rem));color:var(--color-text-secondary, var(--text-muted, #6b7280));cursor:pointer;line-height:1;transition:background-color .15s,color .15s}.article-editor-toolbar-btn:hover{background-color:var(--color-surface-alt, var(--bg3, #f5f5f5));color:var(--color-text, var(--text, #1a1a1a));border-color:var(--color-border, var(--border, #e5e7eb))}.article-editor-toolbar-btn.is-active{background-color:var(--color-surface-alt, var(--bg3, #f0f0f0));color:var(--color-text, var(--text, #1a1a1a));border-color:var(--color-border, var(--border, #e5e7eb))}.article-editor-toolbar-sep{display:block;width:1px;height:1.25rem;background-color:var(--color-border, var(--border, #e5e7eb));margin:0 .25rem;flex-shrink:0}.article-editor-area{min-height:480px;cursor:text}.article-editor-content{outline:none;min-height:480px;padding-bottom:4rem;font-size:1.125rem;line-height:1.625;color:var(--color-text, var(--text, #1a1a1a))}.article-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-secondary, var(--text-muted, #6b7280));pointer-events:none;float:left;height:0}.article-editor-content h2{font-size:1.5rem;font-weight:700;margin:2rem 0 .75rem;letter-spacing:-.01em}.article-editor-content h3{font-size:1.25rem;font-weight:700;margin:1.5rem 0 .75rem}.article-editor-content p{margin-bottom:1rem}.article-editor-content strong{font-weight:700}.article-editor-content em{font-style:italic}.article-editor-content a{color:var(--color-brand, var(--accent, #6366f1));text-decoration:underline;text-underline-offset:2px}.article-editor-content blockquote{border-left:3px solid var(--color-border, var(--border, #e5e7eb));padding-left:1.25rem;margin:1.5rem 0;color:var(--color-text-secondary, var(--text-muted, #6b7280));font-style:italic}.article-editor-content pre{background:var(--color-surface-alt, var(--bg3, #f5f5f5));border:1px solid var(--color-border, var(--border, #e5e7eb));border-radius:.375rem;padding:1rem;overflow-x:auto;margin:1.5rem 0;font-family:monospace;font-size:.875rem;line-height:1.625}.article-editor-content code{font-family:monospace;font-size:.875em;background:var(--color-surface-alt, var(--bg3, #f5f5f5));padding:.1em .3em;border-radius:.25rem}.article-editor-content pre code{background:none;padding:0;font-size:inherit}.article-editor-content ul,.article-editor-content ol{padding-left:1.5rem;margin-bottom:1rem}.article-editor-content li{margin-bottom:.5rem}.article-editor-content hr{border:none;border-top:1px solid var(--color-border, var(--border, #e5e7eb));margin:2rem 0}.article-editor-content img{max-width:100%;border-radius:.375rem;margin:1.5rem 0}.article-editor-content .mention{color:var(--color-brand, var(--accent, #6366f1));font-weight:500}.mention-popup{position:absolute;z-index:100;background:var(--color-surface, var(--bg2, #fff));border:1px solid var(--color-border, var(--border, #e5e7eb));border-radius:.375rem;box-shadow:0 4px 12px #00000040;min-width:200px;max-width:320px;overflow:hidden;padding:.25rem}.mention-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:none;background:transparent;cursor:pointer;text-align:left;border-radius:.25rem;font-family:inherit;color:var(--color-text, var(--text, #1a1a1a))}.mention-item:hover,.mention-item.is-selected{background:var(--color-surface-alt, var(--bg3, #f5f5f5))}.mention-avatar{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.mention-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--color-border, var(--border, #e5e7eb));color:var(--color-text-secondary, var(--text-muted, #6b7280));font-size:.75rem;font-weight:600}.mention-info{display:flex;flex-direction:column;gap:1px;min-width:0}.mention-handle{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-name{font-size:.75rem;color:var(--color-text-secondary, var(--text-muted, #6b7280));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}