:root{color-scheme:dark;--bg:#1b1d20;--panel:#25272b;--panel-deep:#202226;--line:#383b40;--line-dark:#15171a;--text:#cbd0d6;--muted:#838990;--bright:#edf0f3;--accent:#e9a060;--accent-dark:#a97240;--blue:#65b6e2;--green:#84ba9d;--right-width:306px;--network-height:35%;--font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font);font-size:12px;color:var(--text)}body{user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:transparent;border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .12s,color .12s}button:hover{color:var(--bright);background:#ffffff0a}button:active{background:#ffffff15}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:#1e2023;border:1px solid #3b3e44;border-radius:3px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range]{appearance:none;background:transparent;border:0;cursor:ew-resize;min-width:0}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--accent-dark) var(--progress,0%),#44484d var(--progress,0%));border-radius:2px}input[type=range]::-webkit-slider-thumb{appearance:none;width:7px;height:11px;background:#cacdd0;border-radius:1px;margin-top:-4px;box-shadow:0 0 0 1px #0003}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent)}input[type=range]::-moz-range-track{height:3px;background:#45484e}input[type=range]::-moz-range-thumb{height:11px;width:7px;border:0;border-radius:1px;background:#cacdd0}select{height:24px;border:0;max-width:160px;padding:0 23px 0 7px;background-color:transparent;font-size:11px}select:hover{background-color:#ffffff08}option{background:#272a2e}svg{flex-shrink:0;vertical-align:middle}kbd{font-family:var(--font);font-size:10px;font-weight:400;color:#9299a2;border:1px solid #4c50573d;background:#ffffff03;border-radius:3px;padding:1px 4px;line-height:15px}a{color:var(--accent)}.spacer{flex:1;min-width:0}.muted{color:var(--muted)}[hidden]{display:none!important}.icon-button{width:28px;height:28px;flex-shrink:0;border-radius:3px;color:#999fa6}.icon-button:hover{color:#fff}.separator{height:14px;width:1px;background:var(--line);margin:0 3px}.primary-button{background:var(--accent);color:#211b16;padding:9px 15px;border-radius:4px;font-weight:600}.primary-button:hover{background:#f7b376;color:#211b16}.secondary-button{border:1px solid #494e54;background:#303338;border-radius:4px;padding:8px 12px}.danger{color:#ec9292}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#454a51;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#636871}#app{height:100dvh;min-height:500px;display:flex;flex-direction:column}
.menubar{height:40px;display:flex;align-items:center;background:#202225;border-bottom:1px solid #111315;flex-shrink:0;padding:0 14px;gap:25px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#e7e9ec;white-space:nowrap}.brand-symbol{color:var(--accent);display:flex}.brand strong{font-size:16px;font-weight:700;letter-spacing:1.7px}.brand strong span{color:var(--accent);font-size:12px;letter-spacing:.4px;margin-left:4px;font-weight:600}.edition{font-size:8px;letter-spacing:1.5px;color:#7e838a;margin-left:3px;border-left:1px solid #44474d;padding-left:10px;line-height:19px}.menubar nav{display:flex;gap:1px;height:100%;align-items:center}.menubar nav>button{height:28px;padding:0 9px;font-size:11px;border-radius:3px;color:#b0b5bc}.menubar-right{margin-left:auto;display:flex;align-items:center;gap:18px}.build-tag{border:1px solid #3b3e42;border-radius:3px;font-size:9px;color:#8e959e;padding:3px 5px}#command-button{font-size:10px;color:#808790;gap:8px}#command-button kbd{margin-left:30px;font-size:9px}.workspacebar{height:35px;background:#25272b;display:flex;align-items:center;border-bottom:1px solid #141619;flex-shrink:0;padding-right:12px}.document-tab{height:100%;background:#2d3035;border-right:1px solid #41444a;border-top:1px solid var(--accent-dark);min-width:237px;display:flex;align-items:center;gap:9px;padding:0 15px;font-size:11px}.document-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}#document-dirty{color:var(--accent);margin-left:auto}.new-document{height:100%;width:35px;color:#7e858c}.workspace-tabs{height:100%;display:flex;padding-left:15px;gap:9px}.workspace-tabs button{height:100%;padding:0 16px;font-size:11px;color:#8d949c}.workspace-tabs button.active{color:#dfe2e5;border-bottom:2px solid var(--accent);background:#ffffff03}#save-status{font-size:10px;color:#858c95;margin-right:16px}.save-button{font-size:10px;border:1px solid #5d4936;background:#423528;color:#ecc19a;padding:5px 10px;border-radius:3px}.save-button:hover{background:#564230;color:#ffddbb}.shelf{background:#2b2d31;flex-shrink:0;border-bottom:1px solid #141619}.shelf-tabs{height:27px;display:flex;align-items:stretch;gap:2px;background:#24262a;border-bottom:1px solid #3b3e44;padding:0 12px}.shelf-tabs>button{padding:0 14px;font-size:10px;color:#999fa7;border-bottom:2px solid transparent}.shelf-tabs>button.active{color:#f0c196;border-color:var(--accent);background:#ffffff03}.shelf-hint{font-size:9px;letter-spacing:.25px;align-self:center;color:#686e76;margin-right:2px}.shelf-content{height:66px;display:flex;align-items:center;padding:0 10px;gap:3px}#shelf-tools{height:100%;display:flex;align-items:center;gap:3px}.shelf-tool{height:55px;min-width:61px;padding:6px 9px;display:flex;flex-direction:column;gap:6px;font-size:9px;letter-spacing:.1px;border-radius:4px;color:#aab0b8}.shelf-tool svg{color:#d3b999;stroke-width:1.4}.shelf-tool:nth-child(3n+2) svg{color:#a8becb}.shelf-tool:nth-child(3n) svg{color:#b2bab0}.shelf-tool:hover{color:#f6f8fa;background:#36393e}.shelf-separator{height:38px;width:1px;background:#43464a;margin:0 10px}.snapshot-tool{margin-right:3px}.snapshot-tool svg{color:#9fa8b2}
#main-layout{display:flex;flex:1;min-height:0;overflow:hidden}#left-workspace{display:flex;flex:1;flex-direction:column;min-width:350px;min-height:0}.panel{display:flex;flex-direction:column;min-height:0;min-width:0}.pane-tabs{height:32px;display:flex;align-items:center;flex-shrink:0;background:#24262a;border-bottom:1px solid #121416;padding:0 5px;gap:4px}.pane-tabs>button:not(.icon-button){height:100%;padding:0 10px;font-size:10px;color:#90969f;border-top:2px solid transparent;margin-top:-1px;gap:7px}.pane-tabs>button.active:not(.icon-button){color:#dbdde1;background:#2c2f34;border-top-color:#a4a9af}.pane-tabs>button.active svg{color:#c4a680}.pane-tabs .muted{font-size:9px;padding-right:8px}.viewport-toolbar,.network-toolbar{height:29px;display:flex;align-items:center;flex-shrink:0;background:#2a2d31;gap:9px;padding:0 10px;font-family:var(--mono);font-size:10px;color:#9198a1;border-bottom:1px solid #1d1f22}.crumb-root{color:var(--accent);font-weight:bold}.crumb-slash{color:#575e67}.crumb-current{color:#c5c9ce}.viewport-toolbar select{font-family:var(--font);color:#b6bdc4}.viewport-toolbar .icon-button{height:23px;width:25px}#viewport-panel{flex:1;min-height:120px}#view-container{flex:1;min-height:0;position:relative;overflow:hidden;background:#4c5156}#viewport{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}.viewport-left-tools{position:absolute;top:12px;left:9px;display:flex;flex-direction:column;gap:2px;background:#282c30cf;border:1px solid #62697144;border-radius:4px;padding:3px;box-shadow:0 2px 12px #0001;backdrop-filter:blur(10px)}.viewport-left-tools button{height:29px;width:29px;border-radius:3px;color:#adb3ba}.viewport-left-tools button.active{background:#73533877;color:#f1c192}.viewport-left-tools i{height:1px;margin:4px;background:#666c7244}.viewport-top-hud{position:absolute;left:57px;top:16px;display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:.3px;color:#c3c8ce;pointer-events:none}.live-indicator{display:inline-block;width:5px;height:5px;background:#81b49d;border-radius:50%;box-shadow:0 0 6px #81b49d22;flex-shrink:0}.hud-divider{color:#959da455}#output-name{font-size:9px;color:#a4aab0}.scene-caption{position:absolute;bottom:37px;left:61px;pointer-events:none;text-shadow:0 1px 12px #0004}.eyebrow{font-size:8px;font-family:var(--mono);letter-spacing:2px;color:#adb2b7}.eyebrow span{color:#dfb283;margin-left:4px}.scene-caption h1{font-size:26px;font-weight:350;letter-spacing:-.7px;color:#f2f0ec;margin:7px 0 5px}.scene-caption p{margin:0;font-size:10px;color:#b4b8bd;letter-spacing:.25px}.viewport-bottom-hud{position:absolute;left:12px;right:13px;bottom:9px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-family:var(--mono);color:#9fa7b0;pointer-events:none}.viewport-bottom-hud i{display:inline-block;height:7px;width:1px;background:#737c8588;margin:0 9px}.viewport-bottom-hud>div:first-child span{color:#c3c9ce}.gpu-badge{border:1px solid #949b9944;padding:4px 6px;display:flex;align-items:center;gap:6px;border-radius:3px;background:#252b2c66;color:#c9d8c9;font-size:8px;letter-spacing:.3px}.orientation{position:absolute;top:21px;right:16px;width:64px;height:66px;perspective:180px;opacity:.8}.orientation button{position:absolute;background:#767d8433;border:1px solid #b7c0c577;font-size:9px;width:28px;height:28px;color:#d9dce0;box-shadow:inset 0 0 10px #0001;backdrop-filter:blur(2px)}.orientation button:hover{background:#ffffff33}.cube-front{transform:skewY(24deg);left:7px;top:24px;border-right:0!important}.cube-right{transform:skewY(-24deg);left:35px;top:24px;border-left:0!important;color:#d5aaa3!important}.cube-top{transform:rotate(-45deg) skew(15deg,15deg);left:21px;top:6px;width:29px!important;height:27px!important;color:#a7c8ae!important}.orientation .cube-home{transform:none;top:63px;left:16px;border:0;background:none;width:40px;box-shadow:none;font-size:8px;letter-spacing:.4px}.orientation .cube-home:hover{background:none;color:var(--accent)}#loading{position:absolute;inset:0;background:#2b3035;display:flex;align-items:center;justify-content:center;gap:10px;color:#b7bec6;font-size:12px;z-index:5}.spinner{width:17px;height:17px;border:2px solid #6668;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#viewport-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#d7dce1;pointer-events:none;background:linear-gradient(0deg,#30353aaa,transparent)}#viewport-empty>span{color:var(--accent);margin-bottom:6px}#viewport-empty h2{font-weight:400;font-size:22px;letter-spacing:-.4px;margin:12px}#viewport-empty p{font-size:11px;color:#aeb6be;margin:0 0 18px}#viewport-empty button{pointer-events:auto;font-size:11px}#gizmo{position:absolute;width:1px;height:1px;z-index:3}#gizmo button{position:absolute;font-family:var(--mono);font-size:10px;width:25px;height:25px;border-radius:50%;border:1px solid currentColor;background:#24272adb;box-shadow:0 2px 8px #0004;cursor:ew-resize}#gizmo button:before{content:'';position:absolute;width:42px;height:2px;background:currentColor;transform-origin:right center;right:24px}#gizmo [data-axis=x]{left:48px;top:-13px;color:#e79686}#gizmo [data-axis=y]{left:-12px;top:-71px;color:#91cbaa}#gizmo [data-axis=y]:before{transform:rotate(90deg);right:-9px;top:45px}#gizmo [data-axis=z]{left:-65px;top:29px;color:#91bde2}#gizmo [data-axis=z]:before{transform:rotate(145deg);left:9px;top:-10px}#measure-label{position:absolute;left:50%;top:35px;transform:translateX(-50%);padding:6px 10px;border:1px solid #a7906488;background:#2a2d30db;color:#e1c49e;font-family:var(--mono);font-size:11px;border-radius:4px;pointer-events:none}
#horizontal-splitter{height:5px;background:#16181b;cursor:row-resize;flex-shrink:0;border-top:1px solid #45495055;border-bottom:1px solid #45495055}#horizontal-splitter:hover,#vertical-splitter:hover{background:#75583c}#vertical-splitter{width:5px;background:#15171a;cursor:col-resize;flex-shrink:0;border-left:1px solid #41464d44;border-right:1px solid #41464d44}#network-panel{height:var(--network-height);flex-shrink:0;min-height:140px}.network-context{font-size:9px;color:#7f8791;margin-left:12px}.context-tag{font-family:var(--mono);font-size:8px;background:#44595044;border:1px solid #64877733;color:#a7b8ae;border-radius:3px;padding:2px 4px;margin-left:4px}.network-toolbar{height:26px;font-size:9px;background:#272a2e}#add-node-button{font-family:var(--font);font-size:9px;height:21px;color:#bfc5cc;gap:5px;padding:0 5px}#add-node-button kbd{font-size:8px;line-height:12px;margin-left:3px}#graph{flex:1;min-height:0;position:relative;overflow:hidden;background-color:#202327;background-image:radial-gradient(circle,#555e6a55 .7px,transparent .8px);background-size:18px 18px;outline:none;touch-action:none}#graph:focus-visible{box-shadow:inset 0 0 0 1px #e9a06035}#graph-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;width:1px;height:1px}#graph-wires{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}#graph-wires path{pointer-events:stroke;cursor:pointer;fill:none;stroke:#77858b;stroke-width:1.5;opacity:.75}#graph-wires path.active-wire{stroke:#c7a26f;opacity:1;stroke-width:2}#graph-wires path:hover{stroke:#e7b96b;stroke-width:3}#graph-wires path.preview-wire{stroke:#e5b27c;stroke-width:2;stroke-dasharray:5 4;pointer-events:none;opacity:1}.node{position:absolute;width:153px;height:53px;display:flex;align-items:center;background:#363b40;border:1px solid #69717a8f;border-radius:4px;box-shadow:0 3px 6px #0003;cursor:grab;overflow:visible}.node:active{cursor:grabbing}.node.selected{border:1.5px solid #e3ac66;background:#46413a;box-shadow:0 0 0 2px #d59d4826,0 3px 8px #0004}.node.bypassed{opacity:.5;border-style:dashed}.node.has-error{border-color:#d28181}.node.has-error:before{content:'!';color:#f5b5af;background:#7c3d39;position:absolute;right:2px;top:-14px;font-size:9px;width:13px;height:13px;border-radius:50%;text-align:center;line-height:13px}.node-icon{height:34px;width:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--node-color);margin-left:6px;border-right:1px solid #a5b5b42b;padding-right:6px}.node-text{padding:0 8px;min-width:0;display:flex;flex-direction:column;gap:4px}.node-name{font-family:var(--mono);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d2d7dc;max-width:104px}.node-type{font-size:8px;color:#8f98a2;white-space:nowrap}.node.selected .node-name{color:#f1d2a6}.node.selected .node-type{color:#b3a797}.node-flag{position:absolute;right:-1px;top:8px;height:35px;width:4px;border-radius:0 2px 2px 0;background:#58616a;cursor:pointer;z-index:3}.node-flag:after{content:'';position:absolute;inset:-4px -3px}.node.display .node-flag{background:#70bae9;box-shadow:0 0 6px #70bae928}.node-port{width:8px;height:8px;border-radius:50%;border:1.5px solid #889aa0;background:#242a2d;position:absolute;z-index:4;cursor:crosshair}.node-port:after{content:'';position:absolute;inset:-7px}.node-port.input{left:-5px}.node-port.output{right:-5px;top:22px;background:#b0b9bf;border-color:#bcc6ce}.node-port.connected{background:#b2b7b9}.node-port:hover{border-color:#f9c585;background:#edb574;transform:scale(1.3)}.node.selected .node-port{border-color:#e2b171}.network-watermark{position:absolute;right:14px;top:13px;font-size:9px;letter-spacing:2px;color:#717b852b;pointer-events:none}.network-watermark span{font-size:7px;margin-left:5px}.graph-tip{position:absolute;bottom:9px;left:12px;font-size:8px;color:#717b86;display:flex;align-items:center;gap:7px;pointer-events:none}.graph-tip kbd{font-size:8px;line-height:12px;border-color:#68727a33;color:#a0a9b0}.graph-tip>span{color:#57606b}#graph-zoom{position:absolute;bottom:10px;right:12px;font-family:var(--mono);font-size:9px;color:#7a8793}#minimap{position:absolute;bottom:28px;right:12px;width:125px;height:57px;border:1px solid #6070792b;border-radius:3px;background:#2024289c;opacity:.75;cursor:crosshair}#graph-selection{position:absolute;border:1px solid #d1a065;background:#d1a06512;pointer-events:none}
#inspector{width:var(--right-width);flex-shrink:0;display:flex;flex-direction:column;background:#292c30;min-width:248px;max-width:550px}.parameter-panel{flex:1;min-height:175px}#parameter-content{overflow:auto;flex:1;min-height:0}.param-node-header{display:flex;align-items:center;gap:11px;padding:15px 14px 12px;background:#2d3035;border-bottom:1px solid #3b3f44}.param-icon{color:var(--node-color);width:32px;height:34px;display:flex;align-items:center;justify-content:center;background:#393e43;border:1px solid #545b6255;border-radius:4px}.param-identity{flex:1;min-width:0}.param-identity input{border-color:transparent;background:none;font-family:var(--mono);font-size:12px;color:#ece5dc;max-width:100%;width:100%;padding:2px 0;margin-bottom:4px;min-width:0}.param-identity input:focus{border-color:#65594a;background:#25272a;padding-left:4px}.param-identity span{display:block;font-size:9px;color:#8e969e}.param-node-actions{display:flex;gap:2px;margin-left:auto}.param-node-actions button{height:26px;width:23px;color:#909aa3}.param-node-actions .active{color:var(--blue)}.param-tabs{height:33px;display:flex;border-bottom:1px solid #45494e;background:#292c30;padding-left:10px;gap:3px}.param-tabs button{font-size:10px;padding:0 11px;color:#929aa3;border-bottom:2px solid transparent}.param-tabs button.active{color:#dec09c;border-bottom-color:var(--accent-dark)}.param-description{padding:10px 13px;font-size:10px;color:#9099a3;line-height:1.6;border-bottom:1px solid #3b3f4566;user-select:text}.parameter-group{padding:0 12px 11px;border-bottom:1px solid #42464b66}.group-heading{height:34px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:1px;font-size:8px;color:#a4aab0}.group-heading svg{color:#808990}.param-row{display:flex;align-items:center;gap:6px;min-height:30px;padding:2px 0}.param-row>label{font-size:10px;color:#a6aeb6;width:108px;flex-shrink:0;line-height:1.4;cursor:default}.param-controls{display:flex;align-items:center;flex:1;min-width:0;gap:7px}.param-number{height:23px;width:58px;min-width:47px;font-family:var(--mono);font-size:10px;padding:0 6px;color:#cbd0d6;border:1px solid #474b5266;background:#202328}.param-number.expression{color:#a4c79e}.param-controls input[type=range]{flex:1;width:50px;height:20px;margin:0}.param-controls select{width:100%;font-size:10px;border:1px solid #464c5366;background-color:#23262a;text-transform:capitalize;padding-left:6px;height:25px}.param-controls input[type=color]{appearance:none;width:33px;height:23px;border-radius:3px;border:1px solid #696156;background:#25282b;padding:2px;cursor:pointer}.param-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}.param-controls input[type=color]::-webkit-color-swatch{border:0;border-radius:1px}.color-code{font-size:9px;font-family:var(--mono);color:#a3aab2;letter-spacing:.3px}.param-controls input[type=checkbox]{appearance:none;cursor:pointer;border:1px solid #69727977;border-radius:2px;width:13px;height:13px;position:relative;margin:0;background:#25282c}.param-controls input[type=checkbox]:checked{background:#9c794e;border-color:#b8976b}.param-controls input[type=checkbox]:checked:after{content:'✓';font-size:11px;position:absolute;top:-2px;left:1px;color:#f0dfc8}.key-button{width:13px;min-width:13px;height:18px;color:#59616b;margin-left:-1px}.key-button:hover{color:#c5a276}.key-button.keyed{color:#b9a176}.key-button.at-key{color:#eeaf63}.key-button svg{width:9px;height:9px;fill:currentColor;stroke-width:1}.expression-row{display:block}.expression-row>label{display:block;width:auto;margin:4px 0 7px}.expression-editor{font-family:var(--mono);font-size:10px;line-height:1.65;width:100%;resize:vertical;padding:8px;height:66px;color:#c5ccad;user-select:text;background:#1e2226;border:1px solid #494c48}.expression-note{font-size:9px;color:#859085;padding-top:7px;line-height:1.6}.param-stats{padding:12px 13px;background:#24272b;margin:12px;border:1px solid #40464b;border-radius:4px}.param-stats-heading{font-size:8px;letter-spacing:1px;color:#8e979f;margin-bottom:12px;display:flex;align-items:center;gap:6px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.stat-grid div{display:flex;flex-direction:column;gap:4px}.stat-grid strong{font-family:var(--mono);font-size:15px;color:#d8dbdb;font-weight:400}.stat-grid span{font-size:8px;color:#8b959e}.node-info{padding:12px;font-size:11px;line-height:1.8;color:#a6aeb7;user-select:text}.node-info h3{font-size:13px;font-weight:500;color:#d4d9dd;margin:8px 0}.node-error{margin:10px 12px;background:#663a392e;border:1px solid #9c606c55;padding:10px;color:#d8a3a0;font-size:10px;line-height:1.6;border-radius:4px;user-select:text}.param-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;padding:25px;text-align:center;color:#777f89;gap:12px;font-size:11px}.param-empty svg{opacity:.5}.param-empty p{line-height:1.7;margin:0}.scene-panel{height:30%;min-height:130px;max-height:260px;border-top:4px solid #17191c;background:#23262a}.tree-root{height:29px;display:flex;align-items:center;gap:6px;flex-shrink:0;padding:0 10px;font-family:var(--mono);font-size:10px;color:#bfc4c9;border-bottom:1px solid #3a404644}.tree-root>svg:nth-child(2){color:#c6a678}.tree-root>.muted{margin-left:auto;font-size:9px;color:#6d7880}#scene-tree{overflow:auto;min-height:0;padding:4px 0}.tree-node{height:24px;display:flex;align-items:center;padding:0 11px 0 26px;gap:8px;cursor:pointer;font-size:9px;font-family:var(--mono);border-left:2px solid transparent}.tree-node:hover{background:#ffffff05}.tree-node.selected{background:#69523544;border-left-color:var(--accent-dark)}.tree-node>svg{width:13px;height:13px;color:var(--node-color);opacity:.8}.tree-node .tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-node>button{width:17px;height:20px;color:#5f6973}.tree-node>button.active{color:var(--blue)}.tree-node .node-type-label{font-size:8px;color:#6d7781;font-family:var(--font);margin-left:auto;margin-right:6px}.inspector-footer{height:27px;flex-shrink:0;border-top:1px solid #43484c;display:flex;align-items:center;gap:7px;padding:0 9px;background:#2c2f33;font-size:9px;color:#909aa2}.inspector-footer button{height:22px;font-size:9px;color:#868e96;padding:0 5px}.inspector-footer button.active{color:#b4c5b7}.inspector-footer .live-indicator{width:4px;height:4px}
.timeline{height:59px;flex-shrink:0;display:flex;align-items:center;background:#292c30;border-top:1px solid #464b51;border-bottom:1px solid #111317;gap:12px;padding:0 12px}.transport{display:flex;align-items:center;gap:3px}.transport button{height:26px;width:23px;border-radius:3px;color:#a9b0b6}#play-button{width:31px;height:31px;background:#5f4934;border:1px solid #9c714544;color:#f2bd82;margin:0 2px}#play-button:hover{background:#765234}.transport button.active{color:#e5b87d}.transport input{height:28px;width:48px;margin-left:7px;text-align:center;font-size:12px;font-family:var(--mono);color:#e6c594;border:1px solid #6e5c4544}.timeline-divider{height:24px;width:1px;background:#42484f;margin-left:9px}.timeline-track{position:relative;align-self:stretch;flex:1;min-width:80px;margin:0 3px;overflow:hidden}.timeline-track:before{content:'';position:absolute;left:0;right:0;bottom:14px;border-bottom:1px solid #5c68713b}#frame-slider{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3}#timeline-ticks{position:absolute;inset:0;pointer-events:none}.timeline-tick{position:absolute;top:12px;width:1px;height:31px;border-left:1px solid #66717c44;font-family:var(--mono);font-size:8px;color:#818c95;padding:0 0 0 5px}.timeline-tick.minor{height:6px;top:37px;border-color:#66717c33}.timeline-tick.major{border-color:#87939d44}.timeline-tick.major span{position:absolute;bottom:13px;left:5px}#timeline-playhead{height:39px;width:1px;background:var(--accent);position:absolute;top:7px;left:0;z-index:2}#timeline-playhead span{position:absolute;top:0;left:-10px;min-width:21px;padding:3px 2px;text-align:center;border-radius:3px;background:#ca9864;color:#201a13;font-size:9px;font-family:var(--mono)}#timeline-playhead:after{content:'';position:absolute;bottom:-3px;left:-3px;width:7px;height:7px;transform:rotate(45deg);background:var(--accent)}#timeline-keys{position:absolute;inset:0;pointer-events:none}.timeline-key{position:absolute;bottom:11px;width:5px;height:5px;background:#a7b883;transform:translateX(-2px) rotate(45deg)}.timeline-options{display:flex;align-items:center;gap:9px;color:#67727b;font-size:10px}.timeline-options label{display:flex;align-items:center;gap:5px}.timeline-options input{width:34px;height:23px;background:#22262a;border-color:#45505955;color:#929da5;text-align:center;font-family:var(--mono);font-size:9px}.timeline-options select{font-size:10px;padding-right:14px;width:65px;color:#a1a9b2}.statusbar{height:24px;flex-shrink:0;display:flex;align-items:center;background:#1f2226;padding:0 12px;gap:9px;font-size:9px;color:#77848e}.status-light{height:4px;width:4px;background:#94b6a0;border-radius:50%}#status-message{color:#9ca5ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:43vw}.statusbar i{height:9px;width:1px;background:#424a5044;margin:0 2px}#backend-label{color:#b8c5b8;font-size:9px}.statusbar span:not(#status-message){white-space:nowrap}
.alternate-view{flex:1;min-height:0;display:flex;flex-direction:column;background:#24282d}.table-toolbar{height:38px;display:flex;align-items:center;gap:15px;padding:0 13px;border-bottom:1px solid #414951;color:#9ca9b4;font-size:10px}.table-toolbar strong{font-weight:500;color:#c7d0d7}.table-toolbar input{width:42px;height:22px;text-align:center;font-family:var(--mono);font-size:10px;margin-left:5px}.table-toolbar button{padding:5px 8px;font-size:10px}.table-scroll{overflow:auto;flex:1;user-select:text}table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;text-align:right}th{position:sticky;top:0;z-index:1;background:#30363c;font-weight:500;color:#b0bdc7;padding:9px 10px;border-right:1px solid #464f5644;border-bottom:1px solid #58616a55}td{padding:6px 10px;color:#adb9c3;border-bottom:1px solid #3d47513b;border-right:1px solid #3d47513b}td:first-child{color:#dbb78b;background:#292f3455}tbody tr:nth-child(even){background:#2b30363b}tbody tr:hover{background:#45483f55}#cook-log{flex:1;overflow:auto;user-select:text;font-size:10px;font-family:var(--mono);line-height:1.8;padding:12px;color:#9cacb6}.log-line{border-bottom:1px solid #4b555b22;padding:5px 0}.log-line time{color:#6d7d88;margin-right:11px}.log-line.error{color:#dc9c9c}.log-line.success{color:#a9bea8}
.dropdown{position:fixed;z-index:100;background:#2c3035;border:1px solid #565d6544;border-radius:5px;box-shadow:0 12px 35px #0006;min-width:218px;overflow:hidden;padding:5px}.dropdown button{width:100%;justify-content:flex-start;padding:8px 10px;gap:9px;font-size:11px;border-radius:3px;color:#bfc6cd}.dropdown button svg{color:#9ca7af;width:14px;height:14px}.dropdown button:hover{background:#a575412c;color:#f3d1a5}.dropdown button>kbd{margin-left:auto;font-size:9px;border:0;background:none;color:#7b8791}.dropdown hr{border:0;border-top:1px solid #52596155;margin:5px}.dropdown-label{font-size:8px;letter-spacing:1px;color:#75838e;padding:8px 10px 5px}dialog{background:#2a2e33;color:var(--text);border:1px solid #66717a55;border-radius:8px;box-shadow:0 24px 100px #0008;outline:none;padding:0;z-index:100;max-height:85vh}dialog::backdrop{background:#0c101464;backdrop-filter:blur(3px)}#palette-dialog{width:520px;max-width:90vw;margin-top:16vh}.palette-search{height:62px;display:flex;align-items:center;gap:12px;padding:0 19px;border-bottom:1px solid #4e576144}.palette-search>svg{color:#ca9d70}.palette-search input{background:none;border:0;flex:1;font-size:15px;color:#e1e6e9;min-width:0;outline:none}.palette-search input::placeholder{color:#84909b}.palette-search kbd{font-size:8px}.palette-meta{height:38px;display:flex;align-items:center;padding:0 18px;font-size:8px;letter-spacing:1.3px;color:#b5a089}.palette-meta span{margin-left:auto;letter-spacing:0;color:#74808b;font-size:9px}#palette-results{overflow:auto;max-height:340px;padding:0 7px 7px}.palette-item{width:100%;padding:10px 12px;display:flex;align-items:center;gap:12px;justify-content:flex-start;border-radius:4px}.palette-item.active{background:#8b673b35}.palette-item>svg{color:var(--node-color,#c4a481);width:22px;height:22px}.palette-item-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.palette-item strong{font-weight:500;font-size:12px;color:#ccd3d9}.palette-item small{font-size:9px;color:#87939e;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item .palette-category{margin-left:auto;font-size:9px;color:#7c8a94}.palette-item.active strong{color:#efd4b4}.palette-footer{height:36px;display:flex;align-items:center;padding:0 15px;border-top:1px solid #4d565d44;font-size:9px;color:#7b8993;gap:17px}.palette-footer kbd{font-size:8px;padding:0 3px;line-height:13px;margin-right:3px}.palette-footer>span{display:flex;align-items:center;gap:2px}.empty-search{padding:30px;text-align:center;color:#85919c;font-size:12px}#modal{width:560px;max-width:92vw}.modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #4f59604d}.modal-head h2{font-size:16px;font-weight:500;margin:0;color:#e2e5e7}.modal-head>button{margin-left:auto}#modal-content{padding:20px;max-height:65vh;overflow:auto;font-size:12px;line-height:1.7;user-select:text}#modal-content h3{font-size:12px;font-weight:600;color:#e0bf99;margin:20px 0 10px}#modal-content p{color:#a3afb9;margin:0 0 13px}#modal-content .modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.shortcut-grid>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#aebac3}.shortcut-grid kbd{color:#d1b390}.example-list{display:flex;flex-direction:column;gap:9px}.example-card{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:15px;border:1px solid #4e5b6544;background:#31373c55;border-radius:5px;gap:15px}.example-card>svg{width:30px;height:30px;color:#bd9770}.example-card strong{font-size:13px;color:#d2d8de;font-weight:500}.example-card small{font-size:10px;color:#8a99a5}.example-card>span{display:flex;flex-direction:column;gap:4px}.example-card:hover{border-color:#c2986655;background:#66513733}.help-brand{display:flex;align-items:center;gap:13px;margin-bottom:18px}.help-brand svg{color:var(--accent)}.help-brand>div strong{display:block;font-size:22px;font-weight:500;color:#e6d3bd;letter-spacing:1px}.help-brand>div span{font-size:10px;color:#8897a3}.modal-field{display:flex;align-items:center;gap:15px;margin:13px 0}.modal-field label{width:120px;color:#b0bac2;font-size:11px}.modal-field input[type=range]{flex:1}.modal-field select{background:#20272c;border:1px solid #48535b;height:30px}.modal-field input[type=text]{flex:1;min-width:0;height:31px;padding:0 8px}.export-choice{border:1px solid #4e5a6244;border-radius:4px;width:100%;padding:14px;display:flex;justify-content:flex-start;gap:12px;margin-bottom:9px}.export-choice strong{font-size:12px;font-weight:500;color:#c5d0d8}.export-choice small{display:block;font-size:10px;color:#7e909e;margin-top:3px}.export-choice svg{color:#b6a089}.export-choice:hover{background:#66543e2b;border-color:#b6956555}#toasts{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;flex-direction:column;gap:7px;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;background:#303b3ff5;border:1px solid #68827755;box-shadow:0 5px 20px #0005;padding:11px 15px;border-radius:5px;font-size:11px;color:#c7d4cc;max-width:600px;line-height:1.5;animation:toastin .2s ease-out}.toast.error{color:#e0b3ae;background:#473033f5;border-color:#a7727255}.toast svg{width:15px;height:15px}.toast.warning{color:#e0c6a5;background:#443b2ff5;border-color:#9e866455}@keyframes toastin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.body-dragging,.body-dragging *{cursor:inherit!important;user-select:none!important}.max-view #network-panel,.max-view #horizontal-splitter{display:none}.max-graph #viewport-panel,.max-graph #horizontal-splitter{display:none}.max-graph #network-panel{height:100%;flex:1}.max-view #inspector,.max-graph #inspector{display:flex}
@media(min-width:1700px){:root{--right-width:340px;--network-height:36%}.scene-caption h1{font-size:32px}.shelf-tool{min-width:68px}.node-name{font-size:11px}.param-row>label{width:119px}.param-controls input[type=range]{width:65px}}
@media(max-width:1100px){:root{--right-width:270px}.edition,.shelf-hint,#command-button>span,.build-tag{display:none}.menubar{gap:14px}.menubar-right{gap:10px}#command-button kbd{margin-left:0}.shelf-tool{min-width:53px;padding:6px}.param-row>label{width:90px;font-size:9px}.param-controls{gap:5px}.param-number{width:50px}.param-controls input[type=range]{width:25px}.param-row{gap:4px}.timeline{gap:7px;padding:0 6px}.transport{gap:0}.transport button{width:21px}.timeline-options label{display:none}.workspace-tabs button{padding:0 10px}.document-tab{min-width:190px}.pane-tabs>button:not(.icon-button){padding:0 8px;font-size:9px;gap:5px}.pane-tabs>button svg{width:12px;height:12px}#save-status{display:none}.scene-caption{left:58px}.scene-caption h1{font-size:23px}.graph-tip{font-size:7px;gap:4px}.param-stats{margin:8px;padding:10px}}
@media(max-width:800px){:root{--right-width:250px;--network-height:40%}.brand strong{font-size:13px}.brand strong span{font-size:10px}.menubar{padding:0 8px;gap:7px}.menubar nav>button{padding:0 6px;font-size:10px}.brand{gap:4px}.workspace-tabs{padding-left:4px;gap:0}.workspace-tabs button{font-size:10px;padding:0 9px}.shelf-tool{min-width:45px;font-size:8px;padding:5px}.shelf-tool svg{width:20px;height:20px}.shelf-separator{margin:0 5px}.shelf-tabs>button{padding:0 10px}.snapshot-tool{display:none}.viewport-toolbar{gap:5px;padding:0 6px}.viewport-toolbar select{max-width:112px;font-size:9px;padding-right:15px}.viewport-toolbar .crumb-current{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-tabs>button[data-view-tab=log]{display:none}.orientation{transform:scale(.8);transform-origin:top right;right:9px}.gpu-badge{display:none}.scene-caption h1{font-size:19px}.scene-caption p{font-size:8px}.scene-caption .eyebrow{font-size:7px}#minimap{display:none}.scene-panel{height:25%}.timeline-options{display:none}.statusbar{font-size:8px;gap:5px}#status-cache{display:none}.shelf-content{padding:0 4px}.timeline-divider{margin-left:5px}.transport input{width:38px}.document-tab{min-width:178px}.save-button{font-size:9px;padding:4px 6px}.workspacebar{padding-right:5px}.viewport-top-hud{font-size:7px;gap:5px}}
@media(max-width:600px){#inspector,#vertical-splitter{display:none}.edition,.workspace-tabs,.menubar-right{display:none}.menubar{justify-content:space-between}.menubar nav>button{font-size:9px}.shelf-tabs{padding:0 4px}.shelf-tabs>button{padding:0 9px;font-size:9px}.shelf-tool{min-width:41px}.shelf-content{overflow:auto}#left-workspace{min-width:280px}.timeline .transport button[data-action=first],.timeline .transport button[data-action=last],.timeline .transport button[data-action=prev-frame],.timeline .transport button[data-action=next-frame]{display:none}.scene-caption h1{font-size:25px}.scene-caption p{font-size:10px}.scene-caption .eyebrow{font-size:8px}#status-render{display:none}.viewport-top-hud{font-size:8px}.shortcut-grid{grid-template-columns:1fr}.palette-meta span{display:none}.pane-tabs>button[data-view-tab=log]{display:inline-flex}.workspacebar{height:33px}.statusbar #status-memory{display:none}.document-tab{min-width:210px}.save-button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}