.wf-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.wf-title-row h1{font-size:30px}.wf-title-row p{margin-bottom:0;font-size:12px}
.wf-shell{border:1px solid #363b33;border-radius:12px;overflow:hidden;background:#16181a}.wf-shell input:not([type=file]),.wf-bottom-grid input:not([type=file]){width:100%;background:#111315;border:1px solid #363e37;border-radius:7px;color:var(--text);padding:10px;font:inherit;min-width:0}.wf-shell,.wf-palette,.wf-inspector,.wf-viewport{scrollbar-color:#4a5748 #1a201c;scrollbar-width:thin}
.wf-topbar{display:flex;align-items:center;gap:9px;padding:14px 16px;background:#1c1f21;border-bottom:1px solid var(--line)}.wf-topbar>input{font-weight:600!important;background:transparent!important;border:0!important;max-width:270px}.wf-topbar>span{font-size:9px;color:var(--muted);margin-right:auto}.wf-topbar button{white-space:nowrap;font-size:10px;padding:9px 12px}
.wf-presetbar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:#181b1d}.wf-presetbar>span{font-size:8px;letter-spacing:1px;color:#778178;margin-right:5px}.wf-presetbar button{font-size:10px;padding:6px 9px;border-radius:4px;background:#272c27;color:#b9c6aa}.wf-presetbar select{margin-left:auto;width:190px;font-size:10px;padding:6px}
.wf-workspace{display:grid;grid-template-columns:165px minmax(200px,1fr) 280px;min-height:590px}.wf-palette{position:static;width:auto;height:590px;overflow:auto;padding:15px 10px;background:#191c1e;border-right:1px solid var(--line);display:block;inset:auto}.wf-palette-title{font-size:11px;font-weight:600;margin:3px 3px 18px}.wf-palette-title small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:5px}.wf-group>small{color:#7e8782;display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;margin:16px 4px 7px}.wf-add{display:flex;gap:8px;align-items:center;text-align:left;width:100%;border:1px solid #343a38;border-radius:6px;padding:9px 7px;background:#222628;margin:6px 0;font-size:9px}.wf-add:hover{border-color:var(--accent)}.wf-add>span{font-size:18px}.wf-add small{display:block;font-size:8px;color:#818c86;margin-top:4px}.wf-add b{font-weight:400;color:#8d978d;margin-left:auto}
.wf-center{min-width:0;display:flex;flex-direction:column;background:#111517}.wf-viewport{height:550px;overflow:auto;position:relative;background-image:radial-gradient(#364039 1px,transparent 1px);background-size:19px 19px}.wf-world{width:1900px;height:1000px;position:relative;transform-origin:0 0}.wf-wires{position:absolute;inset:0;overflow:visible;pointer-events:none}.wf-wire{fill:none;stroke:#a1b682;stroke-width:2;pointer-events:none}.wf-wire-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:pointer}.wf-wire-hit:hover+.wf-wire{stroke:#ef9289;stroke-width:3}
.wf-node{width:236px;background:#202629;border:1px solid #424d47;border-radius:10px;position:absolute;box-shadow:0 12px 25px #0004;color:#dfe6e1}.wf-node.selected{border-color:var(--accent);box-shadow:0 0 0 1px #d8fb7944,0 12px 25px #0005}.wf-node.finished{border-color:#99bd6e}.wf-node.link-source{box-shadow:0 0 0 3px #d8fb7955}.wf-node-header{display:flex;align-items:center;gap:10px;width:100%;padding:13px 11px;text-align:left;cursor:grab;touch-action:none}.wf-node-header:active{cursor:grabbing}.wf-node-header>span:nth-child(2){min-width:0}.wf-node-header small{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#9aa89e;display:block}.wf-node-header strong{font-size:11px;display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.wf-node-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#ffffff0d;flex-shrink:0;font-size:19px}.wf-node-menu{color:#7e8b82;margin-left:auto}
.wf-ports{padding:2px 0}.wf-port-input{display:flex;align-items:center;gap:9px;color:#95a398;font-size:9px;padding:5px 7px;width:100%;text-align:left;position:relative}.wf-port-input i,.wf-port-output i{width:10px;height:10px;display:block;background:#141b1a;border:2px solid #839882;border-radius:50%;flex-shrink:0}.wf-port-input i{margin-left:-13px}.wf-port-input:hover i,.wf-port-input.connected i{background:var(--accent);border-color:var(--accent)}.wf-port-output{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:9px;color:#b3c49b;width:100%;padding:7px 0}.wf-port-output i{margin-right:-6px;background:#9eb57b}.wf-node-foot{padding:10px;border-top:1px solid #353d38;display:flex;justify-content:space-between;color:#7e8e81;font-size:8px}
.wf-canvas-hint{position:sticky;bottom:14px;left:14px;width:max-content;max-width:90%;padding:8px 12px;border-radius:6px;background:#202725ed;border:1px solid #3c483e;font-size:9px;color:#afbfab;pointer-events:none;margin-left:14px}.wf-canvas-bottom{height:40px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:8px;color:#93a28f;font-size:9px}.wf-canvas-bottom>div{display:flex;gap:8px;align-items:center;white-space:nowrap}.wf-canvas-bottom button{font-size:15px;padding:2px 5px}
.wf-inspector{height:590px;overflow:auto;padding:18px;background:#1b1f21;border-left:1px solid var(--line)}.wf-inspector-head{display:flex;gap:10px;align-items:center}.wf-inspector-head small{color:#8b9a90;font-size:9px}.wf-inspector-head h3{font-size:12px;margin:5px 0}.wf-inspector-tabs{display:flex;gap:18px;border-bottom:1px solid #354039;margin:15px 0}.wf-inspector-tabs button{font-size:10px;color:var(--muted);padding:9px 0}.wf-inspector-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.wf-inspector label{font-size:10px;margin-top:14px}.wf-inspector input,.wf-inspector textarea,.wf-inspector select{font-size:11px!important;padding:9px!important}.wf-inspector textarea{min-height:80px}.wf-hint{font-size:10px!important;line-height:1.7;color:#91a095!important}.wf-field label span{color:var(--accent)}.wf-source{margin-bottom:7px;border-color:#47583e!important;color:#c2d5ac!important;background:#252f25!important}.wf-bound{font-size:10px;padding:10px;background:#263027;border:1px dashed #4b6246;border-radius:6px;color:#bfd4a8;line-height:1.6}
.wf-file{display:block;padding:10px;border:1px dashed #4a594b;border-radius:6px;font-size:10px!important;text-align:center;color:#b8c7ac!important;cursor:pointer}.wf-file input{display:block;max-width:100%;font-size:9px;margin-top:8px}.wf-asset-info{display:block;font-size:9px;color:#b3c49b;margin-top:7px;word-break:break-all}.wf-error-text{font-size:10px;color:#eaa597}.wf-inspector-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.wf-inspector-actions button{font-size:10px}.wf-danger{color:#dca398;padding:8px}.wf-validation{display:none;border-top:1px solid #3b4c35;background:#242d21;padding:13px 18px;color:#c6d9b2;font-size:11px;line-height:1.8}.wf-validation.visible{display:block}.wf-validation ul{margin:6px 0;padding-left:18px}
.wf-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.wf-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.wf-section-title h3{margin:0}.wf-variable{display:flex;align-items:center;gap:12px;margin:10px 0}.wf-variable code{font-size:10px;color:var(--accent);min-width:90px}.wf-variable input{font-size:11px!important}.wf-add-variable{display:flex;gap:8px}.wf-add-variable input{font-size:10px!important}.wf-run-settings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wf-transfer{display:flex;gap:10px;flex-wrap:wrap}.wf-transfer>button{font-size:10px}.wf-transfer .wf-file{margin:0;flex:1}.wf-run{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.wf-run strong{font-size:10px;display:block}.wf-run small{font-size:9px;display:block;color:var(--muted);margin-top:5px}.wf-run button{margin-left:auto;font-size:9px}.wf-run .pill{white-space:nowrap;font-size:8px}.wf-result-tab pre{font-size:10px;white-space:pre-wrap;word-break:break-word;line-height:1.7;color:#bdd4ae;max-height:400px;overflow:auto}
.wf-studio-banner{padding:20px 23px;border:1px solid #4c5c3b;border-radius:12px;background:linear-gradient(110deg,#263022,#1a211d);display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:25px}.wf-studio-banner strong,.wf-studio-banner div>span:last-child{display:block}.wf-studio-banner strong{font:600 17px Manrope;margin:7px 0}.wf-studio-banner div>span:last-child{font-size:11px;color:#a9b79d}.wf-studio-banner button{white-space:nowrap}.wf-empty-inspector{text-align:center;margin-top:100px}.wf-empty-inspector>span{font-size:35px;color:#829971}.wf-empty-inspector p{font-size:11px}.wf-is-running .wf-palette,.wf-is-running .wf-presetbar,.wf-is-running .wf-inspector{pointer-events:none;opacity:.65}.wf-is-running .wf-topbar input{pointer-events:none}
.purple{--node:#bd9cf2}.pink{--node:#e4a6c4}.blue{--node:#93bde2}.green{--node:#c3e59a}.gold{--node:#e3c58c}.teal{--node:#8bcdc2}.wf-node-icon,.wf-add>span{color:var(--node)}#content:has(.wf-shell){max-width:1800px;padding-left:24px;padding-right:24px}
.wf-asset-preview{width:100%;max-height:170px;object-fit:contain;border-radius:7px;background:#111615;margin-top:10px}.wf-shell input:disabled,.wf-shell button:disabled{cursor:wait}.wf-expanded>aside{display:none}.wf-expanded>main{margin-left:0}.wf-expanded #content{max-width:none}.wf-viewport{cursor:grab}.wf-viewport:active{cursor:grabbing}
@media(min-width:1600px){.wf-workspace{grid-template-columns:180px minmax(200px,1fr) 320px}.wf-viewport{height:600px}.wf-palette,.wf-inspector{height:640px}}
@media(max-width:1200px){.wf-workspace{grid-template-columns:125px minmax(150px,1fr) 240px}.wf-add{gap:5px;padding:9px 5px;font-size:8px}.wf-add>span{font-size:14px}.wf-inspector{padding:13px}.wf-topbar>span{display:none}.wf-topbar>input{margin-right:auto}.wf-title-row>.pill{display:none}.wf-presetbar select{width:165px}.wf-bottom-grid{grid-template-columns:1fr}.wf-canvas-bottom>span{max-width:70%;line-height:1.5}}
@media(max-width:900px){.wf-workspace{grid-template-columns:1fr}.wf-palette{height:auto;max-height:140px;width:100%;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:10px;overflow:auto}.wf-palette-title{display:none}.wf-group{display:flex;gap:7px;align-items:center}.wf-group>small{display:none}.wf-add{width:145px;margin:0;min-height:65px}.wf-inspector{height:auto;max-height:500px;border-top:1px solid var(--line);border-left:0;display:block}.wf-viewport{height:390px}.wf-topbar{flex-wrap:wrap}.wf-topbar>input{max-width:100%;flex:1;min-width:170px}.wf-inspector-head{margin-bottom:5px}.wf-inspector .wf-field{max-width:100%}.wf-studio-banner{align-items:flex-start;flex-direction:column}.wf-run{flex-wrap:wrap}.wf-title-row h1{font-size:25px}#content:has(.wf-shell){padding:20px 12px}}