.node-side-tools{width:48px;align-items:center}.node-side-tools #node-add{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;aspect-ratio:1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;line-height:1}.node-side-tools #node-add svg{width:23px;height:23px;stroke-width:2.4}.node-controls-wrap{position:absolute;left:12px;bottom:12px;z-index:8;display:flex;gap:10px;align-items:center}.node-controls-wrap .node-bottom-tools{position:static;gap:5px;padding:7px 9px;background:#262626;border:1px solid #333;border-radius:14px;height:52px}.node-controls-wrap button{display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;padding:6px!important;border-radius:8px;color:#d2d2d2;background:transparent;flex:none}.node-controls-wrap svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.node-controls-wrap button[aria-pressed=true]{background:#535353}.node-controls-wrap button:disabled{opacity:.3;cursor:default}.node-controls-wrap button:hover{background:#484848}.node-controls-wrap button:hover:after,.node-controls-wrap button:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#333;color:#eee;border-radius:8px;padding:7px 10px;font-size:13px;white-space:nowrap;pointer-events:none}.node-controls-wrap button:hover:before{content:'';position:absolute;bottom:calc(100% + 4px);border:5px solid transparent;border-top-color:#333}.node-control-divider{width:1px;height:26px;background:#505050;margin:0 4px}.node-controls-wrap #node-zoom-slider{width:78px;accent-color:#67d8b6;height:5px;cursor:pointer;margin:0 5px}.node-controls-wrap #node-shortcuts{background:#262626;border:1px solid #333;height:52px;width:52px;border-radius:14px}.canvas-drag-mode .node-viewport,.canvas-drag-mode .node-viewport *,.canvas-space-pan .node-viewport,.canvas-space-pan .node-viewport *{cursor:grab!important}#node-minimap[hidden]{display:none}#node-minimap{bottom:76px;cursor:crosshair}.node-status{bottom:28px;max-width:calc(100% - 600px)}.canvas-shortcut-dialog{width:min(1100px,calc(100vw - 36px));max-width:none;padding:38px 30px;box-sizing:border-box;border:1px solid #303030;border-radius:24px;background:#202020;color:#aaa}.canvas-shortcut-dialog[open]{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:26px}.canvas-shortcut-dialog::backdrop{background:#0009}.canvas-shortcut-dialog section+section{border-left:1px solid #333;padding-left:26px}.canvas-shortcut-dialog h2{color:#66d8b6;font-size:23px;margin:0 0 25px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:65px;font-size:15px}.shortcut-row>div{display:flex;align-items:center;justify-content:flex-end;gap:7px}.shortcut-row kbd,.shortcut-mouse{font-family:inherit;background:#393939;border:1px solid #4b4b4b;border-radius:6px;padding:7px 10px;color:#ddd;white-space:nowrap}.shortcut-mouse{display:inline-flex;padding:5px 10px}.shortcut-mouse svg{width:22px;height:29px;stroke:#ddd;stroke-width:2;fill:none}.shortcut-mouse.left svg{background:linear-gradient(90deg,#69dbb5 50%,transparent 50%) no-repeat 6px 4px/10px 11px}.shortcut-mouse.wheel svg path{stroke:#69dbb5;stroke-width:3}.shortcut-close{position:absolute;top:12px;right:18px;color:#999;font-size:26px;background:none;border:0;padding:0}@media(max-width:750px){.node-controls-wrap{left:8px;gap:6px}.node-controls-wrap .node-bottom-tools{gap:1px;padding:5px}.node-controls-wrap button{width:28px;height:32px;padding:4px!important}.node-controls-wrap #node-zoom-slider{width:50px}.node-controls-wrap #node-shortcuts{width:40px}.node-control-divider{margin:0 2px}.canvas-shortcut-dialog[open]{display:block;max-height:85vh;overflow:auto;padding:24px}.canvas-shortcut-dialog section+section{border-left:0;border-top:1px solid #333;padding:20px 0 0;margin-top:20px}.node-status{bottom:78px;max-width:65%}}

.node-controls-wrap #node-zoom-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#67d8b6 0%,#67d8b6 var(--zoom-fill,50%),#666 var(--zoom-fill,50%),#666 100%);border:0;border-radius:4px;outline-offset:4px}.node-controls-wrap #node-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:white;border:0}.node-controls-wrap #node-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:white;border:0}