:root{--bg:#161617;--panel:#1d1d1f;--panel-2:#27272a;--text:#e9e9ea;--muted:#9a9a9f;--border:#343438;--accent:#6ee7b7;--danger:#f87171;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);overflow:hidden}canvas{display:block}body,*{scrollbar-width:thin;scrollbar-color:#3f3f44 var(--panel)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--panel);border-radius:8px}::-webkit-scrollbar-thumb{background:#3f3f44;border-radius:8px;border:2px solid var(--panel)}::-webkit-scrollbar-thumb:hover{background:#5a5a5e}::-webkit-scrollbar-corner{background:var(--panel)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;flex:0 0 14px;margin:0;border:1px solid var(--border);border-radius:4px;background:var(--panel-2);cursor:pointer;position:relative}input[type=checkbox]:hover{border-color:#4a4a50}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:3px;height:7px;border:solid #10241c;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=color]{appearance:none;-webkit-appearance:none;width:26px;height:22px;padding:0;cursor:pointer;border:1px solid var(--border);border-radius:5px;background:var(--panel-2)}input[type=color]:hover{border-color:#4a4a50}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}input[type=color]::-moz-color-swatch{border:none;border-radius:3px}.bgctl{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}input[type=range]{appearance:none;-webkit-appearance:none;height:4px;border-radius:3px;background:var(--panel-2);outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text);border:none;cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text);border:none;cursor:pointer}#bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;gap:10px;align-items:center;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:600;color:var(--text);font-size:13px;letter-spacing:.01em}.hint{color:var(--muted);font-size:12px}.spacer{flex:1}.fps{color:var(--muted);font:12px ui-monospace,Consolas,monospace;min-width:64px;text-align:right}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:6px;cursor:pointer;font-size:12.5px;line-height:1}button:hover:not(:disabled){background:#313136;border-color:#4a4a50}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--panel-2);color:var(--text);border-color:#4a4a50}.ic{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;width:14px;height:14px;flex:0 0 14px}#catalog{position:fixed;left:10px;top:52px;z-index:9;width:300px;display:flex;flex-direction:column;gap:7px;max-height:calc(100vh - 62px);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:9px}#catalog .chd{display:flex;justify-content:space-between;align-items:center;gap:8px}#catalog .ct{font-size:12px;color:var(--text);font-weight:600}#catalog .cn{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}#catsearch,#catsel{width:100%;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;font-size:12px}#catsearch::placeholder{color:var(--muted)}#catsearch:focus,#catsel:focus{outline:none;border-color:#4a4a50}#catalog .crow{display:flex;gap:14px;font-size:11px;color:var(--muted)}#catalog .crow label{display:flex;align-items:center;gap:6px;cursor:pointer}#catlist{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;background:#151516;border:1px solid var(--border);border-radius:6px;padding:4px}.ccard{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:5px;border-radius:6px;cursor:pointer;border:1px solid transparent}.ccard:hover{background:var(--panel-2);border-color:var(--border)}.cic{flex:0 0 34px;height:34px;border-radius:4px;background-color:#0e0e0f;position:relative;overflow:hidden;border:1px solid var(--border)}.cic i{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.5}.cmid{flex:1 1 auto;min-width:0}.cname{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmeta{display:flex;gap:6px;align-items:center;margin-top:3px}.cid{font:11px/1 ui-monospace,Consolas,monospace;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:2px 4px;cursor:pointer;user-select:none;white-space:nowrap}.cid:hover{color:var(--text);border-color:#4a4a50}.cid.copied{color:var(--accent);border-color:var(--accent)}.ccat{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cacts{flex:0 0 auto;display:flex;gap:2px;align-items:center}.cbtn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#63636a;cursor:pointer;border:1px solid transparent}.cbtn:hover{background:#313136;color:var(--text)}.cbtn .ic{width:13px;height:13px;flex:0 0 13px}.clike.on{color:var(--accent)}.clike.on .ic{fill:currentColor}.cdel:hover{color:var(--danger)}.cempty{padding:10px;font-size:11px;color:var(--muted)}#catalog .chint{font-size:10px;color:var(--muted);line-height:1.45}#nodes{position:fixed;left:320px;top:52px;z-index:9;width:238px;max-height:calc(100vh - 62px);overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.node-card{flex:0 0 auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:9px 10px;font-size:12.5px}.node-card.sel{border-color:var(--accent)}.node-card .row{display:flex;align-items:center;gap:6px;justify-content:space-between}.node-card .title{font-weight:600;display:flex;align-items:center;gap:6px}.node-card select{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px;width:100%;margin-top:6px;font-size:12px}.node-card .btns{display:flex;gap:5px;margin-top:7px}.node-card .btns button{flex:1;padding:5px 6px;font-size:12px}.node-card .dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 9px}.node-card .idin{width:100%;margin-top:6px;padding:4px 6px;border-radius:6px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:11px/1.2 ui-monospace,Consolas,monospace}.node-card .idin::placeholder{color:var(--muted);font-family:inherit}.node-card .idin:focus{outline:none;border-color:#4a4a50}.node-card .idin.bad{border-color:var(--danger);color:var(--danger)}.node-card .vid{font-size:11px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#log{position:fixed;right:10px;bottom:10px;z-index:9;max-width:380px;color:var(--muted);font:11px/1.45 ui-monospace,Consolas,monospace;background:var(--panel);padding:7px 9px;border-radius:6px;border:1px solid var(--border);white-space:pre-line;pointer-events:none}.lil-gui{--width:250px;z-index:11!important;--background-color:#1d1d1f;--text-color:#e9e9ea;--title-background-color:#27272a;--title-text-color:#e9e9ea;--widget-color:#27272a;--hover-color:#313136;--focus-color:#3f3f44;--number-color:#9a9a9f;--string-color:#9a9a9f;--font-size:12px}.lil-gui.root{position:fixed;top:52px;right:10px}