body:not(.home) #toolbar{width:auto;left:50%;transform:translateX(-50%);}
body:not(.home) #toolbar #tb-search,body:not(.home) #toolbar #tb-arrange,body:not(.home) #toolbar #tb-edges{display:grid!important;place-items:center;}
.canvas-selection-tools,.canvas-search,.canvas-tools-popover{position:fixed;z-index:55;border:1px solid var(--border,#454545);background:var(--panel,#252525);color:var(--text,#eee);box-shadow:0 8px 30px #0004;border-radius:12px;font:12px/1.5 system-ui,"Microsoft Yahei",sans-serif;}
.canvas-selection-tools[hidden],.canvas-search[hidden]{display:none!important;}

body.home :is(.canvas-selection-tools,.canvas-search,.canvas-tools-popover),
body:has([role="dialog"].show:not(.minimized):not([hidden]),[aria-modal="true"].show:not(.minimized):not([hidden]),.account-mask.show,.project-mask.show,.library-modal-mask.show,#modal-mask.show,dialog[open],[popover]:popover-open) :is(.canvas-selection-tools,.canvas-search,.canvas-tools-popover){display:none!important;}
.canvas-selection-tools{display:flex;gap:4px;align-items:center;padding:5px 7px;max-width:calc(100vw - 32px);}
.canvas-selection-tools button,.canvas-search button,.canvas-tools-popover button{cursor:pointer;color:inherit;background:transparent;border:0;border-radius:6px;font:inherit;}
.canvas-selection-tools button{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;padding:5px;}
.canvas-selection-tools button:hover,.canvas-search button:hover,.canvas-tools-popover button:hover{background:#ffffff12;}
.canvas-selection-tools button[aria-pressed=true]{color:#7dd3fc;background:#38bdf821;}
.canvas-selection-tools button:disabled,.canvas-tools-popover button:disabled{opacity:.35;cursor:not-allowed;}
.canvas-selection-tools svg,.canvas-node-pin svg{width:17px;height:17px;}
.canvas-selection-count{padding:0 4px;white-space:nowrap;color:var(--muted,#aaa);font-size:11px;}
.canvas-selection-tags,.canvas-search-tags{display:flex;gap:4px;overflow:hidden;}
.canvas-selection-tags{max-width:250px;}
.canvas-tag{display:inline-block;max-width:115px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10px;line-height:16px;}
.canvas-tag.partial{opacity:.6;}
.canvas-tag.matched{outline:1px solid #7dd3fc;outline-offset:-1px;}
.canvas-node-tags{position:absolute;top:-25px;left:0;max-width:100%;display:flex;gap:3px;pointer-events:none;}
.canvas-tag-more{font:11px/20px system-ui;color:var(--muted,#aaa);}
.node .canvas-node-pin{display:none;width:20px;height:20px;flex:none;padding:2px;border:0;border-radius:4px;background:transparent;color:var(--muted,#aaa);cursor:pointer;}
.node.selected .canvas-node-pin,.node.canvas-pinned .canvas-node-pin,.node:hover .canvas-node-pin{display:grid;place-items:center;}
.node.canvas-pinned .canvas-node-pin{color:#7dd3fc;}
.node.canvas-pinned{cursor:default;}
#canvas-wrap.canvas-edges-hidden #edges-layer .edge-line,#canvas-wrap.canvas-edges-hidden #edges-layer .edge-hit{visibility:hidden;pointer-events:none;}
#tb-edges[aria-pressed=true]{color:#7dd3fc;background:#38bdf81f;}
.canvas-search{width:min(420px,calc(100vw - 24px));left:50%;transform:translateX(-50%);top:64px;overflow:hidden;}
.canvas-search-head{display:flex;gap:8px;align-items:center;padding:8px 12px;min-height:28px;}
.canvas-search-head input{flex:1;min-width:0;padding:5px 0;outline:0;border:0;background:transparent;color:inherit;font:13px inherit;}
.canvas-search-head button{font-size:20px;width:26px;height:28px;}
.canvas-search-count{font-size:10px;white-space:nowrap;color:var(--muted,#aaa);}
.canvas-search-results{max-height:320px;overflow:auto;border-top:1px solid var(--border,#454545);padding:4px;}
.canvas-search .canvas-search-result{display:flex;gap:9px;align-items:center;width:100%;padding:8px;text-align:left;}
.canvas-search .canvas-search-result.active{background:#ffffff15;}
.canvas-search-glyph{width:40px;height:36px;border-radius:6px;display:grid;place-items:center;background:#ffffff0d;color:var(--muted,#bbb);flex:none;font-size:10px;}
.canvas-search-thumbnail{width:40px;height:36px;object-fit:cover;border-radius:6px;}
.canvas-search-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px;}
.canvas-search-copy strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.canvas-tools-hint{color:var(--muted,#aaa);font-size:12px;text-align:center;padding:8px;}
.canvas-tools-popover{z-index:56;width:272px;max-width:calc(100vw - 24px);max-height:min(380px,calc(100vh - 90px));overflow:auto;padding:8px;}
.canvas-tools-popover>button{display:block;width:100%;text-align:left;padding:8px 10px;}
.canvas-tools-popover strong{display:block;padding:4px 4px 8px;font-weight:500;}
.canvas-tag-list{display:flex;flex-direction:column;gap:4px;}
.canvas-tag-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap;}
.canvas-tag-row>button{font-size:10px;padding:3px;}
.canvas-tag-row>button:last-child{font-size:16px;margin-left:auto;width:24px;}
.canvas-tag-row select{width:51px;margin-left:auto;border:0;background:var(--panel3,#333);color:inherit;font-size:10px;}
.canvas-tag-form{display:flex;gap:4px;margin:10px 0 6px;}
.canvas-tag-form input{flex:1;min-width:0;width:130px;border:1px solid var(--border,#454545);border-radius:6px;padding:7px;background:transparent;color:inherit;font:12px inherit;}
.canvas-tag-form button{padding:5px;background:#ffffff0b;white-space:nowrap;}
.canvas-tag-suggestions{display:flex;flex-wrap:wrap;gap:3px;}
.canvas-tag-suggestions button{padding:3px;}
.canvas-selection-tools button:focus-visible,.canvas-search button:focus-visible,.canvas-tools-popover button:focus-visible,.canvas-node-pin:focus-visible{outline:2px solid #7dd3fc;outline-offset:1px;}
@media(max-width:700px){.canvas-selection-tags{max-width:90px;}.canvas-selection-tools{z-index:55;}.canvas-tools-popover{max-height:270px;}}