#canvasMentionMenu[hidden],#canvasToolMenu[hidden]{display:none!important}#canvasMentionMenu{position:fixed;z-index:10100;width:min(338px,calc(100vw - 16px));box-sizing:border-box;max-height:250px;overflow:auto;padding:12px;background:#303030;border:1px solid #4b4b4b;border-radius:18px;box-shadow:0 8px 30px #0008;color:#ddd;font:13px sans-serif}.canvas-mention-heading{display:flex;justify-content:space-between;border-bottom:1px solid #484848;padding-bottom:10px;margin-bottom:8px}.canvas-mention-heading small{font-size:10px;color:#aaa}#canvasMentionMenu button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:9px;padding:7px;background:none;color:#eee;cursor:pointer;text-align:left}#canvasMentionMenu button[aria-selected=true],#canvasMentionMenu button:hover{background:#484848}#canvasMentionMenu img{width:34px;height:34px;object-fit:cover;border-radius:8px}#canvasMentionMenu button>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#canvasMentionMenu button small{font-size:10px;white-space:nowrap;color:#9bcbd5}.reference-ref-list .canvas-reference-thumb{position:relative;display:block;flex-shrink:0;width:48px;height:48px;padding:0;border:1px solid #41494f;border-radius:11px;overflow:hidden;background:#141a20;cursor:pointer}.canvas-reference-thumb img{width:100%;height:100%;object-fit:cover}.canvas-reference-thumb b{position:absolute;top:0;left:0;background:#111a;color:white;font:11px sans-serif;padding:2px 4px;border-radius:0 0 5px}.reference-ref-list .canvas-reference-thumb.is-text{width:auto;max-width:150px;padding:5px;color:#bbb;font-size:11px}#canvasToolMenu{position:fixed;z-index:10100;box-sizing:border-box;width:207px;padding:8px;border:1px solid #3c3c3c;border-radius:17px;background:#222;color:#eee;box-shadow:0 8px 25px #0006}#canvasToolMenu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 7px;border:0;background:none;color:inherit;border-radius:8px;cursor:pointer;text-align:left}#canvasToolMenu button:hover,#canvasToolMenu button:focus-visible{background:#373737}#canvasToolMenu button>span{width:12px}#canvasToolMenu svg,#canvasPanMode svg{width:20px;height:20px;flex-shrink:0}#canvasToolMenu b{flex:1;font-size:12px}#canvasToolMenu small{color:#888;font-size:12px}#canvasPanMode{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0}#canvasPanMode small{font-size:10px;line-height:6px;letter-spacing:1px}#freeCanvasStage.hand-mode,#freeCanvasStage.hand-mode [data-canvas-node],#freeCanvasStage.hand-mode .canvas-node-handle{cursor:grab!important}#freeCanvasStage.hand-mode:active{cursor:grabbing!important}