.mention-comment-panel{z-index:45;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:320px;height:100%;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 24px #0f172a14}.dark .mention-comment-panel{background:#0f172a;border-color:#334155}.mention-comment-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.mention-comment-compose{border-bottom:1px solid #e2e8f0;padding:.75rem}.mention-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:.5rem;width:100%;margin-top:.5rem;padding:.5rem;font-size:.875rem}.mention-comment-list{flex-direction:column;flex:1;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}.mention-comment-item{border:1px solid #e2e8f0;border-radius:.5rem;padding:.75rem;font-size:.875rem}.mention-comment-item.resolved{opacity:.6}.mention-tag{color:#2563eb;font-weight:600}.mention-input-wrap{position:relative}.mention-picker{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;max-height:160px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.mention-picker button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.5rem .75rem;display:block}.mention-picker button:hover{background:#f1f5f9}.mention-picker span{color:#64748b;font-size:.7rem;display:block}.resolve-btn{color:#16a34a;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.collab-cursor{pointer-events:none;z-index:50;border-left:2px solid;height:1.2em;position:absolute}.collab-cursor-label{color:#fff;white-space:nowrap;border-radius:3px;padding:1px 4px;font-size:10px;position:absolute;top:-1.4em;left:0}