.node-side-tools{background:#1b1b1b;border:1px solid #353535;border-radius:32px;padding:8px 5px;gap:5px;width:48px}.node-side-tools button{height:40px;width:36px;padding:5px;color:#ddd;font-size:25px;border-radius:50%}.node-side-tools #node-add{background:linear-gradient(#66d8b6,#50d9f0);color:#163b35;font-size:32px;line-height:30px}.node-side-tools svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.canvas-add-popover{position:absolute;left:66px;top:50%;transform:translateY(-50%);width:260px;max-height:calc(100% - 105px);overflow:auto;z-index:12;background:#1b1b1b;border:1px solid #333;border-radius:12px;padding:17px 13px;color:#eee;box-shadow:0 10px 30px #0008}.canvas-add-popover h2{font-size:17px;font-weight:400;color:#999;margin:0 0 12px 0}.canvas-add-popover h2:not(:first-child){margin-top:14px}.canvas-add-popover>button{display:flex;gap:12px;align-items:center;width:100%;padding:7px 5px;text-align:left;font-size:17px;border-radius:7px}.canvas-add-popover>button:hover{background:#303030}.canvas-menu-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:none;background:#333;border-radius:6px;font-size:28px;color:#aaa}.canvas-menu-icon img{width:25px;height:25px;object-fit:contain}.canvas-add-popover small{font-size:11px;background:#253d34;color:#65d8b6;border:1px solid #36574a;padding:3px 5px;border-radius:3px}.canvas-library-dialog{position:fixed;inset:12px;margin:auto;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-width:none;max-height:none;padding:0;border:1px solid #2d2d2d;border-radius:9px;background:#1b1b1b;color:#d7d7d7;box-sizing:border-box}.canvas-library-dialog[open]{display:flex;flex-direction:column}.canvas-library-dialog::backdrop{background:#0009}.canvas-library-head{position:static!important;flex:none;height:56px;padding:0 17px;background:none!important;border-bottom:1px solid #303030;display:flex;align-items:center;gap:15px}.canvas-library-tabs{display:flex;gap:25px;align-self:stretch}.canvas-library-tabs button{border-radius:0;padding:0;position:relative;font-size:14px;color:#999}.canvas-library-tabs button.selected{color:#ddd}.canvas-library-tabs button.selected:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:0;background:#ddd}.canvas-library-head input{margin-left:auto;width:190px;background:#070707;border:1px solid #333;border-radius:7px;padding:9px;color:#ddd}.canvas-library-close{margin-left:auto;color:#aaa;font-size:25px;padding:3px 0}.canvas-library-head input+.canvas-library-close{margin-left:5px}.canvas-library-filters{display:flex;align-items:center;gap:12px;padding:18px 20px;flex:none;flex-wrap:wrap}.canvas-library-filters button{font-size:14px;padding:9px 15px;border-radius:7px;color:#ddd}.canvas-library-filters button.selected{background:#233e34;color:#65d8b6}.canvas-favorite-filter{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:14px}.canvas-favorite-filter input{accent-color:#65d8b6;width:16px;height:16px}.canvas-library-body{position:relative;flex:1;overflow:auto;min-height:0;padding:0 20px}.canvas-library-empty{height:100%;min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#656565;font-size:14px}.canvas-library-empty img{width:116px;height:73px;object-fit:contain}.canvas-library-empty p{margin:12px 0}.canvas-library-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:16px 20px;flex:none;background:none!important;position:static!important}.canvas-library-footer>button{padding:10px 24px;border-radius:8px;background:#333;color:#ddd;font-size:14px}.canvas-library-footer .canvas-library-confirm{background:#66d8b6;color:#12372d}.canvas-library-footer .canvas-library-confirm:disabled{opacity:.45;cursor:default}.canvas-library-local-note{margin-right:auto;color:#999}.canvas-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.canvas-library-card{position:relative;border:1px solid #333;background:#242424;border-radius:9px;overflow:hidden}.canvas-library-card.selected{border-color:#65d8b6}.canvas-library-pick{display:flex;flex-direction:column;width:100%;gap:12px;padding:12px;text-align:left}.canvas-library-pick img{width:100%;height:115px;object-fit:contain}.canvas-library-pick span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.canvas-library-star{position:absolute;top:5px;right:5px;font-size:22px;background:#202020b0;border-radius:5px;color:#65d8b6}.canvas-library-workflow{display:flex;flex-direction:column;gap:14px;padding:25px;border:1px solid #36574a;background:#24382f;border-radius:9px;text-align:left;max-width:350px}.canvas-library-workflow span{color:#aaa;font-size:13px}@media(max-width:650px){.canvas-library-filters{gap:3px;padding:12px}.canvas-library-filters button{padding:7px 10px}.canvas-library-tabs{gap:12px}.canvas-library-head input{width:130px}.canvas-add-popover{width:230px}.canvas-library-footer{padding:12px}.canvas-library-local-note{max-width:120px}}

.canvas-library-tabs button.selected{background:none!important}.canvas-library-footer[hidden]{display:none}

.canvas-connect-menu{transform:none;top:auto;left:auto;width:230px;max-height:calc(100% - 70px)}.canvas-connect-menu>button{padding:11px 9px}.canvas-connect-menu>button:focus-visible{outline:2px solid #65d8b6;outline-offset:-2px}