html,body{overscroll-behavior:none;--brush-strip-height:200px;background:#1f1f1f;width:100%;height:100%;margin:0;font-family:Yantramanav,sans-serif;font-size:0;display:flex;overflow:hidden}.node-graph{-webkit-user-select:none;user-select:none;width:100%;height:100%;font-size:12px;display:inline-block;position:relative;overflow:hidden}.node-graph .toolbar{z-index:10;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:10px;left:10px}.node-graph .preset-dropdown,.node-graph .add-node-button{color:#fff;cursor:pointer;background:#333;border:1px solid #4d4d4d;padding:4px 8px;font-family:inherit;font-size:14px}.node-graph .preset-dropdown:hover,.node-graph .add-node-button:hover{background:#404040}.viewport-strip{width:100%;height:auto;position:absolute;bottom:0}.viewport-strip canvas{width:100%;height:var(--brush-strip-height);position:absolute;bottom:0}.material-viewports{width:25%;height:100%;display:inline-block;position:absolute;top:0;right:0}.material-viewports.full{width:100%}.material-viewports.short{height:calc(100% - var(--brush-strip-height))}.material-viewports.viewport-2d-only .viewport-3d{display:none}.material-viewports.viewport-2d-only .viewport-2d{height:100%}.material-viewports.viewport-3d-only .viewport-2d{display:none}.material-viewports.viewport-3d-only .viewport-3d{height:100%}.material-viewports .viewport-3d,.material-viewports .viewport-2d{background:#000;width:100%;height:50%;position:relative}.material-viewports .viewport-3d canvas,.material-viewports .viewport-2d canvas{width:100%;height:100%;display:block}.selection-outline{z-index:1;pointer-events:none;border:1px solid #fff;margin-top:-1px;margin-left:-1px;position:absolute;box-shadow:0 0 10px #ffffff80}section{z-index:1;transform-origin:0 0;background:#404040e6;border-radius:8px 8px 4px 4px;width:256px;padding-bottom:8px;position:absolute;box-shadow:0 0 20px #000}section.selected{box-shadow:none}section .row{position:relative}section .row .spacer{height:8px}section .row.in label{text-align:left}section .row.out:not(.in) label{text-align:right}section canvas{vertical-align:top;width:100%;height:auto}section h1,section label{color:#fff;height:24px;margin:0;padding:0 16px;font-size:14px;font-weight:400;line-height:24px;display:block}section h1{background:#009cb8cc;border-radius:4px 4px 0 0}section label{z-index:10;pointer-events:none;position:relative}section label:focus-within{color:#0000}section label:focus-within input{text-align:center}section input[type=number]{-moz-appearance:textfield}section input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}section input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}section select{margin:0}section label input,section select{z-index:-1;text-align:right;color:#fff;pointer-events:auto;background:#666c;border:none;border-radius:3px;outline:none;width:calc(100% - 32px);height:20px;margin:auto 10px;padding:0 6px;font-family:inherit;font-size:14px;font-weight:400;display:block;position:absolute;inset:0}section select{text-align:left;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='8'><path d='M4,2 L8,6 L12,2' fill='none' stroke='white' stroke-width='2' /></svg>");background-position:right 3px center;background-repeat:no-repeat;width:calc(100% - 20px)}section select option{background:#1a1a1a}section .connector{border:1px solid #fff;width:10px;height:10px;margin:auto;position:absolute;top:0;bottom:0}section .connector.in{left:-6px}section .connector.out{right:-6px}section .connector[data-indegree]+label input{display:none}section .connector[data-indegree="0"]+label input{display:block}section .connector.dimensions-0d{border-radius:50%}section .connector.dimensions-1d{border:none}section .connector.dimensions-1d:before,section .connector.dimensions-1d:after{content:"";border:1px solid #fff;width:2px;height:10px;display:block;position:absolute;top:-1px}section .connector.dimensions-1d:before{border-right:none;border-radius:2px 0 0 2px;left:-1px}section .connector.dimensions-1d:after{border-left:none;border-radius:0 2px 2px 0;right:-1px}section .connector.dimensions-2d{border-radius:2px}section .connector.dimensions-3d{border-radius:2px;width:8px;height:8px;transform:rotate(45deg)}section .connector.dimensions-3d.in{left:-5px}section .connector.dimensions-3d.out{right:-5px}section .connector.float{background:#333}section .connector.float2{background:#666}section .connector.float3{background:#999}section .connector.float4{background:#ccc}section .connector.int{background:indigo}section .connector.bool{background:#4682b4}section .connector.string{background:#32cd32}section .connector.color{background:coral}section .connector.group-1-of-2{transform:translateY(-10px)}section .connector.group-2-of-2{transform:translateY(10px)}section .connector.group-1-of-3{transform:translateY(-20px)}section .connector.group-3-of-3{transform:translateY(20px)}section .connector.group-1-of-4{transform:translateY(-30px)}section .connector.group-2-of-4{transform:translateY(-10px)}section .connector.group-3-of-4{transform:translateY(10px)}section .connector.group-4-of-4{transform:translateY(30px)}section .connector:hover{background:#bfbfbf}.wires{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wires path{fill:none;stroke:#ccc;stroke-width:2px}