.tobyflow-workflow-subtabs{display:flex;gap:4px;padding:6px 12px;background:var(--background);border-bottom:1px solid var(--border);flex-shrink:0}.tobyflow-workflow-subtab{display:flex;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.tobyflow-workflow-subtab:hover{color:var(--foreground);background:rgba(255,255,255,0.05)}.tobyflow-workflow-subtab.active{color:var(--foreground);background:rgba(255,255,255,0.1)}.tobyflow-workflow-subtab svg{flex-shrink:0;opacity:0.6}.tobyflow-workflow-subtab.active svg{opacity:1}.tobyflow-workflow-subtab-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;border-radius:50%;background:var(--primary, #ccff00);color:var(--primary-foreground, #000);font-size:10px;font-weight:700;line-height:1}.tobyflow-workflow-content{flex:1;overflow-y:auto;min-height:0}.theme-light .tobyflow-workflow-subtab:hover{background:rgba(0,0,0,0.05)}.theme-light .tobyflow-workflow-subtab.active{background:rgba(0,0,0,0.1)}.workflow-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:200px;padding:var(--space-6);text-align:center;color:var(--muted-foreground);gap:var(--space-3);background-image:radial-gradient(70% 50% at 50% 50%,rgb(33 33 33 / 85%) 0%,var(--background) 100%),url(/icons/grid-bkg.png);background-size:auto,24px 24px;background-position:55% 55%}.workflow-empty-state svg{opacity:0.5}.workflow-empty-state p{font-size:13px}.workflow-empty-state .btn{width:100%}.workflow-editor-overlay{position:fixed;inset:0;background:var(--background);z-index:10000000;display:flex}.wf-flow-reload-sync{position:absolute;top:50%;left:50%;z-index:10000004;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:11px;max-width:min(520px,calc(100% - 32px));padding:0;border:0;border-radius:0;background:transparent;color:var(--foreground);box-shadow:none;font-size:15px;font-weight:700;text-align:center;pointer-events:none}.wf-flow-reload-sync.hidden{display:none}.wf-flow-reload-sync.is-error{color:var(--destructive)}.wf-flow-reload-sync .tobyflow-loading-spinner{width:22px;height:22px;border-width:3px}.workflow-editor-overlay.wf-flow-reloading:not(.wf-flow-result-sync)::before{content:"";position:absolute;inset:0;z-index:10000003;background:color-mix(in srgb,var(--background) 58%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:wait;pointer-events:auto}.wf-flow-result-sync .wf-flow-reload-sync{top:auto;bottom:20px;left:20px;transform:none;justify-content:flex-start;gap:8px;padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--background);box-shadow:0 4px 16px rgb(0 0 0 / 15%);font-size:12px;font-weight:500;text-align:left}.wf-flow-result-sync .wf-flow-reload-sync .tobyflow-loading-spinner{width:14px;height:14px;border-width:2px}.workflow-editor-overlay.wf-flow-reloading .df-preview-zoom,.workflow-editor-overlay.wf-flow-reloading .df-hover-btn[data-action=download-node]{pointer-events:none;opacity:0.45}.workflow-editor{flex:1;display:flex;flex-direction:column;background:#161616;margin:0;overflow:hidden}.workflow-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#161616;position:relative;container-type:inline-size;container-name:wfHeader}.workflow-editor-title{display:flex;align-items:center;gap:var(--space-2)}.workflow-editor-title input{background:transparent;border:1px solid transparent;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--foreground);font-size:16px;font-weight:600;transition:all var(--transition-fast);width:320px;min-width:280px;max-width:100%}.workflow-editor-title input:hover{border-color:var(--border);background:var(--muted)}.workflow-editor-title input:focus{border-color:var(--border-light);background:var(--input);outline:none}.wf-template-stats{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--muted);border-radius:var(--radius-sm);border:1px solid var(--border)}.wf-template-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground);white-space:nowrap}.wf-template-stat svg{opacity:0.6;flex-shrink:0}.wf-template-stat span{font-variant-numeric:tabular-nums}.workflow-editor-actions{display:flex;align-items:center;gap:var(--space-2)}.workflow-editor-actions .wf-flow-api-setting-btn{box-sizing:border-box;height:30px}.wf-flow-api-version{font-size:9px;line-height:1.3;padding:1px 4px;border:1px solid currentColor;border-radius:5px;white-space:nowrap}.wf-flow-api-version[data-driver=v2]{color:#22c987;background:rgba(34,201,135,.08);border-radius:3px;margin-inline:2px;transform:skew(-12deg);flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:16px;padding:0 5px;font-size:9px;font-weight:800;line-height:16px;display:inline-flex;border:1px solid #ffffff14;text-transform:lowercase;letter-spacing:0}.wf-flow-api-version[data-driver=v1]{color:#3b82f6;background:rgba(59,130,246,.08)}.wf-flow-api-version.hidden{display:none}.wf-quota-display{display:flex;align-items:center;gap:12px;margin-right:var(--space-2);padding-right:var(--space-3);border-right:1px solid var(--border)}.wf-quota-item{display:flex;align-items:center;gap:4px}.wf-quota-item svg{opacity:0.5;flex-shrink:0}.wf-quota-label{font-size:11px;color:var(--muted-foreground)}.wf-quota-value{font-size:11px;font-weight:600;color:var(--foreground);font-variant-numeric:tabular-nums;white-space:nowrap}.wf-quota-unlimited{color:#f59e0b;font-weight:700;font-size:13px}.wf-quota-sep{color:var(--muted-foreground);opacity:0.5;font-size:10px}.wf-quota-item.wf-quota-warning .wf-quota-value{color:var(--warning)}.wf-quota-item.wf-quota-warning svg{stroke:var(--warning)}.wf-quota-item.wf-quota-exhausted .wf-quota-value{color:var(--destructive)}.wf-quota-item.wf-quota-exhausted svg{stroke:var(--destructive)}@container wfHeader (max-width: 760px){.wf-quota-display{display:none}}.workflow-editor-body{flex:1;display:flex;overflow:hidden;min-height:0}.workflow-editor-center{flex:1;display:flex;flex-direction:column;position:relative;min-width:0;border:1px solid var(--border);border-radius:var(--radius-lg)}#diagramContainer{flex:1;min-width:0;overflow:hidden;position:relative}.diagram-container{width:100%;height:100%;position:relative;overflow:hidden;background:#111111;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:20px 20px}.diagram-canvas{width:100%;height:100%;position:relative}.wf-canvas-readonly{cursor:default}.wf-canvas-readonly .drawflow-delete,.wf-canvas-readonly .node-delete,.wf-canvas-readonly .add-connection-btn,.wf-canvas-readonly .df-hover-toolbar,.wf-canvas-readonly .df-node-gear,.wf-canvas-readonly .df-node-toggle,.wf-canvas-readonly .df-node-rename-btn,.wf-canvas-readonly .df-node-zoom-toggle,.wf-canvas-readonly .df-qty-btn,.wf-canvas-readonly .connection-delete-btn{display:none!important;visibility:hidden!important;pointer-events:none!important}.wf-canvas-readonly .drawflow-node{pointer-events:none;cursor:default}.wf-canvas-readonly .drawflow,.wf-canvas-readonly .parent-drawflow{pointer-events:auto;cursor:grab}.wf-canvas-readonly .drawflow:active,.wf-canvas-readonly .parent-drawflow:active{cursor:grabbing}.wf-canvas-readonly .diagram-container{border:1px solid var(--border);border-radius:var(--radius-lg)}.wf-canvas-readonly .drawflow-node .input:hover,.wf-canvas-readonly .drawflow-node .output:hover{transform:none;cursor:default}.wf-canvas-readonly .drawflow .connection{pointer-events:none!important;cursor:default}.wf-canvas-readonly .drawflow .connection.selected{pointer-events:none!important}.wf-canvas-readonly .df-inline-pill{pointer-events:none}.wf-canvas-readonly .df-node-settings-bar,.wf-canvas-readonly .df-node-settings-btn,.wf-canvas-readonly .df-node-corner-gear{pointer-events:none!important;cursor:default}.parent-drawflow{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.drawflow{width:100%!important;height:100%!important}.drawflow .parent-node{position:absolute}.drawflow .drawflow-node{display:block;align-items:unset;width:auto;min-height:auto;padding:0;color:var(--foreground);background:#1c1c1c;border:1px solid #3a3a3a;--radius-lg: 14px;border-radius:var(--radius-lg);min-width:360px;box-sizing:border-box;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:border-color 0.15s ease,box-shadow 0.15s ease;overflow:visible}.drawflow .drawflow-node:hover{border-color:var(--border-light);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.drawflow .drawflow-node.selected{background:#1c1c1c;box-shadow:0 8px 24px rgba(0,0,0,0.45);animation:dfNodeSelectedPulse 2.6s ease-in-out infinite}@keyframes dfNodeSelectedPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08)}}.drawflow .drawflow-node .inputs,.drawflow .drawflow-node .outputs{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.drawflow .drawflow-node .inputs{left:-42px;top:auto;bottom:14px;transform:none}.drawflow .drawflow-node .outputs{right:-6px;top:14px;transform:none}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{width:16px;height:16px;background:var(--muted);border:2px solid var(--border-light);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);position:relative;left:auto;right:auto;top:auto;z-index:110}.drawflow .drawflow-node .input:hover,.drawflow .drawflow-node .output:hover{background:var(--primary);border-color:var(--primary);z-index:1000;transform:scale(1.2)}.drawflow .connection{margin-left:0;z-index:2}.drawflow .connection .main-path{stroke:#3a3a3a;stroke-width:4!important;opacity:1;stroke-linecap:round;fill:none;cursor:pointer;pointer-events:stroke;transition:stroke-width 0.15s ease,filter 0.15s ease}.drawflow .connection:hover .main-path,.drawflow .connection .main-path:hover{stroke-width:6!important;opacity:1;filter:brightness(1.2)}.drawflow .connection.selected .main-path,.drawflow .connection .main-path.selected{stroke-width:8!important;opacity:1;filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 10px currentColor) brightness(1.4);animation:dfConnSelectedPulse 2.4s ease-in-out infinite}@keyframes dfConnSelectedPulse{0%,100%{filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 8px currentColor) brightness(1.35)}50%{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 14px currentColor) brightness(1.55)}}.drawflow .connection .main-path-overlay{stroke:rgba(255,255,255,0.5);stroke-width:0;stroke-linecap:round;stroke-dasharray:8 6;fill:none;pointer-events:none;transition:stroke-width 0.15s ease}.drawflow .connection:hover .main-path-overlay{stroke-width:3}.drawflow .connection.selected .main-path-overlay,.drawflow .connection .main-path.selected~.main-path-overlay{stroke:#ffffff;stroke-width:3.4}.drawflow .connection.connection-active .main-path,.drawflow .connection.conn-node-selected .main-path{stroke-width:9!important;opacity:1;filter:brightness(1.35)}.drawflow .connection.connection-active .main-path-overlay,.drawflow .connection.conn-node-selected .main-path-overlay{stroke-width:3}.drawflow .connection.connection-active .main-path-overlay{animation:dfConnectionFlow 0.8s linear infinite}.drawflow .connection.conn-type-frame .main-path{stroke:#1e5340;color:#1e5340}.drawflow .connection.conn-type-frame .main-path-overlay{stroke:#1e5340}.drawflow .connection.conn-type-frame.connection-active .main-path,.drawflow .connection.conn-type-frame.conn-node-selected .main-path{stroke:#3cd39f;color:#3cd39f}.drawflow .connection.conn-type-frame.connection-active .main-path-overlay,.drawflow .connection.conn-type-frame.conn-node-selected .main-path-overlay{stroke:#ffffff}.drawflow .connection.conn-type-text .main-path{stroke:#50476a;color:#50476a}.drawflow .connection.conn-type-text .main-path-overlay{stroke:#50476a}.drawflow .connection.conn-type-text.connection-active .main-path,.drawflow .connection.conn-type-text.conn-node-selected .main-path{stroke:#9c82e5;color:#9c82e5}.drawflow .connection.conn-type-text.connection-active .main-path-overlay,.drawflow .connection.conn-type-text.conn-node-selected .main-path-overlay{stroke:#ffffff}.drawflow .connection.conn-type-image .main-path{stroke:#303961;color:#303961}.drawflow .connection.conn-type-image .main-path-overlay{stroke:#303961}.drawflow .connection.conn-type-image.connection-active .main-path,.drawflow .connection.conn-type-image.conn-node-selected .main-path{stroke:#6f8bf7;color:#6f8bf7}.drawflow .connection.conn-type-image.connection-active .main-path-overlay,.drawflow .connection.conn-type-image.conn-node-selected .main-path-overlay{stroke:#ffffff}.drawflow .connection.conn-type-any .main-path{stroke:#6b7280;color:#6b7280}.drawflow .connection.conn-type-frame.selected .main-path,.drawflow .connection.conn-type-frame .main-path.selected{stroke:#3cd39f;color:#3cd39f}.drawflow .connection.conn-type-text.selected .main-path,.drawflow .connection.conn-type-text .main-path.selected{stroke:#9c82e5;color:#9c82e5}.drawflow .connection.conn-type-image.selected .main-path,.drawflow .connection.conn-type-image .main-path.selected{stroke:#6f8bf7;color:#6f8bf7}.drawflow .connection.conn-type-any.selected .main-path,.drawflow .connection.conn-type-any .main-path.selected{stroke:#9aa3b2;color:#9aa3b2}.drawflow svg.connection:not([class*=node_in_]) .main-path{stroke:rgba(140,140,160,0.85)!important;stroke-width:2.5!important;stroke-dasharray:6 4;stroke-linecap:round;filter:none!important;animation:dfConnectingPulse 1s linear infinite}.theme-light .drawflow svg.connection:not([class*=node_in_]) .main-path{stroke:rgba(80,80,100,0.85)!important}@keyframes dfConnectingPulse{0%{stroke-opacity:0.55;stroke-dashoffset:0}50%{stroke-opacity:1;stroke-dashoffset:-5}100%{stroke-opacity:0.55;stroke-dashoffset:-10}}@keyframes dfConnectionFlow{to{stroke-dashoffset:-14}}.drawflow .connection.connection-active:hover .main-path{stroke-width:10!important;filter:drop-shadow(0 0 10px currentColor) brightness(1.3)}.drawflow .connection.connection-active.selected .main-path{stroke-width:10!important}@media (prefers-reduced-motion: reduce){.drawflow .connection.connection-active .main-path,.drawflow .connection.selected .main-path,.drawflow .connection .main-path.selected{animation:none}}.drawflow-delete{width:24px;height:24px;background:var(--destructive, #ef4444);color:#fff;border:none;line-height:24px;font-size:14px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.drawflow>.drawflow-delete{display:none!important}.connection-delete-btn{cursor:pointer;pointer-events:all}.connection-delete-btn .del-bg{fill:var(--destructive, #ef4444);stroke:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.45));transition:filter 0.15s ease}.connection-delete-btn .del-x{stroke:#000;stroke-width:2.5;stroke-linecap:round;pointer-events:none}.connection-delete-btn:hover .del-bg{filter:drop-shadow(0 2px 6px rgba(0,0,0,0.55)) brightness(1.08)}.df-node{min-width:280px;max-width:360px;background:#181818;border:0px;border-radius:var(--radius-lg);overflow:visible;font-family:var(--font-sans, system-ui);position:relative}.df-node:hover{border-color:var(--border-light, rgba(255,255,255,0.14))}.df-node-status{height:0;width:100%}@keyframes tobyflow-pulse{0%,100%{opacity:1}50%{opacity:0.4}}.drawflow .drawflow-node.node-skipped{opacity:0.6}.df-node-header{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border, rgba(255,255,255,0.06));border-top-right-radius:var(--radius-lg);border-top-left-radius:var(--radius-lg)}.df-node-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;background:transparent!important;color:var(--foreground, #e8e8ea)!important}.df-node-icon.generate{background:rgba(59,130,246,0.15);color:#3b82f6}.df-node[data-media-type=Video] .df-node-icon.generate{background:rgba(139,92,246,0.15);color:#a78bfa}.df-node-icon.upscale{background:rgba(34,197,94,0.15);color:#22c55e}.df-node-icon.download{background:rgba(14,165,233,0.15);color:#0ea5e9}.df-node-icon.delay{background:rgba(245,158,11,0.15);color:#f59e0b}.df-node-icon.image{background:rgba(236,72,153,0.15);color:#ec4899}.df-node-icon.text{background:rgba(111,139,247,0.15);color:#6f8bf7}.df-node-icon.note{background:rgba(139,139,146,0.15);color:#8b8b92}.df-node-icon.angles{background:rgba(168,85,247,0.15);color:#a855f7}.df-node-icon.telegram{background:rgba(0,136,204,0.15);color:#0088cc}.df-node-icon.chatgpt{background:rgba(16,163,127,0.15);color:#10A37F}.df-node-icon.grok{background:rgba(168,85,247,0.15);color:#a855f7}.df-node-icon.gemini{background:rgba(66,133,244,0.15);color:#4285f4}.df-node-icon.prompt{background:rgba(111,139,247,0.15);color:#6f8bf7}.df-node-provider-pill{position:absolute;top:-40px;left:-4px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0px 16px 0px 5px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:0.2px;color:#fff;background:rgba(20,20,24,0.95);border:none;box-shadow:none;z-index:6;pointer-events:auto;white-space:nowrap;user-select:none;transition:transform 0.18s ease}.df-node-provider-pill:hover{transform:translateY(-1px)}.df-node-provider-pill-logo{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,0.08)}.df-node-provider-pill-logo svg{display:block;width:16px;height:16px}.df-node-provider-pill-label{line-height:1}.df-node-provider-pill.df-node-provider-flow{background:linear-gradient(135deg,rgba(49,134,255,0.22),rgba(20,20,24,0.95));border-color:rgba(49,134,255,0.5)}.df-node-provider-pill.df-node-provider-flow .df-node-provider-pill-logo{background:rgba(255,255,255,0.95)}.df-node-provider-pill.df-node-provider-openai{background:linear-gradient(135deg,rgba(16,163,127,0.28),rgba(20,20,24,0.95));border-color:rgba(16,163,127,0.55)}.df-node-provider-pill.df-node-provider-openai .df-node-provider-pill-logo{background:#10A37F;color:#fff}.df-node-provider-pill.df-node-provider-grok{background:linear-gradient(135deg,rgba(168,85,247,0.25),rgba(20,20,24,0.95));border-color:rgba(168,85,247,0.55)}.df-node-provider-pill.df-node-provider-gemini{color:#fff}.df-node-provider-pill.df-node-provider-gemini .df-node-provider-pill-logo{color:#4285f4}.df-node-provider-pill.df-node-provider-grok .df-node-provider-pill-logo{background:#1a1a1e;color:#fff;border:1px solid rgba(255,255,255,0.4)}.theme-light .df-node-provider-pill{color:#1a1a1e;background:rgba(255,255,255,0.98);border-color:rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.12),0 0 0 3px var(--card, #fff)}.theme-light .df-node-provider-pill.df-node-provider-flow{background:linear-gradient(135deg,rgba(49,134,255,0.15),rgba(255,255,255,0.98))}.theme-light .df-node-provider-pill.df-node-provider-openai{background:linear-gradient(135deg,rgba(16,163,127,0.18),rgba(255,255,255,0.98))}.theme-light .df-node-provider-pill.df-node-provider-grok{background:linear-gradient(135deg,rgba(168,85,247,0.18),rgba(255,255,255,0.98))}.df-node[data-provider=flow] .df-node-toggle,.df-node[data-provider=openai] .df-node-toggle,.df-node[data-provider=grok] .df-node-toggle{margin-right:4px}.df-node-thumb>.df-node-header{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;padding:0 2px;gap:7px;border:none;border-radius:0;background:transparent;z-index:101}.df-node-thumb>.df-node-header .df-node-icon{width:22px;height:22px}.df-node-rename-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;background:none;color:var(--muted-foreground, #9a9aa2);cursor:pointer;flex-shrink:0;border-radius:5px;opacity:0;transition:opacity 0.15s ease,background 0.15s ease,color 0.15s ease}.df-node-header:hover .df-node-rename-btn{opacity:1}.df-node-rename-btn:hover{background:rgba(255,255,255,0.08);color:#fff}.df-node-thumb>.df-node-header .df-node-title{flex:0 1 auto}.df-node-thumb>.df-node-header{cursor:text}.df-node-thumb>.df-node-header .df-node-icon{cursor:default}.df-node-title-text[contenteditable=true]{outline:none;background:rgba(255,255,255,0.12);border-radius:4px;padding:0 4px;cursor:text!important;user-select:text!important;-webkit-user-select:text!important;pointer-events:auto!important;white-space:nowrap}.df-node-thumb>.df-node-toggle{position:absolute;top:8px;right:0px;z-index:7;margin:0;padding:4px 5px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity 0.18s ease}.drawflow-node:hover .df-node-thumb>.df-node-toggle,.drawflow-node.selected .df-node-thumb>.df-node-toggle{opacity:1;pointer-events:auto}.df-node-thumb>.df-node-run-corner{position:absolute;top:8px;left:8px;z-index:7;width:26px;height:26px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#fff;color:#16161a;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.3);opacity:0;pointer-events:none;transition:opacity 0.18s ease,transform 0.12s ease,background 0.12s ease,color 0.12s ease}.df-node-thumb>.df-node-run-corner svg{display:block;margin-left:1px}.drawflow-node:hover .df-node-thumb>.df-node-run-corner,.drawflow-node.selected .df-node-thumb>.df-node-run-corner{opacity:1;pointer-events:auto}.df-node-thumb>.df-node-run-corner:hover{background:#22c55e;color:#fff;transform:scale(1.08)}.wf-canvas-readonly .df-node-run-corner{display:none}.df-node-note-frame>.df-node-run-corner{position:absolute;top:8px;left:8px;z-index:12;width:26px;height:26px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#fff;color:#16161a;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.3);opacity:0;pointer-events:none;transition:opacity 0.18s ease,transform 0.12s ease,background 0.12s ease,color 0.12s ease}.df-node-note-frame>.df-node-run-corner svg{display:block;margin-left:1px}.drawflow-node:hover .df-node-note-frame>.df-node-run-corner,.drawflow-node.selected .df-node-note-frame>.df-node-run-corner{opacity:1;pointer-events:auto}.df-node-note-frame>.df-node-run-corner:hover{background:#22c55e;color:#fff;transform:scale(1.08)}.drawflow-node:has(.df-node[data-zoom="1.5"]){transform:scale(1.5);transform-origin:top left}.drawflow-node:has(.df-node[data-zoom="2"]){transform:scale(2);transform-origin:top left}.df-node-zoom-toggle{position:absolute;left:99%;top:96%;transform:translateY(-50%);margin-left:14px;z-index:8;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #ddd;border-radius:50%;background:transparent;color:#fff;cursor:pointer;opacity:0;transition:opacity 0.15s ease,background 0.15s ease,border-color 0.15s ease}.drawflow-node:hover .df-node-zoom-toggle,.drawflow-node.selected .df-node-zoom-toggle{opacity:1;backdrop-filter:blur(4px)}.df-node-zoom-toggle:hover{background:rgba(45,45,55,0.9);border-color:#fff}.df-zoom-state{display:none;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:-0.3px}.df-node[data-zoom="1"] .df-zoom-state-1{display:inline-flex}.df-node[data-zoom="1.5"] .df-zoom-state-15{display:inline-flex}.df-node[data-zoom="2"] .df-zoom-state-2{display:inline-flex}.df-node-thumb>.df-node-body{padding:0}.df-node[data-node-type=text]>.df-node-body,.df-node[data-node-type=text_extract]>.df-node-body,.df-node[data-node-type=delay]>.df-node-body,.df-node[data-node-type=download]>.df-node-body,.df-node[data-node-type=telegram]>.df-node-body{padding:8px 8px 10px}.df-node[data-node-type=text]>.df-node-body,.df-node[data-node-type=text_extract]>.df-node-body{display:flex;flex-direction:column}.df-node[data-node-type=text]>.df-node-body .df-node-settings-bar,.df-node[data-node-type=text_extract]>.df-node-body .df-node-settings-bar{margin-top:auto}.df-node-thumb>.df-node-body .df-node-preview-wrap{margin:0;border-radius:14px}.df-node-thumb>.df-node-body .df-node-preview{margin-bottom:0;border-radius:0;border-top-left-radius:calc(var(--radius-lg) - 2px);border-top-right-radius:calc(var(--radius-lg) - 2px)}.df-node-thumb>.df-node-body .df-node-settings-bar{padding:8px 0px 0px 0px}.df-node[data-node-type=prompt]>.df-node-body .df-node-settings-bar{padding:8px 8px 0px 8px}.drawflow-node.prompt .df-node[data-node-type=prompt]>.df-node-body .df-node-settings-bar{padding:8px 6px}.df-node[data-node-type=prompt]>.df-node-body .df-node-settings-bar{position:absolute;left:0;right:0;bottom:0;z-index:4;background:#181818;border-bottom-left-radius:calc(var(--radius-lg) - 2px);border-bottom-right-radius:calc(var(--radius-lg) - 2px);opacity:1;pointer-events:auto;transform:translateY(0)}.drawflow-node:hover .df-node[data-node-type=prompt]>.df-node-body .df-node-settings-bar,.drawflow-node.selected .df-node[data-node-type=prompt]>.df-node-body .df-node-settings-bar{opacity:1;pointer-events:auto;transform:translateY(0)}.df-node-thumb>.df-node-provider-pill{top:auto;bottom:-32px;left:2px;height:24px;padding:0 10px 0 4px;gap:6px;font-size:11px;font-weight:500;background:transparent;backdrop-filter:none;border:none;box-shadow:none}.df-node-thumb>.df-node-provider-pill:hover{transform:none}.df-node-thumb>.df-node-provider-pill .df-node-provider-pill-logo{width:18px;height:18px}.df-node-thumb>.df-node-provider-pill .df-node-provider-pill-logo svg{width:12px;height:12px}.df-node-media-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;padding:2px 5px;border-radius:4px;vertical-align:middle;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08)}.df-node-media-badge-image{color:#3b82f6;background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.25)}.df-node-media-badge-video{color:#a78bfa;background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.3)}.df-node[data-media-type=Video]{box-shadow:inset 0 0 0 1px rgba(167,139,250,0.18)}.df-node[data-node-type=grok][data-media-type=Video]{box-shadow:inset 0 0 0 1px rgba(167,139,250,0.22)}.df-node[data-node-type=gemini]{border-color:rgba(66,133,244,0.38)}.df-node[data-node-type=gemini][data-media-type=Video]{border-color:rgba(139,92,246,0.48)}.ratio-pills-container{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.ratio-pills-container .ratio-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid var(--border, #2a2a2e);background:transparent;color:var(--muted-foreground, #8b8b92);font-size:12px;cursor:pointer;transition:all 0.15s ease}.ratio-pills-container .ratio-pill svg{width:12px;height:12px;opacity:0.85}.ratio-pills-container .ratio-pill:hover{border-color:hsla(var(--primary-hsl, 73 100% 50%),0.45);color:#fff}.ratio-pills-container .ratio-pill.active{background:none;border-color:var(--primary, #cdff01);color:var(--primary, #cdff01)}.ratio-pills-container .chatgpt-ratio-pill.active,.ratio-pills-container .gemini-ratio-pill.active,.ratio-pills-container .grok-ratio-pill.active,.ratio-pills-container .muse-ratio-pill.active{border-color:#fff;color:#fff}.df-node-tag.df-node-tag-mode-image{background:rgba(16,163,127,0.18);color:#10A37F;border:1px solid rgba(16,163,127,0.35)}.df-node-tag.df-node-tag-mode-fallback{background:rgba(245,158,11,0.18);color:#f59e0b;border:1px solid rgba(245,158,11,0.35)}.df-node-tag.df-node-tag-error{background:rgba(220,38,38,0.18);color:#dc2626;border:1px solid rgba(220,38,38,0.35)}.df-node-tag.df-node-tag-delete{display:none!important}.df-node-tag.df-node-tag-delete--visible{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:4px;background:rgba(239,68,68,0.10);color:#ef4444;border:1px solid rgba(239,68,68,0.30);line-height:1;white-space:nowrap}.df-node-tag.df-node-tag-delete>.df-node-tag-delete-icon{display:inline-block!important;flex-shrink:0;position:static!important;width:10px;height:10px;vertical-align:middle}.df-node-tag.df-node-tag-delete>.df-node-tag-delete-text{display:inline-block;white-space:nowrap;line-height:1}.df-node-telegram-info{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:4px;padding-right:30px}.df-telegram-linked{display:inline-flex;align-items:center;gap:3px;color:#22c55e;font-weight:500}.df-telegram-linked svg{flex-shrink:0}.df-telegram-unlinked{color:#f59e0b;font-weight:500}.df-telegram-mode{color:var(--muted-foreground, #8b8b92);font-size:10px}.df-telegram-mode::before{content:"\b7";margin-right:4px}.df-node-icon.transform{background:hsla(142,71%,45%,0.15);color:var(--success)}.df-node-icon.condition{background:hsla(38,92%,50%,0.15);color:var(--warning)}.df-node-icon.merge{background:hsla(262,83%,58%,0.15);color:hsl(262,83%,58%)}.df-node-icon.output{background:hsla(0,84%,60%,0.15);color:var(--destructive)}.df-node-title{flex:1 1 0;cursor:text;min-width:0;font-size:12px;font-weight:600;color:var(--foreground, #e8e8ea);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawflow-node.note .df-node-title{color:#d3b525}.df-node-slug-badge{display:inline-flex;align-items:center;gap:2px;height:18px;padding:0 4px 0 6px;margin-left:4px;font-size:10px;font-weight:500;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;color:#fbbf24;background:rgba(251,191,36,0.12);border-radius:4px;white-space:nowrap;cursor:pointer;transition:background 0.15s ease,color 0.15s ease}.df-node-slug-prefix{opacity:0.7}.df-node-slug-text{outline:none;min-width:8px}.df-node-slug-text.editing{background:rgba(251,191,36,0.22);border-radius:3px;padding:0 2px;cursor:text}.df-node-slug-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;padding:0;border:none;background:none;color:inherit;cursor:pointer;border-radius:3px;opacity:0;flex-shrink:0;transition:opacity 0.15s ease,background 0.15s ease}.df-node-slug-badge:hover .df-node-slug-edit-btn{opacity:0.85}.df-node-slug-edit-btn:hover{opacity:1;background:rgba(251,191,36,0.2)}.df-node-thumb>.df-node-slug-badge{position:absolute;top:auto;bottom:-26px;left:2px;margin-left:0;z-index:6}.df-node-slug-badge:hover{background:rgba(251,191,36,0.22)}.df-node-slug-badge.editing{padding:0 2px;background:rgba(251,191,36,0.08)}.df-node-slug-input{width:80px;height:16px;padding:0 4px;font-size:10px;font-weight:500;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;color:#fbbf24;background:transparent;border:none;outline:none}.df-node-slug-input::placeholder{color:rgba(251,191,36,0.5)}.df-node-slug-badge.error{background:rgba(239,68,68,0.15);color:#ef4444}.df-node-slug-badge.error .df-node-slug-input{color:#ef4444}.df-node-body{padding:8px 10px 10px;min-height:80px;position:relative}.df-node-preview{position:relative;aspect-ratio:1 / 1;min-width:120px;min-height:120px;max-height:240px;background:#181818;overflow:hidden;border-radius:6px;margin-bottom:3px;display:flex;align-items:center;justify-content:center;gap:4px;pointer-events:none}.df-node-preview.multi-result{flex-wrap:wrap}.df-node-preview.ratio-portrait{aspect-ratio:9 / 16;max-height:400px}.df-node-preview.ratio-landscape{aspect-ratio:16 / 9;max-height:180px}.df-node-preview.ratio-9-16{aspect-ratio:9 / 16;max-height:400px}.df-node-preview.ratio-3-4{aspect-ratio:3 / 4;max-height:360px}.df-node-preview.ratio-4-3{aspect-ratio:4 / 3;max-height:200px}.df-node-preview.ratio-16-9{aspect-ratio:16 / 9;max-height:180px}.df-node-preview.ratio-2-3{aspect-ratio:2 / 3;max-height:380px}.df-node-preview.ratio-3-2{aspect-ratio:3 / 2;max-height:190px}.df-node-preview.hidden{display:none}.df-node-preview.df-node-cross-project{border:2px solid var(--destructive, #dc2626);position:relative}.df-node-preview.df-node-cross-project::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(220,38,38,0.1) 0%,rgba(220,38,38,0.1) 40%,rgba(255,255,255,0.15) 50%,rgba(220,38,38,0.1) 60%,rgba(220,38,38,0.1) 100%);background-size:200% 100%;animation:crossProjectSweep 1.5s ease-in-out infinite;border-radius:6px;pointer-events:none}.df-node-preview.image-ref{aspect-ratio:auto;max-height:240px;background:transparent}.df-node-preview.image-ref img{width:100%;height:auto;max-height:240px;object-fit:contain;border-radius:6px;pointer-events:none}.df-node-preview.template-ref-preview{background:#181818}.df-node-preview.template-ref-preview .df-preview-thumb img{object-fit:contain}.df-node-preview.template-ref-preview.multi-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;padding:6px}.df-node-preview.template-ref-preview.multi-result .df-preview-thumb{width:100%;height:auto;aspect-ratio:1 / 1;min-width:80px;min-height:80px}.df-node-preview.template-ref-preview.multi-result .df-preview-thumb img{object-fit:cover}.drawflow .drawflow-node.node-running .df-node[data-node-type=image] .df-node-preview{position:relative}.drawflow .drawflow-node.node-running .df-node[data-node-type=image] .df-node-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(245,158,51,0.35) 0%,rgba(255,255,255,0.45) 40%,rgba(245,158,51,0.35) 60%);background-size:200% 100%;background-repeat:no-repeat;animation:dfPreviewRunningSweep 1.6s ease-in-out infinite;pointer-events:none;z-index:2;mix-blend-mode:overlay}@keyframes dfPreviewRunningSweep{0%{background-position:200% 0}100%{background-position:-200% 0}}.drawflow .drawflow-node:has(.df-node[data-node-type=image]){min-width:360px;width:auto}.df-node[data-node-type=image]{min-width:280px;max-width:360px}.drawflow .drawflow-node:has(.df-node-preview.ratio-16-9),.drawflow .drawflow-node:has(.df-node-preview.ratio-4-3),.drawflow .drawflow-node:has(.df-node-preview.ratio-3-2){min-width:540px}.df-node:has(.df-node-preview.ratio-16-9),.df-node:has(.df-node-preview.ratio-4-3),.df-node:has(.df-node-preview.ratio-3-2){max-width:540px}.df-node[data-node-type=image] .df-node-body{padding:10px;min-height:0}.df-node[data-node-type=image] .df-node-preview{margin-bottom:3px;background:#181818;min-width:120px;min-height:120px;width:100%}.df-node[data-node-type=image] .df-node-preview.image-ref{max-width:100%;max-height:100%}.df-node[data-node-type=image] .df-node-preview.image-ref img{width:100%;height:auto;max-width:100%;max-height:none;display:block}.df-node[data-node-type=image] .df-node-settings-bar{padding:0;margin:0}.df-node-preview img,.df-node-preview video{width:100%;height:100%;object-fit:contain;border-radius:6px;pointer-events:none}.df-node-preview-placeholder{color:var(--muted-foreground, #6b6b73);display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px}.df-node-preview-placeholder svg{display:block;margin:auto;width:68px;height:68px}.df-preview-thumb{width:100%;height:auto;min-height:80px;border-radius:14px;overflow:hidden;background:#181818;flex-shrink:0;position:relative}.df-preview-thumb[data-media-src]{pointer-events:auto;cursor:move;transition:transform 0.15s ease,box-shadow 0.15s ease}.df-preview-thumb[data-media-src]:hover{box-shadow:0 4px 16px rgba(0,0,0,0.4)}.df-preview-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.85);width:48px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0.6);color:#fff;cursor:zoom-in;opacity:0;pointer-events:none;transition:opacity 0.15s ease,transform 0.15s ease,background 0.15s ease;z-index:3}.df-preview-thumb[data-media-src]:not(.df-preview-thumb--uploading):not(.df-preview-thumb--upload-failed):hover .df-preview-zoom{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.df-preview-zoom:hover{background:rgba(0,0,0,0.85)}.btn.btn-icon-only{height:30px;width:30px;padding:4px;gap:0;min-width:auto;flex:0 0 auto}.btn.btn-icon-only svg{display:block}#closeEditorBtn{background:transparent;border-color:transparent}#closeEditorBtn:hover{background:var(--surface-elevated);border-color:var(--border-light)}.df-preview-thumb--uploading[data-media-src],.df-preview-thumb--upload-failed[data-media-src]{pointer-events:none;cursor:default}.df-preview-thumb--uploading::after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid rgba(255,255,255,0.25);border-top-color:#3b82f6;border-radius:50%;animation:df-preview-thumb-spin 0.8s linear infinite;pointer-events:none;z-index:2}.df-preview-thumb--uploading::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.35);pointer-events:none;z-index:1}.df-preview-thumb--upload-failed::after{content:"\26a0";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#ef4444;text-shadow:0 1px 2px rgba(0,0,0,0.6);pointer-events:none;z-index:2}.df-preview-thumb--upload-failed::before{content:"";position:absolute;inset:0;background:rgba(239,68,68,0.2);pointer-events:none;z-index:1}@keyframes df-preview-thumb-spin{to{transform:rotate(360deg)}}.df-node-preview:not(.multi-result):has(.df-preview-thumb){aspect-ratio:auto;max-height:none;height:auto}.df-node-preview:not(.multi-result):has(.df-node-loading-shimmer,.df-node-preview-placeholder){width:100%;max-width:100%;max-height:none}.df-node-preview:not(.multi-result) .df-preview-thumb{width:100%;height:auto}.df-node-preview:not(.multi-result) .df-preview-thumb img,.df-node-preview:not(.multi-result) .df-preview-thumb video{width:100%;height:auto;min-height:0;object-fit:contain}.df-node-preview.multi-result .df-preview-thumb{width:100px;height:auto}.df-preview-thumb img,.df-preview-thumb video{width:100%;height:auto;min-height:80px;object-fit:cover;display:block;pointer-events:none;border-radius:14px}.df-node[data-node-type=image] .df-preview-thumb{background:#181818}.df-node[data-node-type=image] .df-preview-thumb img,.df-node[data-node-type=image] .df-preview-thumb video{object-fit:contain}.df-node[data-node-type=image] .df-node-preview.multi-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;padding:6px}.df-node[data-node-type=image] .df-node-preview.multi-result .df-preview-thumb{width:100%;height:auto;min-width:90px;min-height:90px}.df-node-ref-preview{position:absolute;top:8px;left:8px;z-index:5;display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:hidden;pointer-events:none}.df-node-body:has(.df-node-preview.ratio-9-16) .df-node-ref-preview,.df-node-body:has(.df-node-preview.ratio-3-4) .df-node-ref-preview,.df-node-body:has(.df-node-preview.ratio-2-3) .df-node-ref-preview{flex-direction:column}.df-node-ref-preview .df-ref-thumb{width:48px;height:48px;border-radius:4px;overflow:hidden;background:var(--muted);border:1px solid rgba(255,255,255,0.5);box-shadow:0 1px 4px rgba(0,0,0,0.45);flex-shrink:0}.df-node-ref-preview .df-ref-thumb img{width:100%;height:100%;object-fit:cover;display:block}.df-preview-more-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.55);color:#fff;font-size:20px;font-weight:700;letter-spacing:0.5px;border-radius:6px;pointer-events:none;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,0.6)}.df-node-prompt{font-size:11px;color:var(--foreground, #e8e8ea);line-height:1.4;max-height:48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;cursor:text;opacity:0.85;font-style:italic;padding-top:5px}.df-node-prompt-empty{color:var(--muted-foreground, #6b6b73);font-style:italic}.df-node-prompt-result{color:var(--success, #4ade80);border-left:2px solid var(--success, #4ade80);padding-left:8px;margin-top:6px}.df-node-preview-wrap{position:relative}.df-node-prompt-overlay{position:absolute;left:0;right:0;bottom:0;margin:0;padding:6px 8px;box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:10px;line-height:1.35;max-height:calc(1.35em * 2 + 12px);opacity:0.55;font-style:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.7);background:transparent;pointer-events:none;z-index:2}.df-inline-prompt-container{position:relative;margin-bottom:0px}.df-inline-prompt-view{position:relative;padding:6px 28px 6px 2px;border-radius:4px;min-height:36px;color:var(--foreground, #e8e8ea);font-family:inherit;font-size:11px;line-height:1.45;cursor:default;transition:background 0.15s ease,border-color 0.15s ease;display:flex;align-items:flex-start;word-break:break-word;box-sizing:border-box}.df-inline-prompt-view:hover{}.df-node-char-count{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted-foreground, #6b6b73);white-space:nowrap;align-self:center;flex:0 0 auto;pointer-events:none}.df-node-char-count.df-over-limit{color:#f87171;font-weight:600}.df-node[data-node-type=prompt] .df-node-settings-bar .df-node-corner-gear,.df-node[data-node-type=text] .df-node-settings-bar .df-node-corner-gear{margin-left:0!important}.df-form-char-count{display:block;text-align:right;margin-top:3px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted-foreground, #6b6b73)}.df-form-char-count.df-over-limit{color:#f87171;font-weight:600}.df-inline-prompt-text{flex:1;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;white-space:pre-wrap}.df-inline-prompt-empty{color:var(--muted-foreground, #6b6b73);font-style:italic;opacity:0.7}.df-prompt-mention{display:inline-block;padding:0 6px;background:rgba(16,163,127,0.18);color:#10A37F;border:1px solid rgba(16,163,127,0.35);border-radius:6px;font-size:0.92em;font-weight:500;line-height:1.4;white-space:nowrap}.df-inline-prompt-text.df-inline-prompt-enhanced{cursor:help;border-left:2px solid rgba(16,163,127,0.55);padding-left:8px;margin-left:-4px}.df-ai-output-container{margin-top:10px;margin-bottom:5px;padding:8px 10px;background:rgba(16,163,127,0.06);border:1px solid rgba(16,163,127,0.18);border-radius:6px;position:relative}.df-ai-output-label{display:flex!important;flex-direction:row!important;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;color:rgba(16,163,127,0.95);margin-bottom:6px;user-select:none;line-height:1}.df-ai-output-label>.df-ai-output-icon{display:inline-block!important;position:static!important;width:11px;height:11px;flex-shrink:0}.df-ai-output-label>.df-ai-output-label-text{display:inline-block;white-space:nowrap}.df-ai-output-provider{font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted-foreground);margin-left:2px}.df-ai-output-text{font-size:12px;line-height:1.5;color:var(--foreground);white-space:pre-wrap;word-break:break-word;max-height:8em;overflow-y:auto}.df-ai-output-text::-webkit-scrollbar{width:4px}.df-ai-output-text::-webkit-scrollbar-thumb{background:rgba(16,163,127,0.3);border-radius:2px}.df-inline-prompt-edit-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(111,139,247,0.1);border:1px solid rgba(111,139,247,0.25);border-radius:4px;color:#6f8bf7;cursor:pointer;opacity:0.7;transition:opacity 0.15s ease,background 0.15s ease,transform 0.15s ease}.df-inline-prompt-view:hover .df-inline-prompt-edit-btn{opacity:1}.df-inline-prompt-edit-btn:hover{background:rgba(111,139,247,0.25);border-color:rgba(111,139,247,0.6);transform:scale(1.05)}.df-inline-prompt-edit{display:none;width:100%;min-height:60px;max-height:160px;padding:6px 8px;background:rgba(111,139,247,0.08);border:1px solid rgba(111,139,247,0.5);border-radius:4px;color:var(--foreground, #e8e8ea);font-family:inherit;font-size:11px;line-height:1.45;resize:none;outline:none;cursor:text;box-sizing:border-box;overflow-y:auto;transition:border-color 0.15s ease}.df-inline-prompt-edit::placeholder{color:var(--muted-foreground, #6b6b73);font-style:italic;opacity:0.7}.df-inline-prompt-edit:focus{border-color:#6f8bf7;box-shadow:0 0 0 2px rgba(111,139,247,0.15)}.df-inline-prompt-container[data-mode=edit] .df-inline-prompt-view{display:none}.df-inline-prompt-container[data-mode=edit] .df-inline-prompt-edit{display:block}.df-inline-prompt-saved-badge{position:absolute;top:4px;right:4px;display:none;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:500;color:#22c55e;background:rgba(34,197,94,0.15);border:1px solid rgba(34,197,94,0.35);border-radius:4px;opacity:0;pointer-events:none;z-index:2;transition:opacity 0.2s ease}.df-inline-prompt-container[data-saved=true] .df-inline-prompt-saved-badge{display:inline-flex;opacity:1}.df-prompt-always-edit{position:relative;padding:0;border-radius:14px}.df-prompt-always-edit .df-inline-prompt-edit{display:block;width:100%;min-height:215px;max-height:360px;margin:0;padding:16px;background:transparent;border:0px!important;border-radius:14px;font-size:14px!important;line-height:1.5;resize:none;overflow-y:auto;color:var(--muted-foreground)!important}.df-prompt-always-edit .df-inline-prompt-edit:focus{border:none;box-shadow:none;color:var(--foreground, #e8e8ea)!important}.df-node[data-node-type=prompt].df-node-prompt-batch .df-inline-prompt-edit{height:640px;min-height:640px;max-height:640px;padding-top:46px}.df-prompt-multi-counter{position:absolute;top:10px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--primary, #ccff00) 52%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary, #ccff00) 13%,transparent);color:var(--primary, #ccff00);font-size:10px;font-weight:650;line-height:1;pointer-events:none}.df-prompt-multi-counter strong{color:var(--primary, #ccff00);font-size:11px}.df-prompt-multi-counter span{color:var(--foreground, #e8e8ea);opacity:.78}.df-prompt-multi-counter strong,.df-prompt-multi-counter span{flex:0 0 auto;white-space:nowrap}.df-prompt-mode-pill{display:inline-flex;align-items:center;gap:5px;min-height:22px;padding:3px 7px;border:1px solid rgba(255,255,255,0.12);border-radius:999px;background:rgba(255,255,255,0.045);color:var(--muted-foreground, #a1a1aa);font:inherit;font-size:10px;font-weight:650;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.df-prompt-mode-pill:hover{border-color:color-mix(in srgb,var(--primary, #ccff00) 65%,transparent);color:var(--primary, #ccff00)}.df-prompt-mode-pill.is-active{border-color:color-mix(in srgb,var(--primary, #ccff00) 65%,transparent);background:color-mix(in srgb,var(--primary, #ccff00) 16%,transparent);color:var(--primary, #ccff00)}.df-prompt-mode-pill-track{position:relative;width:17px;height:10px;border-radius:999px;background:rgba(255,255,255,.2);transition:background .15s ease}.df-prompt-mode-pill-track span{position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:#d4d4d8;transition:transform .15s ease,background .15s ease}.df-prompt-mode-pill.is-active .df-prompt-mode-pill-track{background:var(--primary, #ccff00)}.df-prompt-mode-pill.is-active .df-prompt-mode-pill-track span{transform:translateX(7px);background:var(--background)}.df-node[data-node-type=text] .df-prompt-always-edit .df-inline-prompt-edit{min-height:107px;max-height:180px;border:0px!important}.df-node[data-node-type=text]>.df-node-body{padding:0}.df-node[data-node-type=text]>.df-node-body .df-node-settings-bar{padding:8px 8px 8px;opacity:1;transform:translateY(0);pointer-events:auto}.df-node-thumb .df-ai-output-container{margin:6px 8px 0}.df-node-saved-badge{position:absolute;right:4px;top:0;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:10px;font-weight:600;color:#22c55e;background:rgba(34,197,94,0.15);border-radius:999px;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.df-node-saved-badge.show{opacity:1}.df-node-saved-badge svg{display:block}.wf-canvas-readonly .df-inline-prompt-edit-btn{display:none}.wf-canvas-readonly .df-inline-prompt-view{cursor:default;opacity:0.85}.wf-canvas-readonly .df-prompt-always-edit .df-inline-prompt-edit{pointer-events:none;opacity:0.85}.prompt-source-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.prompt-source-group .prompt-source-row{flex-wrap:wrap}.prompt-source-inline-indicator{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#22c55e;padding:3px 8px;background:rgba(34,197,94,0.12);border-radius:12px;max-width:100%;min-width:0;white-space:normal}.prompt-source-inline-indicator svg{flex-shrink:0;width:12px;height:12px}.prompt-source-inline-indicator span{min-width:0;overflow-wrap:anywhere}.prompt-source-inline-warning{display:inline-flex;align-items:center;color:#f59e0b;padding:3px 6px;background:rgba(245,158,11,0.12);border-radius:12px}.prompt-source-inline-warning svg{width:12px;height:12px}.wf-form-prompt-source-banner{display:none}.df-node-settings-bar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;row-gap:6px;min-width:0;padding-right:8px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease}.df-node:hover .df-node-settings-bar,.drawflow .drawflow-node.selected .df-node-settings-bar{opacity:1;transform:translateY(0);pointer-events:auto}.drawflow .drawflow-node:has(.df-node[data-node-type=generate]),.drawflow .drawflow-node:has(.df-node[data-node-type=chatgpt]),.drawflow .drawflow-node:has(.df-node[data-node-type=grok]),.drawflow .drawflow-node:has(.df-node[data-node-type=gemini]),.drawflow .drawflow-node:has(.df-node[data-node-type=muse]){width:min-content}.df-node[data-node-type=generate],.df-node[data-node-type=chatgpt],.df-node[data-node-type=grok],.df-node[data-node-type=gemini],.df-node[data-node-type=muse]{max-width:none}.df-node[data-node-type=generate] .df-node-settings-bar,.df-node[data-node-type=chatgpt] .df-node-settings-bar,.df-node[data-node-type=grok] .df-node-settings-bar,.df-node[data-node-type=gemini] .df-node-settings-bar,.df-node[data-node-type=muse] .df-node-settings-bar,.df-node[data-node-type=image] .df-node-settings-bar{position:relative;z-index:4;margin:-50px 0 0 0;padding:16px 8px 8px;flex-wrap:nowrap;background:linear-gradient(to top,rgb(0 0 0 / 60%) 0%,rgb(0 0 0 / 5%) 70%,rgba(0,0,0,0) 100%);border-bottom-left-radius:calc(var(--radius-lg) - 4px);border-bottom-right-radius:calc(var(--radius-lg) - 4px)}.df-node[data-node-type=generate] .df-node-settings-bar .df-node-corner-gear,.df-node[data-node-type=chatgpt] .df-node-settings-bar .df-node-corner-gear,.df-node[data-node-type=grok] .df-node-settings-bar .df-node-corner-gear,.df-node[data-node-type=gemini] .df-node-settings-bar .df-node-corner-gear,.df-node[data-node-type=muse] .df-node-settings-bar .df-node-corner-gear,.df-node-settings-bar .df-node-corner-gear{position:static!important;right:auto!important;bottom:auto!important;margin-left:auto;opacity:1;flex:0 0 auto}.df-node[data-node-type=generate] .df-node-settings-bar .df-node-tag-editable,.df-node[data-node-type=chatgpt] .df-node-settings-bar .df-node-tag-editable,.df-node[data-node-type=grok] .df-node-settings-bar .df-node-tag-editable,.df-node[data-node-type=gemini] .df-node-settings-bar .df-node-tag-editable,.df-node[data-node-type=muse] .df-node-settings-bar .df-node-tag-editable{flex:0 0 auto;max-width:none}.df-node[data-node-type=generate] .df-node-settings-bar .df-node-tag-editable>span,.df-node[data-node-type=chatgpt] .df-node-settings-bar .df-node-tag-editable>span,.df-node[data-node-type=grok] .df-node-settings-bar .df-node-tag-editable>span,.df-node[data-node-type=gemini] .df-node-settings-bar .df-node-tag-editable>span,.df-node[data-node-type=muse] .df-node-settings-bar .df-node-tag-editable>span{overflow:visible;text-overflow:clip}.drawflow .drawflow-node:has(.df-node[data-node-type=gemini]){width:360px;max-width:360px}.df-node[data-node-type=gemini]{width:100%;max-width:100%}.df-node[data-node-type=gemini] .df-node-settings-bar{flex-wrap:wrap}.df-node[data-node-type=gemini] .df-node-settings-bar .df-node-tag-editable{flex:0 1 auto;max-width:120px}.df-node[data-node-type=gemini] .df-node-settings-bar .df-node-tag-editable>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-node[data-node-type=generate] .df-node-body,.df-node[data-node-type=chatgpt] .df-node-body,.df-node[data-node-type=grok] .df-node-body,.df-node[data-node-type=gemini] .df-node-body,.df-node[data-node-type=muse] .df-node-body{padding:0px;overflow:hidden;border-radius:14px}.df-node[data-node-type=image] .df-node-body{padding:0px;overflow:hidden;border-radius:14px}.df-node[data-node-type=generate] .df-node-preview,.df-node[data-node-type=chatgpt] .df-node-preview,.df-node[data-node-type=grok] .df-node-preview,.df-node[data-node-type=gemini] .df-node-preview,.df-node[data-node-type=muse] .df-node-preview{border-radius:14px}.df-node[data-node-type=image] .df-node-preview{border-radius:14px}.df-node[data-node-type=generate] .df-node-preview,.df-node[data-node-type=chatgpt] .df-node-preview,.df-node[data-node-type=grok] .df-node-preview,.df-node[data-node-type=gemini] .df-node-preview{width:auto;max-width:100%;min-width:0;margin-left:auto;margin-right:auto}.df-node[data-node-type=generate] .df-node-preview.ratio-9-16,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-9-16,.df-node[data-node-type=grok] .df-node-preview.ratio-9-16,.df-node[data-node-type=gemini] .df-node-preview.ratio-9-16{max-width:225px}.df-node[data-node-type=generate] .df-node-preview.ratio-3-4,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-3-4,.df-node[data-node-type=grok] .df-node-preview.ratio-3-4,.df-node[data-node-type=gemini] .df-node-preview.ratio-3-4{max-width:270px}.df-node[data-node-type=generate] .df-node-preview.ratio-2-3,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-2-3,.df-node[data-node-type=grok] .df-node-preview.ratio-2-3,.df-node[data-node-type=gemini] .df-node-preview.ratio-2-3{max-width:253px}.df-node[data-node-type=generate] .df-node-preview.ratio-portrait,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-portrait,.df-node[data-node-type=grok] .df-node-preview.ratio-portrait{max-width:225px}.df-node[data-node-type=generate] .df-node-preview.ratio-16-9,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-16-9,.df-node[data-node-type=grok] .df-node-preview.ratio-16-9,.df-node[data-node-type=gemini] .df-node-preview.ratio-16-9{max-width:320px}.df-node[data-node-type=generate] .df-node-preview.ratio-4-3,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-4-3,.df-node[data-node-type=grok] .df-node-preview.ratio-4-3,.df-node[data-node-type=gemini] .df-node-preview.ratio-4-3{max-width:267px}.df-node[data-node-type=generate] .df-node-preview.ratio-3-2,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-3-2,.df-node[data-node-type=grok] .df-node-preview.ratio-3-2,.df-node[data-node-type=gemini] .df-node-preview.ratio-3-2{max-width:285px}.df-node[data-node-type=generate] .df-node-preview.ratio-landscape,.df-node[data-node-type=chatgpt] .df-node-preview.ratio-landscape,.df-node[data-node-type=grok] .df-node-preview.ratio-landscape{max-width:320px}.df-node[data-node-type=generate] .df-node-preview:not([class*=ratio-]),.df-node[data-node-type=chatgpt] .df-node-preview:not([class*=ratio-]),.df-node[data-node-type=grok] .df-node-preview:not([class*=ratio-]),.df-node[data-node-type=gemini] .df-node-preview:not([class*=ratio-]){max-width:240px}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result):has(.df-preview-thumb),.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result):has(.df-preview-thumb),.df-node[data-node-type=grok] .df-node-preview:not(.multi-result):has(.df-preview-thumb),.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result):has(.df-preview-thumb){width:100%;max-width:100%;aspect-ratio:auto;max-height:none;height:auto}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result):has(.df-node-loading-shimmer,.df-node-preview-placeholder),.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result):has(.df-node-loading-shimmer,.df-node-preview-placeholder),.df-node[data-node-type=grok] .df-node-preview:not(.multi-result):has(.df-node-loading-shimmer,.df-node-preview-placeholder),.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result):has(.df-node-loading-shimmer,.df-node-preview-placeholder),.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-node-loading-shimmer,.df-node-preview-placeholder){width:100%;max-width:100%;max-height:none}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result) .df-preview-thumb,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result) .df-preview-thumb,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result) .df-preview-thumb{width:100%;height:auto}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result) .df-preview-thumb img,.df-node[data-node-type=generate] .df-node-preview:not(.multi-result) .df-preview-thumb video,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result) .df-preview-thumb img,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result) .df-preview-thumb video,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result) .df-preview-thumb img,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result) .df-preview-thumb video{width:100%;height:auto;min-height:0;object-fit:contain}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result)[class*=ratio-],.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result)[class*=ratio-],.df-node[data-node-type=grok] .df-node-preview:not(.multi-result)[class*=ratio-],.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result)[class*=ratio-]{overflow:hidden}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-9-16,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-9-16,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-9-16,.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result).ratio-9-16{aspect-ratio:9 / 16}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-3-4,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-3-4,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-3-4,.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result).ratio-3-4{aspect-ratio:3 / 4}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-2-3,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-2-3,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-2-3,.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result).ratio-2-3{aspect-ratio:2 / 3}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-4-3,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-4-3,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-4-3,.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result).ratio-4-3{aspect-ratio:4 / 3}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-16-9,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-16-9,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-16-9,.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result).ratio-16-9{aspect-ratio:16 / 9}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-3-2,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-3-2,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-3-2,.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result).ratio-3-2{aspect-ratio:3 / 2}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-portrait,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-portrait,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-portrait{aspect-ratio:9 / 16}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result).ratio-landscape,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result).ratio-landscape,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result).ratio-landscape{aspect-ratio:16 / 9}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result){width:100%;max-width:100%;margin-left:0;margin-right:0}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result).ratio-9-16{aspect-ratio:9 / 16}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result).ratio-3-4{aspect-ratio:3 / 4}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result).ratio-2-3{aspect-ratio:2 / 3}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result).ratio-1-1{aspect-ratio:1 / 1}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result).ratio-4-3{aspect-ratio:4 / 3}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result).ratio-3-2{aspect-ratio:3 / 2}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result).ratio-16-9{aspect-ratio:16 / 9}.df-preview-thumb--media-loading::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#111827 25%,#243044 45%,#111827 65%);background-size:220% 100%;animation:df-shimmer 1.4s linear infinite;z-index:2}.df-preview-thumb--media-loading::after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;box-sizing:border-box;margin:-12px 0 0 -12px;border:3px solid rgba(255,255,255,0.2);border-top-color:#ccff00;border-radius:50%;animation:df-preview-thumb-spin 0.9s linear infinite;pointer-events:none;z-index:3}.tobyflow-media-loader{display:block;width:24px;height:24px;box-sizing:border-box;border:3px solid rgba(255,255,255,0.2);border-top-color:#ccff00;border-radius:50%;animation:df-preview-thumb-spin 0.9s linear infinite;flex:0 0 auto}.df-video-playback-loading{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:rgba(8,12,20,0.46);backdrop-filter:blur(1px);pointer-events:none}.df-video-playback-loading .tobyflow-media-loader{width:28px;height:28px;border-width:3px}.df-preview-thumb--video-playback-loading .df-preview-zoom{opacity:0!important;pointer-events:none!important}@media (prefers-reduced-motion: reduce){.tobyflow-media-loader,.df-preview-thumb--media-loading::after{animation:none}}.df-preview-expired{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 22px;color:rgba(255,255,255,0.82);background:radial-gradient(circle at 50% 20%,rgba(99,102,241,0.16),transparent 48%),linear-gradient(145deg,#101722,#1b2533);box-shadow:inset 0 0 0 1px rgba(148,163,184,0.1);text-align:center;pointer-events:none;box-sizing:border-box;min-width:0;min-height:0;overflow:hidden}.df-preview-expired .df-preview-expired-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;box-sizing:border-box;width:30px;height:30px;margin:0;padding:0;line-height:0;color:rgba(203,213,225,0.82)}.df-preview-expired .df-preview-expired-icon>svg{display:block;flex:0 0 30px;width:30px!important;height:30px!important;min-width:30px;min-height:30px;max-width:30px;max-height:30px;margin:0!important;padding:0!important;overflow:visible}.df-preview-expired-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.2;letter-spacing:0.02em}.df-preview-expired-hint{display:-webkit-box;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;font-weight:400;line-height:1.35;color:rgba(203,213,225,0.64);text-wrap:balance}.df-node-preview.df-node-preview--media-state,.df-node[data-node-type=image] .df-node-preview.df-node-preview--media-state,.df-node-preview.image-ref.df-node-preview--media-state{display:flex;width:100%;max-width:100%;max-height:none;height:auto;min-height:0;background:#101722;overflow:hidden}.df-node-preview.df-node-preview--media-state.ratio-9-16{aspect-ratio:9 / 16!important;max-height:400px}.df-node-preview.df-node-preview--media-state.ratio-3-4{aspect-ratio:3 / 4!important;max-height:360px}.df-node-preview.df-node-preview--media-state.ratio-2-3{aspect-ratio:2 / 3!important;max-height:380px}.df-node-preview.df-node-preview--media-state.ratio-1-1{aspect-ratio:1 / 1!important;max-height:240px}.df-node-preview.df-node-preview--media-state.ratio-4-3{aspect-ratio:4 / 3!important;max-height:200px}.df-node-preview.df-node-preview--media-state.ratio-3-2{aspect-ratio:3 / 2!important;max-height:190px}.df-node-preview.df-node-preview--media-state.ratio-16-9{aspect-ratio:16 / 9!important;max-height:180px}.df-node-preview.df-node-preview--media-state:not(.multi-result) .df-preview-thumb{width:100%;height:100%;min-height:0;flex:1 1 auto;align-self:stretch}.df-node-preview.df-node-preview--media-state .df-preview-thumb>img,.df-node-preview.df-node-preview--media-state .df-preview-thumb>video{width:100%;height:100%;min-height:0;object-fit:contain}.df-preview-resolving{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;padding:14px;color:rgba(255,255,255,0.84);background:linear-gradient(110deg,#101722 22%,#26354a 47%,#101722 72%);background-size:220% 100%;animation:df-shimmer 1.4s linear infinite;text-align:center;pointer-events:none}.df-preview-resolving>.tobyflow-media-loader{flex:0 0 26px;width:26px;height:26px}.df-preview-resolving-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.25}@media (prefers-reduced-motion: reduce){.df-preview-resolving{animation:none}}.df-preview-thumb--resolver-loading .df-preview-zoom{opacity:0!important;pointer-events:none!important}.df-preview-thumb--media-error .df-preview-zoom{opacity:0!important;pointer-events:none!important}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb{height:100%}.df-node[data-node-type=generate] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb img,.df-node[data-node-type=generate] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb video,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb img,.df-node[data-node-type=chatgpt] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb video,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb img,.df-node[data-node-type=grok] .df-node-preview:not(.multi-result)[class*=ratio-] .df-preview-thumb video{height:100%;max-height:100%}.df-node[data-node-type=generate] .df-node-preview.multi-result,.df-node[data-node-type=chatgpt] .df-node-preview.multi-result,.df-node[data-node-type=grok] .df-node-preview.multi-result{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;aspect-ratio:auto;max-height:400px;max-width:100%;overflow-y:auto;align-items:stretch}.df-node[data-node-type=generate] .df-node-preview.multi-result .df-preview-thumb,.df-node[data-node-type=chatgpt] .df-node-preview.multi-result .df-preview-thumb,.df-node[data-node-type=grok] .df-node-preview.multi-result .df-preview-thumb{width:100%;height:auto;aspect-ratio:1 / 1;min-width:0;min-height:0}.df-node[data-node-type=generate] .df-node-preview.multi-result .df-preview-thumb img,.df-node[data-node-type=generate] .df-node-preview.multi-result .df-preview-thumb video,.df-node[data-node-type=chatgpt] .df-node-preview.multi-result .df-preview-thumb img,.df-node[data-node-type=chatgpt] .df-node-preview.multi-result .df-preview-thumb video,.df-node[data-node-type=grok] .df-node-preview.multi-result .df-preview-thumb img,.df-node[data-node-type=grok] .df-node-preview.multi-result .df-preview-thumb video{width:100%;height:100%;object-fit:cover;min-height:0}.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result) .df-preview-thumb,.df-node[data-node-type=muse] .df-node-preview:not(.multi-result) .df-preview-thumb{width:100%;height:100%}.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result) .df-preview-thumb img,.df-node[data-node-type=gemini] .df-node-preview:not(.multi-result) .df-preview-thumb video,.df-node[data-node-type=muse] .df-node-preview:not(.multi-result) .df-preview-thumb img,.df-node[data-node-type=muse] .df-node-preview:not(.multi-result) .df-preview-thumb video{width:100%;height:100%;min-height:0;object-fit:contain}.df-node[data-node-type=gemini] .df-node-preview.multi-result,.df-node[data-node-type=muse] .df-node-preview.multi-result{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:4px;aspect-ratio:auto;max-height:400px;max-width:100%;overflow-y:auto}.df-node[data-node-type=gemini] .df-node-preview.multi-result .df-preview-thumb,.df-node[data-node-type=muse] .df-node-preview.multi-result .df-preview-thumb{width:100%;aspect-ratio:1 / 1;min-width:0;min-height:0}.df-node[data-node-type=gemini] .df-node-preview.multi-result .df-preview-thumb img,.df-node[data-node-type=gemini] .df-node-preview.multi-result .df-preview-thumb video,.df-node[data-node-type=muse] .df-node-preview.multi-result .df-preview-thumb img,.df-node[data-node-type=muse] .df-node-preview.multi-result .df-preview-thumb video{width:100%;height:100%;object-fit:cover}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder){width:100%;max-width:100%;height:auto;max-height:none;margin:0}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder).ratio-9-16{aspect-ratio:9 / 16}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder).ratio-3-4{aspect-ratio:3 / 4}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder).ratio-2-3{aspect-ratio:2 / 3}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder).ratio-1-1{aspect-ratio:1 / 1}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder).ratio-4-3{aspect-ratio:4 / 3}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder).ratio-3-2{aspect-ratio:3 / 2}.df-node[data-node-type=muse] .df-node-preview:not(.multi-result):has(.df-preview-thumb--video-placeholder).ratio-16-9{aspect-ratio:16 / 9}.df-node[data-node-type=muse] .df-preview-thumb--video-placeholder{width:100%;height:100%;min-height:0;border-radius:inherit;display:flex}.df-node[data-node-type=muse] .df-preview-thumb--video-placeholder>div{width:100%;height:100%!important;min-height:0!important;border-radius:inherit}.df-node-settings-bar .df-node-tag-editable{flex:0 1 auto;min-width:0;max-width:160px}.df-node-settings-bar .df-node-tag-editable>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.df-node-settings-bar .df-node-settings-btn{margin-left:auto;flex:0 0 auto;width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:6px;color:var(--muted-foreground, #8b8b92);cursor:pointer;transition:background 0.12s,color 0.12s,border-color 0.12s}.df-node-settings-bar .df-node-settings-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:var(--foreground)}.df-node-settings-bar .df-node-settings-btn svg{width:13px;height:13px}.df-node-corner-gear{position:absolute!important;right:10px!important;bottom:10px!important;top:auto!important;left:auto!important;width:16px;height:16px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted-foreground, #8b8b92);cursor:pointer;z-index:10;opacity:0.6;transition:opacity 0.15s ease,color 0.15s ease,transform 0.15s ease;pointer-events:auto}.df-node-corner-gear svg{width:16px;height:16px}.drawflow-node:hover .df-node-corner-gear,.drawflow-node.selected .df-node-corner-gear{opacity:1}.df-node-corner-gear:hover{opacity:1;color:var(--foreground)}.df-node-tag{font-size:10px;padding:2px 6px;background:var(--background, #1c1c1f);color:var(--muted-foreground, #8b8b92);border-radius:4px;white-space:nowrap}.df-node-meta{display:flex;gap:6px;flex-wrap:wrap}.df-node-prompts-preview{margin-bottom:8px}.df-node-prompt-line{font-size:11px;color:var(--foreground, #e8e8ea);padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-node-prompt-more{font-size:10px;color:var(--muted-foreground, #6b6b73);font-style:italic}.df-node-count{font-size:10px;color:var(--muted-foreground, #8b8b92)}.df-node-inline-input{background:var(--background, #1c1c1f);color:var(--foreground, #e8e8ea);border:1px solid var(--border, rgba(255,255,255,0.08));border-radius:4px;padding:2px 4px;font-size:12px;text-align:center}.df-node-note{background:#ffeeb4;border-color:hsla(50,80%,50%,0.3);min-width:200px}.df-node-note-frame{min-width:0;max-width:none;border-radius:14px}.df-node.df-node-note-frame{max-width:none!important;min-width:0!important}.drawflow .drawflow-node:has(.df-node-note-frame){min-width:0!important;max-width:none!important}.drawflow .drawflow-node:has(.df-node-note-frame){background:transparent!important;border:none!important;box-shadow:none!important}.drawflow .drawflow-node:has(.df-node-note-frame){z-index:1}.drawflow .drawflow-node:not(:has(.df-node-note-frame)){z-index:3}.drawflow .drawflow-node:not(:has(.df-node-note-frame)).selected{z-index:20!important}.drawflow .drawflow-node:not(:has(.df-node-note-frame)):hover{z-index:25!important}.df-node-note-frame .df-node-note-text{min-height:0;max-height:none;overflow:auto;word-break:break-word;width:100%}.df-note-resize{position:absolute;width:14px;height:14px;z-index:9}.df-note-resize::before{content:"";position:absolute;inset:2px;border-color:transparent;border-style:solid;border-width:0;transition:border-color 0.12s ease}.df-note-resize--se{right:0;bottom:0;cursor:nwse-resize}.df-note-resize--se::before{border-right-width:1.5px;border-bottom-width:1.5px;border-bottom-right-radius:8px}.df-note-resize--sw{left:0;bottom:0;cursor:nesw-resize}.df-note-resize--sw::before{border-left-width:1.5px;border-bottom-width:1.5px;border-bottom-left-radius:8px}.df-note-resize--ne{right:0;top:0;cursor:nesw-resize}.df-note-resize--ne::before{border-right-width:1.5px;border-top-width:1.5px;border-top-right-radius:8px}.df-note-resize--nw{left:0;top:0;cursor:nwse-resize}.df-note-resize--nw::before{border-left-width:1.5px;border-top-width:1.5px;border-top-left-radius:8px}.df-note-resize--n{top:0;left:14px;right:14px;width:auto;height:8px;cursor:ns-resize}.df-note-resize--s{bottom:0;left:14px;right:14px;width:auto;height:8px;cursor:ns-resize}.df-note-resize--e{right:0;top:14px;bottom:14px;height:auto;width:8px;cursor:ew-resize}.df-note-resize--w{left:0;top:14px;bottom:14px;height:auto;width:8px;cursor:ew-resize}.df-note-resize--n::before{border-top-width:1.5px}.df-note-resize--s::before{border-bottom-width:1.5px}.df-note-resize--e::before{border-right-width:1.5px}.df-note-resize--w::before{border-left-width:1.5px}.drawflow-node:hover .df-note-resize::before,.drawflow-node.selected .df-note-resize::before{border-color:rgba(255,255,255,0.6)}.df-note-resize:hover::before{border-color:#fff!important}.wf-canvas-readonly .df-note-resize{display:none}.df-node-note-text{font-size:12px;color:#555555;white-space:pre-wrap;min-height:40px;padding-left:15px;padding-right:15px}.wf-note-swatches{display:flex;flex-wrap:wrap;gap:6px}.wf-note-swatch{width:26px;height:26px;border-radius:999px;padding:0;border:2px solid transparent;cursor:pointer;transition:transform 0.12s ease,border-color 0.12s ease}.wf-note-swatch:hover{transform:scale(1.12)}.wf-note-swatch.active{border-color:#fff;transform:scale(1.12)}.drawflow .drawflow-node.delay,.drawflow .drawflow-node.note{min-width:180px}.df-node[data-node-type=delay],.df-node[data-node-type=note]{min-width:280px;max-width:280px}.df-node-delay-setting,.df-node-download-info,.df-node-upscale-info{font-size:12px;color:var(--muted-foreground, #8b8b92);display:flex;align-items:center;gap:6px;padding-right:30px}.node-collect-toggle{display:flex;align-items:center;gap:10px}.toggle-switch-compact{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle-switch-compact input{opacity:0;width:0;height:0}.toggle-slider-compact{position:absolute;cursor:pointer;inset:0;background:var(--muted, #3a3a3e);border-radius:10px;transition:background 0.2s ease}.toggle-slider-compact::before{content:"";position:absolute;width:16px;height:16px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform 0.2s ease}.toggle-switch-compact input:checked+.toggle-slider-compact{background:var(--primary)}.toggle-switch-compact input:checked+.toggle-slider-compact::before{transform:translateX(16px)}.node-collect-info{display:flex;flex-direction:column;gap:1px}.node-collect-label{font-size:12px;font-weight:500;color:var(--foreground, #e8e8ea)}.node-collect-desc{font-size:11px;color:var(--muted-foreground, #8b8b92)}.drawflow .drawflow-node .input,.drawflow .drawflow-node .output{width:12px;height:12px}.drawflow .drawflow-node[data-port-type=image] .input,.drawflow .drawflow-node[data-port-type=image] .output{background:#3b82f6}.drawflow .drawflow-node[data-port-type=video] .input,.drawflow .drawflow-node[data-port-type=video] .output{background:#a855f7}.drawflow .drawflow-node[data-port-type=any] .input,.drawflow .drawflow-node[data-port-type=any] .output{background:#71717a}.df-node-toggle{display:flex;align-items:center;margin-left:auto;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0}.df-node-toggle-track{position:relative;width:28px;height:16px;border-radius:8px;background:var(--muted-foreground);transition:background var(--transition-fast);pointer-events:none}.df-node-toggle.on .df-node-toggle-track{background:var(--primary, #cdff01)}.df-node-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--background);transition:transform var(--transition-fast)}.df-node-toggle.on .df-node-toggle-thumb{transform:translateX(12px)}.df-node.df-node-disabled{opacity:0.7;border-color:var(--muted-foreground, #8b8b92)}.df-node.df-node-disabled .df-node-body{pointer-events:none}.df-hover-toolbar{position:absolute;top:-68px;left:50%;transform:translateX(-50%) scale(calc(1 / var(--wf-zoom, 1)));transform-origin:bottom center;display:none;align-items:center;gap:2px;padding:2px 5px;background:#18181b;border:1px solid rgba(255,255,255,0.08);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,0.5),0 1px 2px rgba(0,0,0,0.3);z-index:100;pointer-events:none}.df-hover-btn{pointer-events:auto}.df-hover-toolbar::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:80%;height:40px}.drawflow-node:hover .df-hover-toolbar,.drawflow-node.selected .df-hover-toolbar{display:flex}.df-node[data-zoom="1.5"] .df-hover-toolbar{transform:translateX(-50%) scale(calc(1 / (var(--wf-zoom, 1) * 1.5)))}.df-node[data-zoom="2"] .df-hover-toolbar{transform:translateX(-50%) scale(calc(1 / (var(--wf-zoom, 1) * 2)))}.df-hover-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;color:rgba(255,255,255,0.7);border:none;border-radius:999px;cursor:pointer;position:relative;transition:background 0.15s ease,color 0.15s ease,transform 0.15s ease}.df-hover-btn:hover{background:rgba(255,255,255,0.08);color:#ffffff}.df-hover-btn:disabled{opacity:0.38;cursor:not-allowed;pointer-events:none;transform:none}.df-hover-btn:active{background:rgba(255,255,255,0.12)}.df-hover-btn.danger:hover{color:#f87171;background:rgba(248,113,113,0.1)}.df-hover-btn::after{content:"";position:absolute;inset:0;border-radius:999px;pointer-events:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--primary, #ccff00) 45%,transparent);opacity:0;transition:box-shadow 0.5s ease,opacity 0.55s ease}.df-hover-btn:active{transform:scale(0.88)}.df-hover-btn:active::after{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary, #ccff00) 60%,transparent);opacity:0.6;transition:none}.df-hover-btn.danger::after{box-shadow:0 0 0 6px color-mix(in srgb,#f87171 50%,transparent)}.df-hover-btn.danger:active::after{box-shadow:0 0 0 0 color-mix(in srgb,#f87171 65%,transparent)}@media (prefers-reduced-motion: reduce){.df-hover-btn::after{display:none}.df-hover-btn:active{transform:none}}.workflow-editor-overlay.wf-executing .node-palette-item,.workflow-editor-overlay.wf-executing .df-hover-btn[data-action=copy-node],.workflow-editor-overlay.wf-executing .df-hover-btn[data-action=branch-node]{pointer-events:none;opacity:0.4;cursor:not-allowed}.workflow-editor-overlay.wf-executing .node-palette-item{-webkit-user-drag:none;user-select:none}@property --df-run-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.drawflow .drawflow-node.node-running,.drawflow .drawflow-node:has(.df-preview-thumb--uploading){border:4px solid transparent!important;border-radius:calc(var(--radius-lg) + 4px)!important;background:linear-gradient(var(--card),var(--card)) padding-box,conic-gradient(from var(--df-run-angle),#111111 0deg,#111111 215deg,#FF5FA8 250deg,#C26DC4 278deg,#9178D9 300deg,#6682ED 320deg,#3E8BFF 338deg,#111111 360deg) border-box!important;box-shadow:0 0 16px 1px hsla(220,90%,65%,0.34),0 4px 12px rgba(0,0,0,0.25);animation:dfRunBorderSpin 3s linear infinite!important;position:relative!important;z-index:3!important}@keyframes dfRunBorderSpin{to{--df-run-angle: 360deg}}.drawflow .drawflow-node.node-completed{border-color:hsl(142,71%,45%);outline:1px solid hsl(142,71%,45%);outline-offset:0;box-shadow:0 0 0 1px hsl(142,71%,45%),0 0 0 3px hsla(142,71%,45%,0.18),0 0 16px 4px hsla(142,71%,45%,0.28),0 8px 24px rgba(0,0,0,0.4)}.drawflow .drawflow-node.node-completed:has(.df-node[data-node-type=image]),.drawflow .drawflow-node.node-completed:has(.df-node[data-node-type=generate]),.drawflow .drawflow-node.node-completed:has(.df-node[data-node-type=chatgpt]),.drawflow .drawflow-node.node-completed:has(.df-node[data-node-type=grok]),.drawflow .drawflow-node.node-completed:has(.df-node[data-node-type=gemini]){border-color:#3a3a3a;outline:none;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.df-node-failure{margin:8px 10px;padding:9px 11px;border:none;background:transparent;color:#f87171;text-align:center;font-size:12px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;cursor:text}.df-node-preview>.df-node-failure--overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;margin:0;padding:16px;max-height:none;overflow:auto;pointer-events:auto;background:rgba(15,20,30,.92);border-radius:inherit;box-sizing:border-box}.df-node-preview>.df-node-failure--overlay.df-node-failure--unverified{inset:auto 0 0;max-height:40%;padding:8px 10px}.df-node-preview-placeholder--failed{flex-direction:column;gap:12px;padding:16px;box-sizing:border-box}.drawflow .df-node-preview-placeholder--failed>svg{position:static;inset:auto;transform:none;display:block;margin:0;flex:0 0 68px;width:68px;height:68px}.df-node-preview-placeholder--failed .df-node-failure{margin:0;padding:0;max-width:100%;max-height:50%;overflow:auto}.drawflow .drawflow-node.node-unverified{border-color:var(--warning, #fbbf24);outline:1px solid var(--warning, #fbbf24);outline-offset:0;box-shadow:0 0 0 3px hsla(38,92%,50%,.15),0 8px 24px rgba(0,0,0,.4)}.drawflow .drawflow-node.node-failed{border-color:hsl(0,84%,60%);outline:1px solid hsl(0,84%,60%);outline-offset:0;box-shadow:0 0 0 1px hsl(0,84%,60%),0 0 0 3px hsla(0,84%,60%,0.2),0 0 18px 5px hsla(0,84%,60%,0.35),0 8px 24px rgba(0,0,0,0.4);animation:dfNodeFailedPulse 2.2s ease-in-out infinite}@keyframes dfNodeFailedPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.1)}}.drawflow .drawflow-node.selected.node-running{animation:dfRunBorderSpin 3s linear infinite!important}@media (prefers-reduced-motion: reduce){.drawflow .drawflow-node.node-running,.drawflow .drawflow-node.selected.node-running,.drawflow .drawflow-node:has(.df-preview-thumb--uploading){animation:dfRunBorderSpin 6s linear infinite!important}}.drawflow .drawflow-node.node-running.node-queue-paused,.drawflow .drawflow-node.selected.node-running.node-queue-paused{animation:none!important;border-color:var(--warning)!important}.node-queue-paused .df-node-loading-shimmer,.node-queue-paused .df-node-loading::before,.node-queue-paused .df-node-loading-spinner,.node-queue-paused .tobyflow-media-loader,.node-queue-paused .tobyflow-media-loader::before,.node-queue-paused .tobyflow-media-loader::after,.node-queue-paused .df-node-status.running{animation-play-state:paused}.wf-node-pause-actions{display:flex;flex-wrap:wrap;gap:6px;padding:8px}.drawflow-node [data-wf-node-pause-controls]{width:100%;flex:0 0 auto}.drawflow-node .wf-node-pause-actions{justify-content:center;padding:4px 8px 0}.wf-node-pause-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;white-space:nowrap;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--foreground);cursor:pointer;pointer-events:auto;touch-action:manipulation}.wf-node-pause-actions button svg{position:static;inset:auto;transform:none;display:block;width:14px;height:14px;margin:0;flex:0 0 auto;pointer-events:none}.wf-node-pause-actions button:disabled{opacity:.6;cursor:wait}.wf-node-pause-notice{color:var(--warning);font-size:12px;line-height:1.5}.df-node-loading-shimmer{position:absolute;inset:0;width:auto;height:auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(110deg,var(--surface-elevated, #2e2e33) 30%,var(--surface, #353539) 50%,var(--surface-elevated, #2e2e33) 70%);background-size:200% 100%;animation:df-shimmer 1.5s ease-in-out infinite;color:var(--muted-foreground, #8b8b92);font-size:12px;border-radius:inherit}.drawflow .df-node-loading-shimmer>.tobyflow-media-loader{position:static;inset:auto;display:block;width:28px;height:28px;border-width:3px;flex:0 0 auto}.drawflow .drawflow-node.node-running .df-node-loading-shimmer[data-loading-owner=execution]>.tobyflow-media-loader{animation:df-preview-thumb-spin 0.9s linear infinite!important}.drawflow .drawflow-node.node-running.node-queue-paused .df-node-loading-shimmer[data-loading-owner=execution]>.tobyflow-media-loader{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){.drawflow .drawflow-node.node-running .df-node-loading-shimmer[data-loading-owner=execution]>.tobyflow-media-loader{animation-duration:2s!important}}.df-node-loading-text{font-size:14px;color:var(--muted-foreground, #8b8b92);white-space:nowrap}.df-node-loading-shimmer .df-node-loading-text[role=status]{max-width:calc(100% - 16px);white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.df-node-loading .df-node-loading-text[role=status]{max-width:100%;overflow:hidden;text-overflow:ellipsis}.df-node-loading-elapsed{color:rgba(255,255,255,0.68);font-size:11px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0.35px;text-shadow:0 1px 4px rgba(0,0,0,0.45)}.df-node-loading{position:relative;display:flex;align-items:center;gap:8px;padding:8px 12px;margin:var(--space-2);background:linear-gradient(135deg,hsla(38,92%,50%,0.12) 0%,hsla(45,100%,60%,0.18) 50%,hsla(38,92%,50%,0.12) 100%);border-radius:8px;border:1px solid hsla(38,92%,55%,0.28);box-shadow:inset 0 1px 0 hsla(45,100%,70%,0.1),0 1px 2px hsla(38,92%,30%,0.15);overflow:hidden;isolation:isolate}.df-node-loading::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,hsla(45,100%,75%,0.18) 50%,transparent 70%);background-size:200% 100%;animation:dfLoadingSheen 2.2s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes dfLoadingSheen{0%{background-position:200% 0}100%{background-position:-200% 0}}.df-node-loading-spinner{position:relative;z-index:1;width:14px;height:14px;border:2px solid hsla(38,92%,50%,0.25);border-top-color:hsl(45,100%,60%);border-radius:50%;animation:df-spin 0.7s linear infinite;flex-shrink:0;box-shadow:0 0 8px hsla(45,100%,55%,0.4)}.df-node-loading-copy{position:relative;z-index:1;display:grid;gap:3px;min-width:0}.df-node-loading .df-node-loading-elapsed{color:hsla(45,100%,84%,0.75);font-size:10px}.df-node-loading .df-node-loading-text{position:relative;z-index:1;color:hsl(45,100%,70%);font-weight:500;font-size:11.5px;letter-spacing:0.2px;text-shadow:0 0 8px hsla(45,100%,55%,0.3)}.df-ref-shimmer{width:100%;height:100%;background:linear-gradient(90deg,var(--surface-elevated, #2e2e33) 25%,var(--surface, #353539) 50%,var(--surface-elevated, #2e2e33) 75%);background-size:200% 100%;animation:df-shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes df-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes df-spin{to{transform:rotate(360deg)}}.workflow-editor-center{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.execution-log-panel{border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;max-height:200px}.execution-log-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);flex-shrink:0}.execution-log-title{font-size:12px;font-weight:600;color:var(--foreground);white-space:nowrap}.execution-log-progress{display:flex;align-items:center;gap:var(--space-2);flex:1;font-size:11px;color:var(--muted-foreground)}.execution-log-progress-bar{flex:1;height:4px;background:var(--muted);border-radius:2px;overflow:hidden}.execution-log-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width 0.3s ease}.execution-log-toggle{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.execution-log-toggle:hover{background:var(--muted);color:var(--foreground)}.execution-log-body{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3);font-size:11px;font-family:"SF Mono","Consolas",monospace}.execution-log-body.collapsed{display:none}.execution-log-entry{padding:2px 0;display:flex;gap:var(--space-2)}.execution-log-entry .log-time{color:var(--muted-foreground);flex-shrink:0}.execution-log-entry.log-info .log-msg{color:var(--foreground)}.execution-log-entry.log-success .log-msg{color:var(--success)}.execution-log-entry.log-error .log-msg{color:var(--destructive)}.execution-log-entry.log-warn .log-msg{color:var(--warning)}.save-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--success, #22c55e);color:#fff;border-radius:var(--radius);font-size:13px;font-weight:500;z-index:10000010;box-shadow:0 4px 12px rgba(0,0,0,0.3);animation:saveToastIn 0.25s ease-out,saveToastOut 0.3s ease-in 2s forwards;pointer-events:none}@keyframes saveToastIn{from{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes saveToastOut{from{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}.node-palette{width:200px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;flex-shrink:0}.node-palette-header{padding:var(--space-3);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.5px}.node-palette-list{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.node-palette-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;transition:all var(--transition-fast)}.node-palette-item:hover{border-color:var(--border-light);background:var(--border)}.node-palette-item:active{cursor:grabbing}.node-palette-item-icon{width:20px;height:20px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px}.node-palette-item-name{font-size:12px;color:var(--foreground)}.node-palette-item--coming-soon{opacity:0.5;cursor:not-allowed!important;position:relative}.node-palette-item--coming-soon:hover{background:rgba(255,255,255,0.02);transform:none}.node-palette-item--coming-soon .node-palette-item-icon{filter:grayscale(0.6)}.node-palette-item-badge{display:inline-block;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;color:var(--warning, #f59e0b);background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.3);border-radius:999px;white-space:nowrap}.node-form-panel{width:360px;min-width:360px;max-width:500px;border-left:0px solid var(--border);background:#161616;display:flex;flex-direction:column;flex-shrink:0;position:relative;min-height:0;height:100%}.node-form-resize-handle{position:absolute;left:0;top:0;bottom:0;width:4px;cursor:ew-resize;background:transparent;transition:background 0.15s ease;z-index:10}.node-form-resize-handle:hover,.node-form-resize-handle.dragging{background:var(--primary)}.node-form-resize-handle::before{content:"";position:absolute;left:-4px;right:-4px;top:0;bottom:0}.node-form-panel.hidden{display:none}.node-form-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.node-form-tabs{display:flex;gap:4px}.node-form-tab{display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:6px 10px;font-size:12px;font-weight:500;color:var(--muted-foreground);cursor:pointer;border-radius:6px;transition:all 0.15s ease}.node-form-tab:hover{color:var(--foreground);background:rgba(255,255,255,0.05)}.node-form-tab.active{color:var(--foreground);background:rgba(255,255,255,0.1);text-shadow:0.35px 0 0 currentColor,-0.35px 0 0 currentColor}.node-form-tab svg{flex-shrink:0;opacity:0.6}.node-form-tab.active svg{opacity:1}.node-nameslug-tabs{margin-bottom:8px}.node-nameslug-pane{display:none}.node-nameslug-pane.active{display:block}.node-form-title{font-size:13px;font-weight:600;color:var(--foreground)}.node-form-close{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.node-form-close:hover{color:var(--foreground);background:var(--muted)}.node-form-body .section-header label svg,.node-form-body .form-group label svg{width:14px;height:14px}.node-brand-header{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:-12px -12px 12px -12px;border-radius:0;background:var(--background);border-bottom:1px solid var(--border)}.node-brand-logo{flex-shrink:0}.node-brand-name{font-size:14px;font-weight:600;letter-spacing:-0.01em}.node-brand-header--google{background:linear-gradient(90deg,#0d0f1c 0%,#6f6586 100%)!important}.node-brand-header--google .node-brand-name{color:#fff}.node-brand-header--chatgpt{background:linear-gradient(135deg,rgba(16,163,127,0.15) 0%,rgba(16,163,127,0.05) 100%)}.node-brand-header--chatgpt .node-brand-logo{color:#10a37f}.node-brand-header--chatgpt .node-brand-name{color:#10a37f}.node-brand-header--grok{background:linear-gradient(90deg,#07090ac7 0%,#8591a0 100%)!important}.node-brand-header--grok .node-brand-logo{color:#fff}.node-brand-header--grok .node-brand-name{color:#fff}.node-brand-header--gemini{border-color:rgba(66,133,244,0.28);background:rgba(66,133,244,0.08)}.node-brand-header--gemini .node-brand-logo,.node-brand-header--gemini .node-brand-name{color:#8ab4f8}.theme-light .node-brand-header--grok{background:linear-gradient(135deg,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.03) 100%)}.theme-light .node-brand-header--grok .node-brand-logo,.theme-light .node-brand-header--grok .node-brand-name{color:#000}.node-brand-header,.node-brand-header[class*=--],.theme-light .node-brand-header[class*=--]{background:#161616!important}.theme-light .node-brand-header[class*=--] .node-brand-name,.theme-light .node-brand-header[class*=--] .node-brand-logo,.node-brand-header .node-brand-name{color:#fff!important}.node-brand-header--chatgpt .node-brand-logo{color:#10a37f!important}.node-provider-reminder{margin-bottom:12px}.provider-reminder-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(135deg,rgba(59,130,246,0.08),rgba(147,51,234,0.06));border:1px solid rgba(59,130,246,0.2);border-radius:8px;font-size:12px;line-height:1.4}.provider-reminder-box svg:first-child{color:#60a5fa;flex-shrink:0}.provider-reminder-text{flex:1;color:rgba(255,255,255,0.75)}.provider-reminder-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.3);border-radius:6px;color:#60a5fa;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.provider-reminder-btn:hover{background:rgba(59,130,246,0.25);border-color:rgba(59,130,246,0.5);color:#93c5fd}.provider-reminder-btn svg{flex-shrink:0}#grokLoginReminder .provider-reminder-box{background:linear-gradient(135deg,rgba(168,85,247,0.08),rgba(59,130,246,0.06));border-color:rgba(168,85,247,0.2)}#grokLoginReminder .provider-reminder-box svg:first-child{color:#c084fc}#grokLoginReminder .provider-reminder-btn{background:rgba(168,85,247,0.15);border-color:rgba(168,85,247,0.3);color:#c084fc}#grokLoginReminder .provider-reminder-btn:hover{background:rgba(168,85,247,0.25);border-color:rgba(168,85,247,0.5);color:#d8b4fe}.theme-light .provider-reminder-box{background:linear-gradient(135deg,rgba(59,130,246,0.06),rgba(147,51,234,0.04));border-color:rgba(59,130,246,0.2)}.theme-light .provider-reminder-box svg:first-child{color:#2563eb}.theme-light .provider-reminder-text{color:rgba(0,0,0,0.65)}.theme-light .provider-reminder-btn{background:rgba(245,158,11,0.12);border-color:rgba(245,158,11,0.35);color:#d97706}.theme-light .provider-reminder-btn:hover{background:rgba(245,158,11,0.2);border-color:rgba(245,158,11,0.5);color:#b45309}.theme-light .provider-reminder-btn.ready{background:rgba(34,197,94,0.12);border-color:rgba(34,197,94,0.35);color:#16a34a}.theme-light .provider-reminder-btn.ready:hover{background:rgba(34,197,94,0.12);border-color:rgba(34,197,94,0.35);color:#16a34a}.theme-light #grokLoginReminder .provider-reminder-box{background:linear-gradient(135deg,rgba(168,85,247,0.06),rgba(59,130,246,0.04));border-color:rgba(168,85,247,0.2)}.theme-light #grokLoginReminder .provider-reminder-box svg:first-child{color:#9333ea}.theme-light #grokLoginReminder .provider-reminder-btn{background:rgba(168,85,247,0.1);border-color:rgba(168,85,247,0.25);color:#9333ea}@keyframes provider-dot-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(0.85)}}.node-brand-header .provider-reminder-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:500;border-radius:4px;cursor:pointer;transition:all 0.2s ease;background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.4);color:#f59e0b}.node-brand-header .provider-reminder-btn:hover{background:rgba(245,158,11,0.25);border-color:rgba(245,158,11,0.6);color:#fbbf24}.node-brand-header .provider-reminder-btn .provider-status-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex-shrink:0;animation:provider-dot-pulse 1.5s ease-in-out infinite}.node-brand-header .provider-reminder-btn.not-ready{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.4);color:#f59e0b}.node-brand-header .provider-reminder-btn.not-ready .provider-status-dot{background:#f59e0b;animation:provider-dot-pulse 1.5s ease-in-out infinite}.node-brand-header .provider-reminder-btn.ready{cursor:default;background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.4);color:#22c55e}.node-brand-header .provider-reminder-btn.ready:hover{background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.4);color:#22c55e}.node-brand-header .provider-reminder-btn.ready .provider-status-dot{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.5);animation:none}.prompt-provider-btn{padding:3px 8px;font-size:10px;background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.4);color:#f59e0b}.prompt-provider-btn:hover{background:rgba(245,158,11,0.25);border-color:rgba(245,158,11,0.6);color:#fbbf24}.prompt-provider-btn .provider-status-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex-shrink:0;animation:provider-dot-pulse 1.5s ease-in-out infinite}.prompt-provider-btn.not-ready{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.4);color:#f59e0b}.prompt-provider-btn.not-ready .provider-status-dot{background:#f59e0b}.prompt-provider-btn.ready{background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.4);color:#22c55e;cursor:default}.prompt-provider-btn.ready:hover{background:rgba(34,197,94,0.15);border-color:rgba(34,197,94,0.4);color:#22c55e}.prompt-provider-btn.ready .provider-status-dot{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.5);animation:none}.provider-status-indicator{display:inline-flex;align-items:center;margin-left:auto;margin-right:4px}.provider-status-indicator .provider-status-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;transition:all 0.2s ease;animation:provider-dot-pulse 1.5s ease-in-out infinite}.provider-status-indicator.ready .provider-status-dot{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,0.5);animation:none}.provider-status-indicator.not-ready .provider-status-dot{background:#f59e0b;animation:provider-dot-pulse 1.5s ease-in-out infinite}.provider-reminder-btn{position:relative}.provider-status-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.85);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.15s,visibility 0.15s;pointer-events:none;z-index:100}.provider-status-tooltip::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:rgba(0,0,0,0.85)}.provider-reminder-btn:hover .provider-status-tooltip{opacity:1;visibility:visible}.theme-light .provider-status-tooltip{background:rgba(30,30,30,0.95)}.theme-light .provider-status-tooltip::after{border-bottom-color:rgba(30,30,30,0.95)}.prompt-provider-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.prompt-provider-timeout-row{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:start}.prompt-provider-timeout-row .prompt-timeout-col label{display:block;margin-bottom:6px;min-height:19px;line-height:19px;height:19px}.prompt-provider-timeout-row .prompt-timeout-col .input-group{display:flex;align-items:center;margin:5px 2px 0px 0px}.prompt-provider-timeout-row .prompt-timeout-col input[type=number]{width:60px;text-align:center}.node-form-toggle-enabled--on{color:var(--primary, #cdff01)!important}.node-form-toggle-enabled--off{color:var(--muted-foreground)!important;opacity:0.6}.node-form-toggle-enabled:hover{background:var(--muted)}.workflow-editor-overlay .toolbar-toggle .toggle-label,.workflow-editor .toolbar-toggle .toggle-label,.node-form-body .toolbar-toggle .toggle-label,.node-form-body label.toolbar-toggle{color:#fff!important}.workflow-editor-overlay .toolbar-toggle input:checked~.toggle-track,.workflow-editor .toolbar-toggle input:checked~.toggle-track,.node-form-body input[type=checkbox]:checked+.toggle-track,.node-form-body input[type=checkbox]:checked~.toggle-track{background:var(--primary, #cdff01)}.workflow-editor-overlay .toolbar-toggle.feature-disabled,.workflow-editor .toolbar-toggle.feature-disabled,.node-form-body .toolbar-toggle.feature-disabled{cursor:not-allowed}.workflow-editor-overlay .toolbar-toggle.feature-locked,.workflow-editor .toolbar-toggle.feature-locked,.node-form-body .toolbar-toggle.feature-locked{cursor:pointer;padding:7px 9px;border:1px solid rgba(245,158,11,0.34);border-radius:9px;background:rgba(245,158,11,0.08)}.workflow-editor-overlay .toolbar-toggle.feature-locked .toggle-track,.workflow-editor .toolbar-toggle.feature-locked .toggle-track,.node-form-body .toolbar-toggle.feature-locked .toggle-track{background:rgba(255,255,255,0.16)!important}.workflow-editor-overlay .toolbar-toggle.feature-disabled .toggle-label,.workflow-editor .toolbar-toggle.feature-disabled .toggle-label,.node-form-body .toolbar-toggle.feature-disabled .toggle-label{color:var(--muted-foreground)!important;opacity:0.7}.workflow-editor-overlay .toolbar-toggle.feature-disabled .toggle-track,.workflow-editor .toolbar-toggle.feature-disabled .toggle-track,.node-form-body .toolbar-toggle.feature-disabled .toggle-track{background:rgba(255,255,255,0.12)!important;opacity:0.5}.workflow-editor-overlay .toolbar-toggle.feature-disabled input:checked~.toggle-track,.workflow-editor .toolbar-toggle.feature-disabled input:checked~.toggle-track,.node-form-body .toolbar-toggle.feature-disabled input:checked~.toggle-track{background:rgba(255,255,255,0.12)!important}.workflow-editor-overlay .toolbar-toggle.feature-disabled input,.workflow-editor .toolbar-toggle.feature-disabled input,.node-form-body .toolbar-toggle.feature-disabled input{cursor:not-allowed;pointer-events:none}.workflow-editor-overlay .toolbar-toggle .premium-crown,.workflow-editor .toolbar-toggle .premium-crown,.node-form-body .toolbar-toggle .premium-crown{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:hsl(40,95%,65%);background:rgba(245,158,11,0.12);padding:2px 6px;border-radius:999px;border:1px solid rgba(245,158,11,0.3)}.workflow-editor-overlay .toolbar-toggle .premium-crown svg,.workflow-editor .toolbar-toggle .premium-crown svg,.node-form-body .toolbar-toggle .premium-crown svg{flex-shrink:0}.node-form-body{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.node-form-body textarea{padding:8px 12px;margin-top:7px;font-family:var(--font-sans)}.node-form-body .form-group label{margin-bottom:0px}#chatgptImageRefImagesGroup{margin-top:5px}.node-form-body .ref-images-preview{overflow:visible;padding-top:8px}.node-form-footer{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border)}.node-form-footer .btn-secondary{flex:0 0 auto}.node-form-footer .btn-warning{flex:0 0 auto;background:var(--warning, #f59e0b);color:#000;border-color:var(--warning, #f59e0b);display:inline-flex;align-items:center;justify-content:center}.node-form-footer .btn-warning:hover{background:#d97706;border-color:#d97706}.node-form-footer .btn-primary{flex:1}.node-form-footer .btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.canvas-controls{position:absolute;bottom:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-1);background:#191919;border-radius:var(--radius);padding:var(--space-1);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.diagram-recenter-btn{position:absolute;bottom:var(--space-3);left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#191919;border:1px solid rgb(255 255 255 / 7%);border-radius:999px;color:var(--foreground, #e8e8ea);font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.35);transition:background 0.15s ease,transform 0.15s ease;z-index:20}.diagram-recenter-btn:hover{background:#232323;transform:translateX(-50%) translateY(-1px)}.diagram-recenter-btn svg{flex-shrink:0;opacity:0.85;width:14px}.df-select-box{position:fixed;z-index:10000050;pointer-events:none;border:2px dashed #6f8bf7;background:rgba(111,139,247,0.12);border-radius:6px;box-shadow:0 0 0 1px rgba(111,139,247,0.4)}.df-select-box.hidden{display:none}.drawflow .drawflow-node.df-multi-selected .df-node{outline:2px solid #6f8bf7;outline-offset:2px;border-radius:var(--radius-lg);box-shadow:0 0 0 4px rgba(111,139,247,0.18),0 6px 20px rgba(111,139,247,0.15)}.canvas-control-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.canvas-control-btn:hover{background:var(--muted);color:var(--foreground)}.canvas-zoom-level{font-size:11px;color:var(--muted-foreground);padding:0 var(--space-2);display:flex;align-items:center}.canvas-control-divider{width:1px;align-self:stretch;margin:4px 2px;background:rgba(255,255,255,0.1)}.canvas-control-btn .wf-tool-icon-wrap{position:relative;display:inline-flex}.canvas-control-btn .wf-tool-lock-badge{position:absolute;right:-3px;bottom:-3px}.canvas-brand-zone{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;border-radius:var(--radius);padding:var(--space-2) var(--space-3);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.canvas-brand-zone .tobyflow-header-brand{display:flex;align-items:center;gap:8px}.canvas-brand-zone .tobyflow-header-logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.canvas-brand-zone .tobyflow-header-logo img{width:20px;height:20px}.canvas-brand-zone .tobyflow-header-title{font-size:14px;font-weight:600;color:var(--foreground);white-space:nowrap}.canvas-brand-zone .tobyflow-user-plan-badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:9px;font-weight:600;text-transform:uppercase;border-radius:4px;letter-spacing:0.3px;cursor:pointer;transition:transform 0.15s,filter 0.15s}.canvas-brand-zone .tobyflow-user-plan-badge:hover{transform:scale(1.05);filter:brightness(1.1)}.canvas-brand-zone .tobyflow-user-plan-badge.hidden{display:none}.canvas-brand-zone .tobyflow-user-plan-badge[data-plan=free]{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff}.canvas-brand-zone .tobyflow-user-plan-badge[data-plan=autoflow-pro],.canvas-brand-zone .tobyflow-user-plan-badge[data-plan=autogrok-pro],.canvas-brand-zone .tobyflow-user-plan-badge[data-plan=pro],.canvas-brand-zone .tobyflow-user-plan-badge[data-plan=premium]{background:linear-gradient(135deg,#7e6ffe 0%,#c3a2ff 50%,#3d4ae3 100%)!important;color:#fff}.canvas-brand-zone .tobyflow-user-plan-badge[data-plan=autoflow-ultra]{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);color:#fff}.workflow-progress{position:absolute;top:var(--space-3);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.workflow-progress.hidden{display:none}.workflow-progress-text{font-size:12px;color:var(--muted-foreground)}.workflow-progress-bar{width:120px;height:4px;background:var(--muted);border-radius:2px;overflow:hidden}.workflow-progress-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width 0.3s ease}.mini-map{position:absolute;bottom:var(--space-3);right:var(--space-3);width:150px;height:100px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.mini-map-viewport{position:absolute;border:2px solid var(--primary);background:var(--primary-light);border-radius:2px;pointer-events:none}.workflow-card-progress{margin-top:var(--space-2)}.workflow-card-progress-bar{height:3px;background:var(--muted);border-radius:2px;overflow:hidden}.workflow-card-progress-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width 0.3s ease}.workflow-card-progress-text{font-size:10px;color:var(--muted-foreground);margin-top:2px}.workflow-card-info{flex:1;min-width:0}.workflow-card-name-row{display:flex;align-items:center;gap:10px;min-width:0}.workflow-card-name-row .workflow-card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-card-inline-progress{flex-shrink:0;width:56px;height:5px;background:var(--muted);border-radius:3px;overflow:hidden;position:relative}.workflow-card-inline-progress-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:3px;transition:width 0.3s ease}.workflow-card-inline-progress.indeterminate .workflow-card-inline-progress-bar{width:40%!important;animation:wf-progress-indeterminate 1.2s ease-in-out infinite}@keyframes wf-progress-indeterminate{0%{left:-40%}100%{left:100%}}.workflow-card-inline-progress:not(.indeterminate) .workflow-card-inline-progress-bar{animation:wf-progress-shimmer 1.5s ease-in-out infinite}@keyframes wf-progress-shimmer{0%{opacity:1}50%{opacity:0.7}100%{opacity:1}}.wf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);position:relative;z-index:1}.wf-toolbar-left{display:flex;align-items:center;gap:var(--space-2)}.wf-toolbar-right{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:flex-end;min-width:0}.wf-search-row{padding:0 var(--space-4) var(--space-2)}.wf-search-row.hidden{display:none}.wf-search-input-wrapper{display:flex;align-items:center;gap:var(--space-2);background:var(--input);border:1px solid var(--border);border-radius:var(--radius);padding:0 var(--space-2);transition:border-color var(--transition-fast)}.wf-search-input-wrapper:focus-within{border-color:var(--border-focus, rgba(255,255,255,0.35))}.wf-search-input-wrapper svg{color:var(--muted-foreground);flex-shrink:0}.wf-search-input-wrapper input{flex:1;background:transparent;border:none;padding:var(--space-2);color:var(--foreground);font-size:12px;outline:none;min-width:0}.wf-search-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.wf-search-close:hover{color:var(--foreground);background:var(--muted)}.wf-project-select-inline{min-width:0;max-width:280px;flex:1;padding:5px 22px 5px 15px;font-size:11px;background:var(--input);border:1px solid var(--border);border-radius:20px;color:var(--foreground);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:all var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wf-project-select-inline:hover{border-color:var(--border-focus)}.wf-project-select-inline:focus{outline:none;border-color:var(--primary)}.wf-project-select-inline.hidden{display:none}.workflow-card-last-run,.workflow-card-last-edit,.task-card-last-run,.task-card-last-edit{font-size:11px;color:var(--muted-foreground);margin-top:2px;display:inline-flex;align-items:center;gap:4px;cursor:default}.workflow-card-last-run svg,.workflow-card-last-edit svg,.task-card-last-run svg,.task-card-last-edit svg{width:12px;height:12px;flex-shrink:0}.workflow-card-last-run,.task-card-last-run{color:#22c55e}.workflow-card-last-edit,.task-card-last-edit{color:var(--muted-foreground)}.workflow-card-time-row{display:inline-flex;align-items:center;gap:6px;margin-top:2px}.wf-share-avatars{display:inline-flex;align-items:center;gap:-4px}.wf-share-avatar{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--primary, #335AF5);color:var(--primary-foreground, #fff);font-size:9px;font-weight:600;margin-left:-4px;border:1.5px solid var(--card, #1a1a1a);cursor:pointer;position:relative}.wf-share-avatar:first-child{margin-left:0}.wf-share-avatar-more{background:var(--muted, #333);color:var(--muted-foreground, #888);font-size:8px}.wf-share-avatars--editor{display:flex;align-items:center;gap:8px;margin-right:12px;padding-right:12px;border-right:1px solid var(--border, rgba(255, 255, 255, 0.1));cursor:pointer;transition:opacity 0.15s}.wf-share-avatars--editor:hover{opacity:0.85}.wf-share-avatars--editor .wf-share-label{font-size:11px;font-weight:500;color:var(--muted-foreground, #888);text-transform:uppercase;letter-spacing:0.5px}.wf-share-avatars--editor .wf-share-avatar-stack{display:flex;align-items:center}.wf-share-avatars--editor .wf-share-avatar{width:26px;height:26px;font-size:11px;border-width:2px;border-color:var(--background, #0a0a0f);margin-left:-6px}.wf-share-avatars--editor .wf-share-avatar:first-child{margin-left:0}.wf-share-avatars--editor .wf-share-avatar-more{font-size:10px}.wf-share-avatars--editor .wf-share-avatar[title]:hover::after{bottom:auto;top:100%;margin-bottom:0;margin-top:6px;z-index:10000010;font-size:12px;padding:6px 10px}.wf-share-avatar[title]:hover::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--popover, #222);color:var(--popover-foreground, #fff);font-size:11px;font-weight:400;white-space:nowrap;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.3);z-index:100;margin-bottom:4px}.workflow-card-owner{font-size:10px;color:var(--primary, #335AF5);margin-top:2px;display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;background:rgba(51,90,245,0.1);border:1px solid rgba(51,90,245,0.2);max-width:fit-content}.workflow-card-owner svg{width:10px;height:10px;flex-shrink:0}.theme-light .wf-search-input-wrapper:focus-within{border-color:var(--primary, #335AF5)}.context-menu{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-1) 0;min-width:150px;box-shadow:0 4px 16px rgba(0,0,0,0.25);z-index:1100}.context-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:13px;color:var(--foreground);cursor:pointer;transition:all var(--transition-fast)}.context-menu-item:hover{background:var(--accent)}.context-menu-item.danger{color:hsl(0 90% 70%)}.context-menu-item.danger:hover{background:hsla(0,84%,60%,0.15)}.context-menu-divider{height:1px;background:var(--border);margin:var(--space-1) 0}.frame-config{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.frame-slot{position:relative;border:1px dashed var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color 0.15s}.frame-slot:hover{border-color:var(--muted-foreground)}.frame-slot.has-image{border-style:solid}.frame-slot-header{display:flex;align-items:center;gap:4px;padding:4px 8px}.frame-slot-icon{width:12px;height:12px;color:var(--muted-foreground);flex-shrink:0}.frame-slot-label{font-size:10px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.3px}.frame-slot-body{padding:0 8px 8px;display:flex;flex-direction:column;gap:var(--space-2)}.frame-slot-body-inner{}.frame-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;cursor:pointer;border-radius:var(--radius-sm);transition:background 0.15s}.frame-dropzone:hover{background:var(--surface-elevated, rgba(255,255,255,0.05))}.frame-dropzone-icon{width:20px;height:20px;color:var(--muted-foreground);opacity:0.5}.frame-dropzone-text{font-size:10px;color:var(--muted-foreground);opacity:0.7}.frame-thumb-wrap{position:relative;width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.frame-thumb-wrap img{width:100%;height:100%;object-fit:cover}.frame-thumb-wrap .ref-thumb-remove{position:absolute;top:3px;right:3px;width:16px;height:16px;background:rgba(0,0,0,0.65);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:2;opacity:0;transition:opacity 0.15s,background 0.15s}.frame-thumb-wrap:hover .ref-thumb-remove{opacity:1}.frame-thumb-wrap .ref-thumb-remove:hover{background:var(--destructive, #dc2626)}.frame-thumb-wrap.uploading::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(51,90,245,0.15) 0%,rgba(255,255,255,0.25) 40%,rgba(51,90,245,0.15) 60%);background-size:200% 100%;animation:uploadSweep 1.5s ease-in-out infinite;z-index:1;border-radius:inherit}.frame-thumb-wrap.uploading .ref-thumb-remove{display:none!important}.frame-thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:9px;color:var(--muted-foreground);background:var(--muted, rgba(255,255,255,0.05))}.dl-res-select-wrap{display:flex;align-items:center;gap:2px;flex-shrink:0}.dl-res-select-wrap.hidden{display:none}.dl-res-icon{width:14px;height:14px;color:var(--muted-foreground);flex-shrink:0}.frame-source-select{width:100%;padding:var(--space-1) var(--space-2);background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:12px}.frame-source-row{margin-bottom:8px}.frame-source-summary{color:var(--muted-foreground);font-size:11px;overflow-wrap:anywhere}.frame-source-summary-item .frame-slot-icon{width:12px;height:12px;margin-right:4px;vertical-align:-2px}.frame-slot-icon[viewBox="0 0 12 12"]{width:13px;height:13px}.frame-source-summary-item .frame-slot-icon,.frame-source-summary-label{color:#a78bfa}.frame-source-summary-label{font-weight:600}.frame-manual.hidden,.frame-node-info.hidden{display:none}.frame-node-badge{display:inline-block;padding:2px 8px;background:var(--muted);color:var(--foreground);border-radius:var(--radius-sm);font-size:11px}.df-node-frames{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.df-node-frame-slot{padding:1px 6px;border:1px dashed var(--border-light);border-radius:var(--radius-sm);font-size:9px;color:var(--muted-foreground)}.df-node-frame-slot.assigned{border-style:solid;border-color:var(--foreground);color:var(--foreground);background:var(--primary-light)}.tobyflow-wf-toolbar{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:5px 4px;background:#191919;border:1px solid #dddddd12;border-radius:50px;z-index:50}.tobyflow-wf-tool-btn--spinning svg{animation:ref-rescan-spin 0.7s linear infinite}.wf-media-rescan-progress{position:absolute;top:76px;left:50%;transform:translateX(-50%);width:min(300px,calc(100% - 32px));padding:10px 12px;border:1px solid #ffffff1a;border-radius:10px;background:#172027ed;box-shadow:0 4px 16px #0004;z-index:60;pointer-events:none}.wf-media-rescan-progress-heading{display:flex;justify-content:space-between;gap:12px;color:#dce4ea;font-size:11px;margin-bottom:7px}.wf-media-rescan-progress-track{height:4px;border-radius:4px;background:#ffffff12;overflow:hidden}.wf-media-rescan-progress-track::after{content:"";display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#28b8ac55,#65e6cf,#28b8ac55);background-size:200% 100%;animation:wf-media-rescan-shimmer 1.3s linear infinite;transition:margin-left .2s ease}.wf-media-rescan-progress[data-phase="2"] .wf-media-rescan-progress-track::after{margin-left:33.333%}.wf-media-rescan-progress[data-phase="3"] .wf-media-rescan-progress-track::after{margin-left:66.666%}@keyframes wf-media-rescan-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.wf-media-rescan-progress-track::after{animation:none;transition:none}}.tobyflow-wf-tool-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted-foreground, #8b8b92);border:none;border-radius:50%;cursor:pointer;transition:all 0.15s ease}.tobyflow-wf-tool-btn[data-action=add-node]{background:var(--primary);color:#000}.tobyflow-wf-tool-btn[data-action=add-node]:hover{background:var(--primary-hover, #b8e600);color:#000;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 22%,transparent)}.tobyflow-wf-tool-btn[data-action=run-workflow]{background:#22c55e;color:#fff}.tobyflow-wf-tool-btn[data-action=run-workflow] svg{margin-left:2px}.tobyflow-wf-tool-btn[data-action=run-workflow]:hover{background:#16a34a;color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,#22c55e 22%,transparent)}.tobyflow-wf-tool-btn[data-action=stop-workflow]{background:#ef4444;color:#fff}.tobyflow-wf-tool-btn[data-action=stop-workflow]:hover{background:#dc2626;color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,#ef4444 22%,transparent)}.tobyflow-wf-tool-btn:hover{background:var(--surface-elevated, #2e2e33);color:var(--foreground, #e8e8ea)}.tobyflow-wf-tool-btn:disabled,.tobyflow-wf-tool-btn--disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}.tobyflow-wf-tool-btn--locked{opacity:0.7}.tobyflow-wf-tool-btn--locked:hover{background:var(--surface-elevated, #2e2e33)}.btn--locked{opacity:0.8}.tobyflow-wf-tool-divider{width:24px;height:1px;background:var(--border, rgba(255,255,255,0.08));margin:2px auto}.tobyflow-wf-tool-btn{position:relative}.tobyflow-wf-tool-btn::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 7px color-mix(in srgb,var(--primary, #ccff00) 45%,transparent);opacity:0;transition:box-shadow 0.5s ease,opacity 0.55s ease}.tobyflow-wf-tool-btn:not(:disabled):not(.tobyflow-wf-tool-btn--disabled):active{transform:scale(0.9)}.tobyflow-wf-tool-btn:not(:disabled):not(.tobyflow-wf-tool-btn--disabled):active::after{box-shadow:0 0 0 0 color-mix(in srgb,var(--primary, #ccff00) 60%,transparent);opacity:0.65;transition:none}.tobyflow-wf-tool-btn[data-action=add-node]::after{box-shadow:0 0 0 7px color-mix(in srgb,#000 32%,transparent)}.tobyflow-wf-tool-btn[data-action=add-node]:active::after{box-shadow:0 0 0 0 color-mix(in srgb,#000 45%,transparent)}@media (prefers-reduced-motion: reduce){.tobyflow-wf-tool-btn::after{display:none}.tobyflow-wf-tool-btn:active{transform:none}}.wf-tool-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.wf-tool-lock-badge{position:absolute;bottom:-2px;right:-4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.df-canvas-context-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.df-canvas-context-icon .wf-ctx-lock-badge{position:absolute;bottom:-1px;right:-3px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.3))}.df-canvas-context-item--locked{opacity:0.7}.is-saving-locked{opacity:0.35!important;cursor:not-allowed!important;pointer-events:none!important}.df-node-context-menu{position:fixed;z-index:10000020;min-width:200px;background:var(--surface-elevated, #2e2e33);border:1px solid var(--border-light, rgba(255,255,255,0.14));border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,0.45),0 4px 12px rgba(0,0,0,0.25);padding:6px;display:flex;flex-direction:column;gap:1px;user-select:none;animation:dfContextMenuIn 0.12s ease-out}@keyframes dfContextMenuIn{from{opacity:0;transform:scale(0.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.df-node-context-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:transparent;border:none;border-radius:6px;color:var(--foreground, #e8e8ea);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background-color 0.12s ease}.df-node-context-item:hover{background:var(--surface, #252529)}.df-node-context-item:disabled{opacity:0.45;cursor:not-allowed;background:transparent}.df-node-context-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--muted-foreground, #8b8b92)}.df-node-context-item:hover .df-node-context-icon{color:var(--foreground, #e8e8ea)}.df-node-context-label{flex:1}.df-node-context-shortcut{font-size:11px;color:var(--muted-foreground, #8b8b92);font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:0.04em;padding-left:12px}.df-node-context-item--danger{color:var(--destructive, #ef4444)}.df-node-context-item--danger .df-node-context-icon{color:var(--destructive, #ef4444)}.df-node-context-item--danger:hover{background:rgba(239,68,68,0.12);color:var(--destructive, #ef4444)}.df-node-context-separator{height:1px;background:var(--border-light, rgba(255,255,255,0.08));margin:4px 6px}.df-canvas-context-menu{position:fixed;z-index:10000020;min-width:220px;background:var(--surface-elevated, #2e2e33);border:1px solid var(--border-light, rgba(255,255,255,0.14));border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,0.45),0 4px 12px rgba(0,0,0,0.25);padding:6px;display:flex;flex-direction:column;gap:1px;user-select:none;animation:dfContextMenuIn 0.12s ease-out}.df-canvas-context-item{display:flex;align-items:center;gap:10px;padding:6px 8px;background:transparent;border:none;border-radius:6px;color:var(--foreground, #e8e8ea);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background-color 0.12s ease}.df-canvas-context-item:hover:not(:disabled){background:var(--surface, #252529)}.df-canvas-context-item--disabled,.df-canvas-context-item:disabled{opacity:0.4;cursor:not-allowed}.df-canvas-context-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;color:var(--muted-foreground, #8b8b92)}.df-canvas-context-item:hover:not(:disabled) .df-canvas-context-icon{color:var(--foreground, #e8e8ea)}.df-canvas-context-label{flex:1}.df-canvas-context-divider{height:1px;background:var(--border-light, rgba(255,255,255,0.08));margin:4px 6px}.tobyflow-node-picker{position:absolute;width:320px;background:var(--surface-elevated, #2e2e33);border:1px solid var(--border-light, rgba(255,255,255,0.14));border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.4);z-index:200;overflow:hidden}.tobyflow-node-picker-search{padding:8px;border-bottom:1px solid var(--border, rgba(255,255,255,0.08))}.tobyflow-node-picker-input{width:100%;background:var(--background, #1c1c1f);color:var(--foreground, #e8e8ea);border:1px solid var(--border, rgba(255,255,255,0.08));border-radius:6px;padding:6px 10px;font-size:12px;outline:none;box-sizing:border-box}.tobyflow-node-picker-input:focus{border-color:var(--border-light)}.tobyflow-node-picker-list{max-height:280px;overflow-y:auto;padding:4px}.tobyflow-node-picker-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--foreground, #e8e8ea);text-align:left;transition:background 0.15s ease;font-family:inherit}.tobyflow-node-picker-item:hover,.tobyflow-node-picker-item.selected{background:var(--surface, #252529)}.tobyflow-node-picker-item.tobyflow-node-picker-disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.tobyflow-node-picker-name{font-size:12px;font-weight:500}.tobyflow-node-picker-desc{font-size:10px;color:var(--muted-foreground, #8b8b92)}.tobyflow-node-picker-footer{padding:6px 10px;border-top:1px solid var(--border, rgba(255,255,255,0.08));font-size:10px;color:var(--muted-foreground, #6b6b73)}.tobyflow-node-picker-footer kbd{background:var(--background, #1c1c1f);padding:1px 4px;border-radius:3px;font-size:10px}@media (max-width: 600px){.node-palette{display:none}.node-form-panel{position:absolute;inset:0;width:100%;z-index:10}.tobyflow-wf-toolbar{left:4px;padding:4px}.tobyflow-wf-tool-btn{width:30px;height:30px}}.df-node-icon.upscale{background:hsla(280,70%,55%,0.15);color:hsl(280,70%,55%)}.df-node-icon.download{background:hsla(142,71%,45%,0.15);color:var(--success)}.df-node-icon.delay{background:hsla(38,92%,50%,0.15);color:var(--warning)}.df-node-icon.note{background:hsla(50,80%,50%,0.15);color:hsl(50,80%,45%)}.df-node-prompts-preview{font-size:11px;margin-bottom:var(--space-1)}.df-node-prompt-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted-foreground);padding:1px 0}.df-node-prompt-more{color:var(--muted-foreground);font-size:10px}.df-node-prompt-empty{color:var(--muted-foreground);font-style:italic;font-size:11px}.df-node-count{font-size:10px;color:var(--muted-foreground)}.df-node-delay-setting{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-foreground)}.df-node-inline-input{background:var(--input, #2a2a2e);color:var(--foreground);border:1px solid var(--border-light);border-radius:4px;padding:2px 4px;font-size:12px;text-align:center;outline:none}.df-node-inline-input:focus{border-color:var(--border-light)}.df-node-download-info,.df-node-upscale-info{font-size:11px;color:var(--muted-foreground)}.df-node-note{background:hsla(50,80%,50%,0.05);border-color:hsla(50,80%,50%,0.3)}.df-node-note-text{font-size:12px;color:var(--foreground);white-space:pre-wrap;max-height:80px;overflow:hidden}.tobyflow-wf-settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:300}.tobyflow-wf-settings-dialog{width:420px;max-height:80vh;background:var(--surface, #252529);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.tobyflow-wf-settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.tobyflow-wf-settings-header h3{font-size:14px;font-weight:600;color:var(--foreground);margin:0}.tobyflow-wf-settings-close{background:transparent;border:none;color:var(--muted-foreground);cursor:pointer;padding:4px;border-radius:4px}.tobyflow-wf-settings-close:hover{color:var(--foreground)}.tobyflow-wf-settings-body{padding:16px;overflow-y:auto;max-height:calc(80vh - 120px)}.tobyflow-wf-settings-group{margin-bottom:12px}.tobyflow-wf-settings-group label:not(.toolbar-toggle){display:block;font-size:12px;font-weight:500;color:var(--muted-foreground);margin-bottom:4px}.tobyflow-wf-settings-group input[type=text],.tobyflow-wf-settings-group input[type=number],.tobyflow-wf-settings-group input[type=url],.tobyflow-wf-settings-group textarea{width:100%;background:var(--input, #2a2a2e);color:var(--foreground);border:1px solid var(--border-light);border-radius:6px;padding:8px 10px;font-size:13px;outline:none}.tobyflow-wf-settings-group input:focus,.tobyflow-wf-settings-group textarea:focus{border-color:var(--border-light)}.tobyflow-wf-settings-hint{display:block;margin-top:4px;font-size:11px;color:var(--text-tertiary, #666)}.tobyflow-wf-settings-dialog textarea{max-height:100px}.tobyflow-wf-settings-row{display:flex;align-items:center;justify-content:space-between}.tobyflow-wf-settings-row label{margin-bottom:0}.tobyflow-wf-settings-input-group{display:flex;align-items:center;gap:6px}.tobyflow-wf-settings-input-group input[type=number]{width:60px;text-align:center}.tobyflow-wf-settings-input-group span{font-size:12px;color:var(--muted-foreground)}.tobyflow-wf-settings-divider{font-size:11px;font-weight:600;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.5px;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.tobyflow-wf-settings-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.node-result-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px}.node-result-gallery.single-result{grid-template-columns:1fr}.node-result-thumb{aspect-ratio:1;background:var(--background, #1c1c1f);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.node-result-thumb.ratio-portrait{aspect-ratio:9 / 16}.node-result-thumb.ratio-landscape{aspect-ratio:16 / 9}.node-result-thumb.ratio-9-16{aspect-ratio:9 / 16}.node-result-thumb.ratio-3-4{aspect-ratio:3 / 4}.node-result-thumb.ratio-2-3{aspect-ratio:2 / 3}.node-result-thumb.ratio-1-1{aspect-ratio:1 / 1}.node-result-thumb.ratio-4-3{aspect-ratio:4 / 3}.node-result-thumb.ratio-3-2{aspect-ratio:3 / 2}.node-result-thumb.ratio-16-9{aspect-ratio:16 / 9}.node-result-thumb img,.node-result-thumb video{width:100%;height:100%;object-fit:cover}.node-result-thumb{position:relative}.result-thumb-original-badge{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:0.4px;border-radius:4px;color:#fff;pointer-events:none;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,0.4);box-shadow:0 1px 4px rgba(0,0,0,0.3)}.result-thumb-original-badge[data-provider=grok]{background:linear-gradient(135deg,#a855f7,#7c3aed)}.result-thumb-original-badge[data-provider=chatgpt]{background:linear-gradient(135deg,#10a37f,#0d8267)}.node-result-thumb.has-provider-url{border-color:rgba(168,85,247,0.45)}.node-result-thumb.has-provider-url[data-provider=chatgpt]{border-color:rgba(16,163,127,0.45)}.node-result-thumb-cross-project{border-color:var(--destructive, #dc2626)!important;position:relative;overflow:hidden}.node-result-thumb-cross-project img,.node-result-thumb-cross-project video{display:none}.node-result-thumb-cross-project::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(220,38,38,0.1) 0%,rgba(220,38,38,0.1) 40%,rgba(255,255,255,0.15) 50%,rgba(220,38,38,0.1) 60%,rgba(220,38,38,0.1) 100%);background-size:200% 100%;animation:crossProjectSweep 1.5s ease-in-out infinite;border-radius:6px}.node-result-download-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;margin-top:8px;background:transparent;color:var(--primary, #cdff01);border:1px solid var(--primary, #cdff01);border-radius:6px;font-size:12px;cursor:pointer;transition:all 0.15s ease}.node-result-download-btn:hover{background:hsla(228,91%,58%,0.1)}.node-result-download-actions{display:flex;flex-direction:row;gap:6px;margin-top:8px}.node-result-download-actions .node-result-download-btn{margin-top:0;flex:1}.node-result-progress{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--muted-foreground);font-size:12px}.node-result-download-btn--original{background:linear-gradient(135deg,rgba(168,85,247,0.15),rgba(16,163,127,0.12));border-color:rgba(168,85,247,0.5);color:#fff;font-weight:600}.node-result-download-btn--original:hover{background:linear-gradient(135deg,rgba(168,85,247,0.28),rgba(16,163,127,0.22))}.angle-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--surface-2, #3a3a3e);outline:none}.angle-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#a855f7;cursor:pointer;border:2px solid var(--background, #1c1c1f)}@keyframes crossProjectSweep{0%{background-position:200% 0}100%{background-position:-200% 0}}.ref-thumb{width:68px;height:68px}.ref-thumb-broken{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(245,158,11,0.06);color:var(--muted-foreground);position:relative;cursor:default}.ref-thumb-broken .ref-thumb-broken-icon{opacity:0.4;color:var(--warning, #f59e0b)}.ref-thumb-broken .ref-thumb-broken-id{font-size:7px;font-family:monospace;color:var(--muted-foreground);opacity:0.6;white-space:nowrap;letter-spacing:0.5px}.ref-thumb-rescan-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:var(--primary, #ccff00);color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 150ms ease,transform 150ms ease;z-index:6;padding:0}.ref-thumb:hover .ref-thumb-rescan-btn{opacity:1}.ref-thumb-rescan-btn:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 2px 6px rgba(0,0,0,0.3)}.ref-thumb-rescan-btn:disabled{cursor:wait;opacity:0.6}.ref-thumb-rescan-btn--loading svg{animation:ref-rescan-spin 0.8s linear infinite}@keyframes ref-rescan-spin{to{transform:rotate(360deg)}}.ref-thumb.ref-thumb-pending{border-color:var(--primary)!important;border-style:dashed}.ref-thumb-uploading{position:relative}.ref-thumb-uploading>div:first-child{position:relative;overflow:hidden}.ref-thumb-uploading>div:first-child::before{content:"";position:absolute;inset:0;background-color:rgba(15,17,22,0.45);background-image:linear-gradient(110deg,rgba(245,158,51,0.45) 0%,rgba(255,255,255,0.55) 40%,rgba(245,158,51,0.45) 60%);background-size:200% 100%;background-repeat:no-repeat;animation:uploadSweep 1.5s ease-in-out infinite;z-index:2;border-radius:inherit;pointer-events:none}.ref-thumb-uploading>div:first-child::after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--primary-muted, rgba(204, 255, 0, 0.2));border-top-color:var(--primary, #ccff00);animation:uploadSpin 0.8s linear infinite;z-index:3;pointer-events:none}@keyframes uploadSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes uploadSweep{0%{background-position:200% 0}100%{background-position:-200% 0}}.ref-thumb-uploading .ref-thumb-badge{display:none}.ref-thumb-uploading .ref-thumb-remove{display:none!important}.theme-light .drawflow .connection .main-path{filter:drop-shadow(0 0 3px currentColor) brightness(0.85)}.theme-light .drawflow .connection:hover .main-path,.theme-light .drawflow .connection .main-path:hover{filter:drop-shadow(0 0 6px currentColor) brightness(0.95)}.theme-light .drawflow .drawflow-node{box-shadow:0 2px 8px rgba(0,0,0,0.08)}.theme-light .drawflow .drawflow-node:hover{box-shadow:0 4px 12px rgba(0,0,0,0.12)}.theme-light .df-hover-toolbar{background:#ffffff;border:1px solid rgba(0,0,0,0.08);box-shadow:0 4px 16px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.06)}.theme-light .df-hover-btn{color:rgba(15,23,42,0.65)}.theme-light .df-hover-btn:hover{background:rgba(0,0,0,0.06);color:#0f172a}.theme-light .df-hover-btn:active{background:rgba(0,0,0,0.1)}.theme-light .df-hover-btn.danger:hover{color:#dc2626;background:rgba(220,38,38,0.08)}.theme-light .tobyflow-node-picker{box-shadow:0 8px 24px rgba(0,0,0,0.15)}.theme-light .canvas-controls{box-shadow:0 2px 8px rgba(0,0,0,0.08)}.theme-light .workflow-progress{box-shadow:0 2px 8px rgba(0,0,0,0.08)}.theme-light .canvas-brand-zone{box-shadow:0 2px 8px rgba(0,0,0,0.08)}.theme-light .mini-map{box-shadow:0 2px 8px rgba(0,0,0,0.08)}.theme-light .context-menu{box-shadow:0 4px 16px rgba(0,0,0,0.1)}.theme-light .save-toast{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.theme-light .tobyflow-wf-settings-overlay{background:rgba(0,0,0,0.3)}.theme-light .ref-thumb-uploading>div:first-child::after{background:linear-gradient(110deg,rgba(51,90,245,0.1) 0%,rgba(0,0,0,0.05) 40%,rgba(51,90,245,0.1) 60%);background-size:200% 100%}.node-ref-btn{width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;margin-top:7px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--muted-foreground);cursor:pointer;transition:all 0.15s ease}.node-ref-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.node-ref-btn__icon{flex-shrink:0}.node-ref-btn__text{font-size:12px;font-weight:500;white-space:nowrap}.theme-light .node-ref-btn{background:#f8f9fa;border-color:#e0e0e0}.theme-light .node-ref-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.wf-template-list{display:flex;flex-direction:column;flex:1;min-height:0;padding:5px 12px;gap:12px}.wf-template-search-row{display:flex;gap:var(--space-2, 8px);align-items:center;flex-shrink:0}.wf-template-search-box{flex:1;position:relative}.wf-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted-foreground);pointer-events:none;z-index:1}.wf-search-input{width:100%;height:28px;padding:8px 30px!important;background:var(--input);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:12px;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.wf-search-input::placeholder{color:var(--muted-foreground)}.wf-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,0.15)}.wf-category-select{height:28px;min-width:120px;padding:0 24px 0 8px;font-size:12px;color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:var(--radius);outline:none;cursor:pointer;transition:border-color 0.15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8b92' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.wf-category-select:hover{border-color:var(--border-light)}.wf-category-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,0.15)}.wf-create-template-btn{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 12px;font-size:12px;font-weight:500;color:var(--background, #000);background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);border:none;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:filter 0.15s ease,transform 0.1s ease}.wf-create-template-btn:hover{filter:brightness(1.1)}.wf-create-template-btn:active{transform:scale(0.98)}.wf-create-template-btn svg{flex-shrink:0}.wf-create-template-btn span{line-height:1}.wf-template-categories{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;padding:2px 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.wf-template-categories::-webkit-scrollbar{height:4px}.wf-template-categories::-webkit-scrollbar-track{background:transparent}.wf-template-categories::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.wf-category-pill{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;font-weight:500;color:var(--muted-foreground);background:var(--surface);border:1px solid var(--border);border-radius:16px;cursor:pointer;white-space:nowrap;transition:all 0.15s ease;flex-shrink:0}.wf-category-pill:hover{background:var(--muted);color:var(--foreground)}.wf-category-pill.active{background:var(--primary);color:var(--primary-foreground, #fff);border-color:var(--primary)}.wf-template-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:max-content;gap:12px;flex:1;min-height:0;overflow-y:auto;align-content:start;padding-right:4px}.wf-template-grid::-webkit-scrollbar{width:6px}.wf-template-grid::-webkit-scrollbar-track{background:transparent}.wf-template-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.wf-template-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all 0.15s ease;cursor:pointer}.wf-template-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.wf-template-card:hover .wf-template-import-btn{opacity:1}.wf-template-thumb{aspect-ratio:16 / 9;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.wf-template-placeholder{color:var(--muted-foreground);opacity:0.5}.wf-template-info{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.wf-template-name{font-size:13px;font-weight:600;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-template-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted-foreground)}.wf-template-nodes-count{display:inline-flex;align-items:center;gap:3px;color:var(--muted-foreground);font-weight:500}.wf-template-nodes-count svg{opacity:0.8}.wf-template-category{display:inline-flex;padding:2px 6px;background:var(--muted);border-radius:4px;font-weight:500}.wf-template-use-count{display:inline-flex;align-items:center;gap:4px}.wf-template-use-count svg{opacity:0.7}.wf-template-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted-foreground);margin-top:2px}.wf-template-rating{display:inline-flex;align-items:center;gap:4px}.wf-template-rating__stars{display:inline-flex;align-items:center;gap:1px}.wf-template-rating__text{font-size:11px;font-weight:500;color:var(--muted-foreground)}.wf-template-rating--empty{opacity:0.5}.wf-star{flex-shrink:0}.wf-template-rating-interactive{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border, rgba(255, 255, 255, 0.08))}.wf-template-rating-interactive__label{font-size:12px;color:var(--muted-foreground)}.wf-template-rating-interactive__stars{display:inline-flex;align-items:center;gap:2px}.wf-star-interactive{cursor:pointer;padding:2px;border-radius:2px;transition:transform 0.1s ease}.wf-star-interactive:hover{transform:scale(1.2)}.wf-star-interactive svg{width:18px;height:18px;transition:fill 0.1s ease,stroke 0.1s ease}.wf-star-interactive--selected svg{fill:#f59e0b;stroke:#f59e0b}.wf-combined-rating{display:inline-flex;align-items:center;gap:6px}.wf-combined-rating__stars{display:inline-flex;align-items:center;gap:2px}.wf-combined-rating__avg{font-size:13px;font-weight:600;color:#f59e0b}.wf-combined-rating__count{font-size:11px;color:var(--muted-foreground)}.wf-combined-rating__hint{font-size:11px;color:var(--muted-foreground);font-style:italic}.wf-combined-rating--interactive .wf-combined-rating__stars{cursor:pointer}.wf-combined-rating--interactive .wf-star-interactive svg{width:16px;height:16px}.wf-template-import-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 12px 12px;padding:8px 12px;background:var(--primary);color:var(--primary-foreground, #fff);border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s ease;opacity:0}.wf-template-import-btn:hover{background:var(--primary-hover, #5b5bf7)}@media (hover: none){.wf-template-import-btn{opacity:1}}.wf-template-hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,0.6);opacity:0;transition:opacity 0.2s ease;z-index:3;padding-top:36px}.wf-template-card:hover .wf-template-hover-overlay{opacity:1}.wf-template-preview-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,0.15);color:#ffffff;border:1px solid rgba(255,255,255,0.3);border-radius:8px;cursor:pointer;transition:all 0.15s ease;backdrop-filter:blur(4px)}.wf-template-preview-btn:hover{background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.5);transform:scale(1.05)}.wf-template-preview-btn:active{transform:scale(0.95)}.wf-template-use-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);color:#1a1a1e;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:filter 0.15s ease,transform 0.15s ease;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.wf-template-use-btn:hover{filter:brightness(1.08);transform:scale(1.05)}.wf-template-use-btn:active{transform:scale(0.95)}.wf-template-hover-overlay--locked{background:rgba(0,0,0,0.7)}.wf-template-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#ffffff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.15s ease;box-shadow:0 2px 8px rgba(245,158,11,0.4)}.wf-template-upgrade-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(245,158,11,0.5)}.wf-template-upgrade-btn:active{transform:scale(0.95)}@media (hover: none){.wf-template-hover-overlay{opacity:1;background:rgba(0,0,0,0.4)}}.wf-template-edit-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,0.9);color:#1a1a1e;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:all 0.15s ease;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.wf-template-edit-btn:hover{background:var(--primary);color:var(--primary-foreground);transform:scale(1.1)}.wf-template-card:hover .wf-template-edit-btn{opacity:1}@media (hover: none){.wf-template-edit-btn{opacity:1}}.wf-template-video-btn{position:absolute;top:8px;right:40px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,0,0,0.9);color:white;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:all 0.15s ease;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.wf-template-video-btn:hover{background:#cc0000;transform:scale(1.1)}.wf-template-card:hover .wf-template-video-btn{opacity:1}.wf-template-card:has(.wf-template-edit-btn) .wf-template-video-btn{right:40px}.wf-template-card:not(:has(.wf-template-edit-btn)) .wf-template-video-btn{right:8px}@media (hover: none){.wf-template-video-btn{opacity:1}}.wf-template-share-btn{position:absolute;top:8px;right:72px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(99,102,241,0.9);color:white;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:all 0.15s ease;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.wf-template-share-btn:hover{background:rgb(79,70,229);transform:scale(1.1)}.wf-template-card:hover .wf-template-share-btn{opacity:1}.wf-template-card:not(:has(.wf-template-video-btn)) .wf-template-share-btn{right:40px}.wf-template-card:not(:has(.wf-template-video-btn)):not(:has(.wf-template-edit-btn)) .wf-template-share-btn{right:8px}.wf-template-card:not(:has(.wf-template-edit-btn)) .wf-template-share-btn{right:40px}@media (hover: none){.wf-template-share-btn{opacity:1}}.wf-video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;z-index:10000002;padding:20px}.wf-video-modal{width:100%;max-width:900px;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.wf-video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color)}.wf-video-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.wf-video-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all 0.15s ease}.wf-video-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.wf-video-modal-body{padding:0}.wf-video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border:0;outline:0;border-radius:12px}.wf-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;border:0;outline:0;border-radius:inherit}.wf-video-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(204,255,0,0.22),transparent 23%),linear-gradient(112deg,#090a0b 16%,#1c2a1d 43%,#637a18 50%,#1c2a1d 57%,#090a0b 84%);background-size:100% 100%,230% 100%;animation:wf-video-loading-gradient 1.3s linear infinite;opacity:1;transition:opacity 0.28s ease,visibility 0.28s ease;pointer-events:none;border-radius:inherit}.wf-video-loading::before{content:"";width:34px;height:34px;border:2px solid rgba(230,255,147,0.24);border-top-color:#d9ff35;border-radius:50%;box-shadow:0 0 20px rgba(204,255,0,0.32);animation:wf-video-loading-spin 0.8s linear infinite}.wf-video-container.is-loaded .wf-video-loading{visibility:hidden;opacity:0}@keyframes wf-video-loading-gradient{from{background-position:0 0,150% 0}to{background-position:0 0,-80% 0}}@keyframes wf-video-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.wf-video-loading{animation-duration:2.6s}.wf-video-loading::before{animation-duration:1.6s}}.wf-template-premium-badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;border-radius:4px;box-shadow:0 2px 6px rgba(245,158,11,0.35);z-index:3;pointer-events:none}.wf-template-premium-badge svg{flex-shrink:0}.wf-template-premium-badge::before{content:"";position:absolute;inset:-1px;border-radius:5px;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);opacity:0;z-index:-1;animation:premiumBadgePulse 2s ease-in-out infinite}@keyframes premiumBadgePulse{0%,100%{opacity:0;transform:scale(1)}50%{opacity:0.5;transform:scale(1.05)}}.wf-template-lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:2;cursor:pointer;transition:all 0.2s ease}.wf-template-lock-overlay:hover{background:rgba(0,0,0,0.8)}.wf-template-lock-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(245,158,11,0.15);border:2px solid rgba(245,158,11,0.5);border-radius:50%;color:#f59e0b}.wf-template-lock-text{font-size:12px;font-weight:600;color:#f59e0b;text-transform:uppercase;letter-spacing:0.5px}.wf-template-card.wf-template-locked{filter:saturate(0.7)}.wf-template-card.wf-template-locked:hover{filter:saturate(0.85);border-color:#f59e0b}.wf-template-card.wf-template-premium:hover{border-color:#f59e0b;box-shadow:0 4px 16px rgba(245,158,11,0.2)}.theme-light .wf-template-lock-overlay{background:rgba(255,255,255,0.85)}.theme-light .wf-template-lock-overlay:hover{background:rgba(255,255,255,0.9)}.theme-light .wf-template-lock-icon{background:rgba(245,158,11,0.1)}.theme-light .wf-template-lock-text{color:#d97706}.wf-detail-use-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);color:var(--background, #000);border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:filter 0.15s ease,transform 0.1s ease}.wf-detail-use-btn:hover{filter:brightness(1.08)}.wf-detail-use-btn:active{transform:scale(0.98)}.wf-detail-use-btn:disabled{opacity:0.6;cursor:not-allowed}.wf-load-more{width:100%;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.15s ease;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:7px}.wf-load-more:hover:not(:disabled){background:var(--muted);border-color:var(--primary)}.wf-load-more-icon{flex:0 0 auto;animation:wf-load-more-float 1.35s ease-in-out infinite}.wf-load-more.is-loading .wf-load-more-icon{animation:wf-load-more-spin 0.8s linear infinite}.wf-load-more:disabled{cursor:wait;opacity:0.65}@keyframes wf-load-more-float{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}@keyframes wf-load-more-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.wf-load-more-icon{animation:none}}.wf-load-more.hidden{display:none}.wf-template-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:var(--muted-foreground);text-align:center;padding:24px}.wf-template-empty svg{opacity:0.5}.wf-template-empty p{font-size:13px}.wf-template-empty.hidden{display:none}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-base{background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:4px}.skeleton-thumb{background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite}.skeleton-text{height:14px;background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:4px}.skeleton-text.short{width:60%;height:12px}.skeleton-text.medium{width:80%}.skeleton-text.xs{height:10px;width:40%}.skeleton-circle{border-radius:50%;background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite}.skeleton-btn{width:28px;height:28px;border-radius:var(--radius);background:linear-gradient(90deg,var(--muted) 25%,var(--surface) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite}.wf-template-card.skeleton{pointer-events:none}.wf-template-card.skeleton .wf-template-info{gap:8px}.workflow-card.skeleton{pointer-events:none}.workflow-card.skeleton .skeleton-status{width:20px;height:20px;margin-right:15px;flex-shrink:0}.workflow-card.skeleton .skeleton-info{flex:1;display:flex;flex-direction:column;gap:6px}.workflow-card.skeleton .skeleton-actions{display:flex;gap:4px}.theme-light .wf-template-card{box-shadow:0 1px 3px rgba(0,0,0,0.05)}.theme-light .wf-template-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)}.theme-light .wf-category-pill{background:#f5f5f5;border-color:#e0e0e0}.theme-light .wf-category-pill:hover{background:#e8e8e8}.theme-light .wf-category-pill.active{background:var(--primary);border-color:var(--primary)}.theme-light .wf-category-select{background:#ffffff;border-color:#e0e0e0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.theme-light .wf-category-select:hover{border-color:#9ca3af}.wf-detail-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:10000001;display:flex;align-items:center;justify-content:center;padding:24px}.wf-detail-modal{background:var(--surface);border-radius:12px;max-width:520px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 16px 48px rgba(0,0,0,0.3);overflow:hidden}.wf-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.wf-detail-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0}.wf-detail-close-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:all 0.15s ease}.wf-detail-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.wf-detail-header-actions{display:flex;align-items:center;gap:8px}.wf-detail-video-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,0,0,0.1);color:#ff0000;border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.wf-detail-video-btn:hover{background:#ff0000;color:white}.wf-detail-body{padding:20px;overflow-y:auto;flex:1}.wf-detail-thumb{width:100%;aspect-ratio:16 / 9;background:var(--muted);border-radius:8px;overflow:hidden;margin-bottom:16px;position:relative}.wf-detail-premium-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;font-size:11px;font-weight:700;letter-spacing:0.5px;border-radius:6px;box-shadow:0 2px 8px rgba(245,158,11,0.4);z-index:3}.wf-detail-premium-badge>span{text-transform:uppercase}.wf-detail-premium-notice{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 12px;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.35);border-radius:8px;color:#fbbf24;font-size:12.5px;font-weight:600;line-height:1.4}.wf-detail-premium-notice svg{flex-shrink:0}.wf-detail-thumb-img{width:100%;height:100%;object-fit:cover}.wf-detail-thumb-video-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:0;border:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,0.22));color:#fff;cursor:pointer;transition:background 0.18s ease}.wf-detail-thumb-video-play svg{width:44px;height:44px;padding:12px 13px 12px 11px;box-sizing:border-box;border-radius:50%;background:#ff0033;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.42));transition:transform 0.18s ease,background 0.18s ease}.wf-detail-thumb-video-play:hover{background:rgba(0,0,0,0.22)}.wf-detail-thumb-video-play:hover svg{background:#e6002e;transform:scale(1.08)}.wf-detail-thumb-video-play:focus-visible{outline:2px solid #fff;outline-offset:-5px}.wf-detail-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--muted) 0%,var(--surface) 100%);color:var(--muted-foreground)}.wf-detail-info{margin-bottom:16px}.wf-detail-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.wf-detail-desc{font-size:13px;color:var(--text-secondary);margin:0 0 12px 0;line-height:1.5}.wf-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.wf-detail-meta-left{display:flex;align-items:center;gap:12px}.wf-detail-meta-right{display:flex;align-items:center}.wf-detail-category{font-size:11px;font-weight:500;padding:3px 8px;background:var(--primary-bg, rgba(99, 102, 241, 0.15));color:var(--primary);border-radius:4px}.wf-detail-uses,.wf-detail-nodes-count{font-size:12px;color:var(--text-secondary, var(--muted-foreground, #8b8b92));display:inline-flex;align-items:center;gap:4px}.wf-detail-nodes-count svg{flex-shrink:0}.wf-detail-nodes{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.wf-detail-section-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px}.wf-detail-nodes-list{display:flex;flex-direction:column;gap:6px}.wf-detail-node-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--muted);border-radius:6px}.wf-detail-nodes-compact{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.wf-detail-node-pill{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;border-radius:10px;white-space:nowrap;background:rgba(255,255,255,0.06);color:var(--foreground);border:1px solid transparent}.wf-detail-node-pill-count{margin-left:6px;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;border-radius:8px;background:rgba(255,255,255,0.14);color:inherit}.wf-detail-node-pill--generate{background:rgba(99,102,241,0.15);color:#a5b4fc;border-color:rgba(99,102,241,0.3)}.wf-detail-node-pill--prompt{background:rgba(139,92,246,0.15);color:#c4b5fd;border-color:rgba(139,92,246,0.3)}.wf-detail-node-pill--chatgpt{background:rgba(16,163,127,0.18);color:#6ee7b7;border-color:rgba(16,163,127,0.35)}.wf-detail-node-pill--gemini{background:rgba(59,130,246,0.18);color:#93c5fd;border-color:rgba(59,130,246,0.35)}.wf-detail-node-pill--grok{background:rgba(168,85,247,0.18);color:#d8b4fe;border-color:rgba(168,85,247,0.35)}.wf-detail-node-pill--upscale{background:rgba(14,165,233,0.15);color:#7dd3fc;border-color:rgba(14,165,233,0.3)}.wf-detail-node-pill--download{background:rgba(34,197,94,0.15);color:#86efac;border-color:rgba(34,197,94,0.3)}.wf-detail-node-pill--delay{background:rgba(245,158,11,0.15);color:#fcd34d;border-color:rgba(245,158,11,0.3)}.wf-detail-node-pill--telegram{background:rgba(56,178,246,0.15);color:#7dd3fc;border-color:rgba(56,178,246,0.3)}.wf-detail-node-pill--angles{background:rgba(244,114,182,0.15);color:#f9a8d4;border-color:rgba(244,114,182,0.3)}.wf-detail-node-pill--effects{background:rgba(217,70,239,0.15);color:#f0abfc;border-color:rgba(217,70,239,0.3)}.wf-detail-node-pill--image{background:rgba(20,184,166,0.15);color:#5eead4;border-color:rgba(20,184,166,0.3)}.wf-detail-node-pill--note{background:rgba(148,163,184,0.15);color:#cbd5e1;border-color:rgba(148,163,184,0.3)}.wf-detail-node-pill--condition{background:rgba(251,113,133,0.15);color:#fda4af;border-color:rgba(251,113,133,0.3)}.wf-detail-node-pill--merge{background:rgba(132,204,22,0.15);color:#bef264;border-color:rgba(132,204,22,0.3)}.wf-detail-node-pill--output{background:rgba(251,146,60,0.15);color:#fdba74;border-color:rgba(251,146,60,0.3)}.wf-detail-node-type{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;background:var(--primary-bg, rgba(99, 102, 241, 0.15));color:var(--primary);border-radius:3px}.wf-detail-node-name{font-size:12px;color:var(--text-primary)}.wf-detail-footer{display:flex;gap:8px;padding:16px 20px;border-top:1px solid var(--border);justify-content:flex-end}.wf-detail-cancel-btn{padding:8px 16px;font-size:13px;font-weight:500;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all 0.15s ease}.wf-detail-cancel-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.wf-detail-import-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;background:var(--primary);border:none;border-radius:6px;color:var(--background);cursor:pointer;transition:all 0.15s ease}.wf-detail-import-btn:hover{background:var(--primary-hover)}.wf-detail-import-btn:disabled{opacity:0.6;cursor:not-allowed}.wf-detail-preview-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:6px;color:var(--foreground);cursor:pointer;transition:all 0.15s ease}.wf-detail-preview-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.workflow-editor-overlay.wf-preview-mode .tobyflow-wf-toolbar [data-action=run-workflow],.workflow-editor-overlay.wf-preview-mode .tobyflow-wf-toolbar [data-action=stop-workflow],.workflow-editor-overlay.wf-preview-mode .tobyflow-wf-toolbar [data-action=add-node],.workflow-editor-overlay.wf-preview-mode .node-palette,.workflow-editor-overlay.wf-preview-mode .node-form-panel,.workflow-editor-overlay.wf-preview-mode #resetWorkflowInEditorBtn{display:none!important}.workflow-editor-overlay.wf-community-preview .tobyflow-wf-toolbar,.workflow-editor-overlay.wf-community-preview #wfPublishTemplateBtn,.workflow-editor-overlay.wf-community-preview #shareWorkflowHeaderBtn{display:none!important}.workflow-editor-overlay.wf-preview-mode .df-hover-toolbar{display:none!important}.workflow-editor-overlay.wf-preview-mode .df-node-toggle,.workflow-editor-overlay.wf-preview-mode .df-node-settings-bar,.workflow-editor-overlay.wf-preview-mode .df-node-corner-gear{cursor:not-allowed;position:relative}.workflow-editor-overlay.wf-preview-mode .df-node-settings-bar{opacity:1;transform:none}.workflow-editor-overlay.wf-preview-mode .df-node-settings-bar::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;cursor:not-allowed;z-index:100}.workflow-editor-overlay.wf-preview-mode .df-node-settings-btn,.workflow-editor-overlay.wf-preview-mode .df-node-corner-gear{pointer-events:none!important}.workflow-editor-overlay.wf-preview-mode .drawflow .drawflow-node .input,.workflow-editor-overlay.wf-preview-mode .drawflow .drawflow-node .output{pointer-events:none!important}.workflow-editor-overlay.wf-preview-mode .drawflow .drawflow-node{cursor:default}.wf-duplicate-header-btn{background:var(--primary);color:var(--background)}.workflow-editor-overlay.wf-preview-mode .workflow-editor-title::after{content:"Preview Mode";margin-left:12px;padding:4px 10px 4px 28px;background:rgba(99,102,241,0.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237c7cf5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") no-repeat 8px center;border:1px solid rgba(99,102,241,0.35);border-radius:6px;font-size:11px;font-weight:500;color:hsl(245,80%,70%);pointer-events:none;white-space:nowrap}.workflow-editor-overlay.wf-preview-mode.wf-admin-preview .node-form-panel:not(.hidden){display:flex!important}.workflow-editor-overlay.wf-preview-mode.wf-admin-preview .df-node-settings-btn,.workflow-editor-overlay.wf-preview-mode.wf-admin-preview .df-node-corner-gear{pointer-events:auto!important;cursor:pointer!important}.workflow-editor-overlay.wf-preview-mode.wf-admin-preview .df-node-settings-bar::after{display:none}.node-form-panel.wf-form-readonly{position:relative}.node-form-panel.wf-form-readonly::before{content:"";position:absolute;top:0px;left:0;right:0;height:100%;background:linear-gradient(123deg,transparent,rgb(111 112 174 / 12%),transparent);pointer-events:none;z-index:10}.node-form-panel.wf-form-readonly input:disabled,.node-form-panel.wf-form-readonly select:disabled,.node-form-panel.wf-form-readonly textarea:disabled{opacity:0.7;cursor:not-allowed;background:rgba(100,100,120,0.1)}.node-form-panel.wf-form-readonly button:disabled{opacity:0.5;cursor:not-allowed}.node-form-panel.wf-form-readonly .node-form-body{pointer-events:none}.node-form-panel.wf-form-readonly .node-form-footer{pointer-events:none}.node-form-panel.wf-form-readonly #runSingleNodeBtn,.node-form-panel.wf-form-readonly #resetSingleNodeBtn,.node-form-panel.wf-form-readonly #deleteNodeBtn,.node-form-panel.wf-form-readonly #toggleEnabledBtn,.node-form-panel.wf-form-readonly #downloadNodeBtn{pointer-events:none;opacity:0.3}.node-form-panel.wf-form-readonly #closeNodeFormBtn{pointer-events:auto}.workflow-editor-overlay.wf-template-mode .df-node-run-corner,.workflow-editor-overlay.wf-template-mode .df-hover-btn[data-action=run-node],.workflow-editor-overlay.wf-template-mode .df-hover-btn[data-action=reset-node],.workflow-editor-overlay.wf-template-mode .df-hover-btn[data-action=download-node]{display:none!important}.workflow-editor-overlay.wf-template-mode .df-node-status{display:none!important}.workflow-editor-overlay.wf-template-mode #runSingleNodeBtn,.workflow-editor-overlay.wf-template-mode #stopSingleNodeBtn,.workflow-editor-overlay.wf-template-mode #resetSingleNodeBtn,.workflow-editor-overlay.wf-template-mode #resetNodeFooterBtn{display:none!important}.workflow-editor-overlay.wf-template-mode #executionLogPanel,.workflow-editor-overlay.wf-template-mode .execution-log-panel{display:none!important}.workflow-editor-overlay.wf-template-mode #workflowProgress,.workflow-editor-overlay.wf-template-mode .workflow-progress{display:none!important}.theme-light .wf-detail-modal{box-shadow:0 16px 48px rgba(0,0,0,0.15)}.theme-light .wf-detail-modal-overlay{background:rgba(0,0,0,0.4)}.workflow-editor .input-group{margin-top:5px}.form-group-slug{margin-top:6px;margin-bottom:2px}.slug-inline-wrapper{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slug-label{font-size:12px;color:var(--muted-foreground);flex-shrink:0}.slug-inline-display{display:inline-flex;align-items:center;gap:2px;padding:4px 8px 4px 6px;font-size:13px;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;border-radius:4px;cursor:pointer;transition:all 0.15s ease;border:1px solid transparent}.slug-inline-display .slug-at{font-weight:600;margin-right:1px}.slug-inline-display .slug-edit-icon{margin-left:4px;opacity:0;transition:opacity 0.15s}.slug-inline-display:hover .slug-edit-icon{opacity:0.6}.slug-inline-display.slug-auto{color:var(--muted-foreground);background:var(--surface-elevated, rgba(255,255,255,0.03))}.slug-inline-display.slug-auto .slug-value{font-style:italic;opacity:0.7}.slug-inline-display.slug-auto:hover{background:rgba(255,255,255,0.06);border-color:var(--border)}.slug-inline-display.slug-manual{color:#fbbf24;background:rgba(251,191,36,0.1)}.slug-inline-display.slug-manual:hover{background:rgba(251,191,36,0.15);border-color:rgba(251,191,36,0.3)}.slug-inline-edit{display:flex;align-items:stretch;gap:0;flex:1;min-width:180px}.slug-inline-edit.hidden{display:none}.slug-inline-edit .slug-input-prefix{display:flex;align-items:center;justify-content:center;width:26px;height:32px;font-size:14px;font-weight:600;color:#fbbf24;background:rgba(251,191,36,0.1);border:1px solid var(--border);border-right:none;border-radius:4px 0 0 4px}.slug-inline-edit input[type=text]{flex:1;min-width:0;height:32px;padding:0 8px;font-size:13px;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,monospace;color:var(--foreground);background:var(--input, var(--background));border:1px solid var(--border);border-radius:0;outline:none;transition:border-color 0.15s ease}.slug-inline-edit input[type=text]:focus{border-color:#fbbf24}.slug-inline-edit input[type=text]::placeholder{color:var(--muted-foreground);opacity:0.5;font-style:italic}.slug-confirm-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:#22c55e;background:rgba(34,197,94,0.1);border:1px solid var(--border);border-left:none;border-radius:0 4px 4px 0;cursor:pointer;transition:background 0.15s,color 0.15s}.slug-confirm-btn:hover{background:rgba(34,197,94,0.2);color:#16a34a}.slug-inline-display.hidden{display:none}.form-hint{font-size:11px;color:var(--muted-foreground);margin-top:4px}.form-error{font-size:11px;color:#ef4444;margin-top:4px}.form-error.hidden{display:none}.prompt-source-group{display:flex;flex-direction:column;gap:4px}.prompt-source-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;background:rgba(245,158,11,0.15);color:#F59E0B;border-radius:10px;font-size:11px;margin-top:6px}.prompt-source-warning{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(220,38,38,0.12);color:#dc2626;border-radius:10px;font-size:11px;margin-top:6px}.node-form-advanced{margin-top:8px}.node-form-advanced[open]{overflow:visible}.node-form-advanced>summary{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:12px;font-weight:500;color:var(--muted-foreground);cursor:pointer;list-style:none;user-select:none;transition:color 0.15s ease}.node-form-advanced>summary:hover{color:var(--foreground)}.node-form-advanced>summary::-webkit-details-marker{display:none}.node-form-advanced>summary svg.chevron-icon{margin-left:auto;transition:transform 0.2s ease;opacity:0.6}.node-form-advanced[open]>summary svg.chevron-icon{transform:rotate(180deg)}.node-form-advanced>.form-group{padding:8px 0}.node-form-advanced>.form-group:first-of-type{padding-top:8px}.node-form-advanced .advanced-hint{font-size:11px;color:var(--muted-foreground);padding:4px 0;margin:0;line-height:1.4;font-style:italic}.node-form-body .form-field-hint{font-size:11px;color:var(--muted-foreground);margin:4px 0 0 0;line-height:1.4}.df-port-rail{position:absolute;top:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:10}.df-port-rail-in{left:-10px}.df-port-rail-out{right:-10px}.df-node-port{position:relative;width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:#6b7280;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;cursor:crosshair;transition:transform 0.15s,box-shadow 0.15s;pointer-events:auto}.df-node-port:hover{transform:scale(1.2);box-shadow:0 0 0 4px rgba(255,255,255,0.1)}.df-node-port-text{background:#fbbf24}.df-node-port-image{background:#3b82f6}.df-node-port-video{background:#8b5cf6}.df-node-port-frame{background:#10b981}.df-node-port-any{background:#d4d4d8;color:#1a1a1e}.df-node-port-required::after{content:"*";position:absolute;top:-4px;right:-4px;font-size:10px;color:#ef4444;font-weight:700;line-height:1}.df-node-port-icon{display:inline-block;line-height:1}.drawflow .input[data-port-type],.drawflow .output[data-port-type]{width:36px!important;height:36px!important;border-radius:100%!important;background:var(--muted)!important;border:1.5px solid rgba(255,255,255,0.18)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;position:relative;cursor:crosshair!important;transition:transform 0.15s,box-shadow 0.15s,border-color 0.15s;box-shadow:0 2px 6px rgba(0,0,0,0.4)}.drawflow .input[data-port-type=text],.drawflow .output[data-port-type=text]{border-color:#50476a!important}.drawflow .input[data-port-type=image],.drawflow .output[data-port-type=image]{border-color:#303961!important}.drawflow .input[data-port-type=video],.drawflow .output[data-port-type=video],.drawflow .input[data-port-type=frame],.drawflow .output[data-port-type=frame]{border-color:#1e5340!important}.drawflow .input[data-port-type=any],.drawflow .output[data-port-type=any]{border-color:rgba(113,113,122,0.55)!important}.drawflow .input[data-port-type]:not([data-port-empty=true]),.drawflow .output[data-port-type]:not([data-port-empty=true]){border-width:2px!important}.drawflow .drawflow-node.selected .input[data-port-type=text],.drawflow .drawflow-node.selected .output[data-port-type=text],.drawflow .drawflow-node.node-running .input[data-port-type=text],.drawflow .drawflow-node.node-running .output[data-port-type=text]{border-color:#9c82e5!important;box-shadow:0 0 0 2px rgba(156,130,229,0.25),0 2px 6px rgba(0,0,0,0.4)!important}.drawflow .drawflow-node.selected .input[data-port-type=image],.drawflow .drawflow-node.selected .output[data-port-type=image],.drawflow .drawflow-node.node-running .input[data-port-type=image],.drawflow .drawflow-node.node-running .output[data-port-type=image]{border-color:#6f8bf7!important;box-shadow:0 0 0 2px rgba(111,139,247,0.25),0 2px 6px rgba(0,0,0,0.4)!important}.drawflow .drawflow-node.selected .input[data-port-type=video],.drawflow .drawflow-node.selected .output[data-port-type=video],.drawflow .drawflow-node.selected .input[data-port-type=frame],.drawflow .drawflow-node.selected .output[data-port-type=frame],.drawflow .drawflow-node.node-running .input[data-port-type=video],.drawflow .drawflow-node.node-running .output[data-port-type=video],.drawflow .drawflow-node.node-running .input[data-port-type=frame],.drawflow .drawflow-node.node-running .output[data-port-type=frame]{border-color:#3cd39f!important;box-shadow:0 0 0 2px rgba(60,211,159,0.25),0 2px 6px rgba(0,0,0,0.4)!important}.drawflow .input[data-port-type]:hover,.drawflow .output[data-port-type]:hover{transform:scale(1.12);z-index:1000}.drawflow .input[data-port-type=text]:hover,.drawflow .output[data-port-type=text]:hover{border-color:#9c82e5!important;box-shadow:0 0 0 2px rgba(156,130,229,0.3),0 2px 6px rgba(0,0,0,0.4)!important}.drawflow .input[data-port-type=image]:hover,.drawflow .output[data-port-type=image]:hover{border-color:#6f8bf7!important;box-shadow:0 0 0 2px rgba(111,139,247,0.3),0 2px 6px rgba(0,0,0,0.4)!important}.drawflow .input[data-port-type=video]:hover,.drawflow .output[data-port-type=video]:hover,.drawflow .input[data-port-type=frame]:hover,.drawflow .output[data-port-type=frame]:hover{border-color:#3cd39f!important;box-shadow:0 0 0 2px rgba(60,211,159,0.3),0 2px 6px rgba(0,0,0,0.4)!important}.df-port-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;pointer-events:none}.df-port-icon svg{width:18px;height:18px;color:#ffffff!important;stroke:#ffffff}.drawflow .input[data-port-required=true]::after{content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#ef4444;border:1.5px solid #18181b;border-radius:50%;pointer-events:none;box-shadow:0 0 4px rgba(239,68,68,0.6)}.drawflow .input[data-port-label]:hover::before,.drawflow .output[data-port-label]:hover::before{content:attr(data-port-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1a1a1e;color:#fff;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:1000;border:1px solid rgba(255,255,255,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.4)}.drawflow .input[data-port-label]:hover::after,.drawflow .output[data-port-label]:hover::after{}.drawflow .output[data-port-label]:hover::before{bottom:auto;top:calc(100% + 8px)}.drawflow .drawflow-node:hover .input[data-port-empty=true],.drawflow .drawflow-node:hover .output[data-port-empty=true]{animation:df-port-empty-glow 2.4s ease-in-out infinite}@keyframes df-port-empty-glow{0%,100%{box-shadow:0 2px 6px rgba(0,0,0,0.25)}50%{box-shadow:0 2px 6px rgba(0,0,0,0.25),0 0 0 4px rgba(255,255,255,0.12)}}.drawflow .input.df-port-warning{box-shadow:0 0 0 3px rgba(239,68,68,0.5)!important;animation:df-port-pulse-warn 1.5s ease-in-out infinite}@keyframes df-port-pulse-warn{0%,100%{box-shadow:0 0 0 3px rgba(239,68,68,0.5)!important}50%{box-shadow:0 0 0 6px rgba(239,68,68,0.25)!important}}.df-node-port-warning{box-shadow:0 0 0 3px rgba(239,68,68,0.4)!important;animation:port-pulse-warn 1.5s ease-in-out infinite;position:relative}@keyframes port-pulse-warn{0%,100%{box-shadow:0 0 0 3px rgba(239,68,68,0.4)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0.2)}}.df-node-port-warning::before{content:"C\1ea7n k\e9o edge v\e0o port n\e0y";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--destructive, #ef4444);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.15s,visibility 0.15s;pointer-events:none;z-index:100}.df-node-port-warning:hover::before{opacity:1;visibility:visible}.df-node-warning-badge{position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:var(--destructive, #ef4444);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;cursor:help;box-shadow:0 2px 6px rgba(239,68,68,0.4);pointer-events:auto}.wf-port-legend{position:absolute;bottom:60px;right:16px;background:rgba(20,20,24,0.95);border:1px solid var(--border);border-radius:8px;padding:8px 10px;z-index:100;font-size:11px;color:var(--foreground);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);user-select:none}.wf-port-legend-toggle{position:absolute;top:-10px;right:-10px;width:22px;height:22px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-foreground, #fff);box-shadow:0 2px 6px rgba(0,0,0,0.3)}.wf-port-legend.collapsed .wf-port-legend-content{display:none}.wf-port-legend.collapsed{padding:4px;background:transparent;border-color:transparent}.wf-port-legend-title{font-weight:600;margin-bottom:6px;font-size:10px;text-transform:uppercase;color:var(--muted-foreground);letter-spacing:0.4px}.wf-port-legend-item{display:flex;align-items:center;gap:6px;padding:2px 0}.wf-port-dot{width:10px;height:10px;border-radius:50%;border:2px solid #fff;display:inline-block;flex-shrink:0;box-sizing:border-box}.wf-port-dot-text{background:#fbbf24}.wf-port-dot-image{background:#3b82f6}.wf-port-dot-video{background:#8b5cf6}.wf-port-dot-frame{background:#10b981}.wf-port-dot-any{background:#d4d4d8}.wf-edge-tooltip{position:fixed;background:rgba(20,20,24,0.95);border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:11px;color:var(--foreground);pointer-events:none;z-index:9999;transform:translateX(-50%);white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(0,0,0,0.4)}.wf-edge-tooltip.hidden{display:none}.wf-edge-tooltip-title{font-weight:600}.wf-edge-tooltip-target{font-weight:600;margin-top:4px}.wf-edge-tooltip-flow{display:flex;align-items:center;gap:6px;margin:4px 0}.wf-edge-tooltip-port{background:var(--muted, rgba(255,255,255,0.08));padding:2px 6px;border-radius:3px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tobyflow-node-picker-context-hint{padding:8px 12px;border-bottom:1px solid var(--border, #2a2a2e);font-size:11px;color:var(--muted-foreground);background:rgba(255,255,255,0.02);display:flex;align-items:center;gap:6px}.tobyflow-node-picker-context-text{flex:1 1 auto;display:inline-flex;align-items:center;gap:6px;min-width:0}.tobyflow-node-picker-context-hint--no-text{padding:4px 6px 4px 12px;justify-content:flex-end}.tobyflow-node-picker-close{flex-shrink:0;width:22px;height:22px;margin-left:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--muted-foreground, #94a3b8);cursor:pointer;transition:background 0.15s,color 0.15s}.tobyflow-node-picker-close:hover{background:rgba(255,255,255,0.08);color:var(--foreground, #e8e8ea)}.tobyflow-node-picker-close:active{background:rgba(255,255,255,0.12)}.tobyflow-node-picker-port-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,0.2)}.tobyflow-node-picker-port-tag[data-port-type=text]{background:#6f8bf7}.tobyflow-node-picker-port-tag[data-port-type=image]{background:#3b82f6}.tobyflow-node-picker-port-tag[data-port-type=video]{background:#a855f7}.tobyflow-node-picker-port-tag[data-port-type=frame]{background:#14b8a6}.tobyflow-node-picker-port-tag[data-port-type=any]{background:#71717a}.df-node-tag-editable{cursor:pointer;border:1px solid rgba(255,255,255,0.1);background:#151515;color:var(--foreground);padding:4px 8px;border-radius:999px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:3px;transition:background 0.12s,border-color 0.12s;white-space:nowrap;pointer-events:auto}.df-node-tag-editable:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25)}.df-node-tag-editable.df-node-tag-empty{opacity:0.6;font-style:italic}.df-pill-arrow{flex-shrink:0;flex-grow:0;width:8px;height:8px;margin-left:2px;opacity:0.7;display:inline-block;position:relative!important;transition:opacity 0.15s ease,transform 0.15s ease}.df-node-tag-editable:hover .df-pill-arrow{opacity:1;transform:translateY(1px)}.drawflow-node.df-node-saving{pointer-events:none;position:relative}.drawflow-node.df-node-saving .df-node{filter:brightness(0.7);transition:filter 0.15s ease}.drawflow-node.df-node-saving::after{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:2px solid rgba(255,255,255,0.15);border-top-color:var(--primary, #cdff01);border-radius:50%;animation:dfNodeSpinSave 0.7s linear infinite;z-index:5;pointer-events:none}@keyframes dfNodeSpinSave{to{transform:rotate(360deg)}}.df-node-inline-dropdown{position:fixed;background:#1a1a1e;border:1px solid rgba(255,255,255,0.15);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.5);padding:4px;z-index:10000005;min-width:140px;max-height:280px;overflow-y:auto;font-size:12px}.df-node-inline-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:5px;cursor:pointer;color:var(--foreground);user-select:none}.df-node-inline-dropdown-item:hover{background:rgba(255,255,255,0.08)}.df-node-inline-dropdown-item.active{color:var(--primary, #cdff01);font-weight:600}.df-node-inline-dropdown-item .check{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;opacity:0}.df-node-inline-dropdown-item.active .check{opacity:1}.drawflow [data-tooltip]::after,.drawflow [data-tooltip]::before,.drawflow [data-tooltip]:hover::after,.drawflow [data-tooltip]:hover::before,.drawflow [data-tooltip]:focus-visible::after,.drawflow [data-tooltip]:focus-visible::before{display:none!important;content:none!important;opacity:0!important}.workflow-editor-overlay .node-form-mode-toggle{display:inline-flex;background:var(--surface, rgba(255, 255, 255, 0.04));border:1px solid var(--border, rgba(255, 255, 255, 0.08));border-radius:999px;padding:2px;gap:4px;margin-top:5px}.workflow-editor-overlay .node-form-mode-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border:none;border-radius:999px;background:transparent;color:var(--muted-foreground, #8b8b92);cursor:pointer;transition:all 0.15s ease;padding:0}.workflow-editor-overlay .node-form-mode-btn:hover{color:var(--foreground, #fff);background:rgba(255,255,255,0.06)}.workflow-editor-overlay .node-form-mode-btn.active{background:#fff;color:#1a1a1e;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.workflow-editor-overlay .node-form-mode-btn svg{flex-shrink:0}.workflow-editor-overlay .node-form-body .form-group{margin-bottom:0;margin-top:7px}.workflow-editor-overlay .node-form-body .form-group+.form-group{margin-top:7px}.workflow-editor-overlay .node-form-body .form-group.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workflow-editor-overlay .node-form-body .form-group.form-grid-2col>div{min-width:0}.workflow-editor-overlay .node-form-body .form-group>label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--muted-foreground, #8b8b92);line-height:1.4}.workflow-editor-overlay .node-form-body .form-group>label svg{flex-shrink:0;opacity:0.85}.workflow-editor-overlay textarea:focus,.workflow-editor-overlay input[type=text]:focus,.workflow-editor-overlay input[type=number]:focus,.workflow-editor-overlay input[type=search]:focus,.workflow-editor-overlay select:focus{border-color:var(--primary, #335AF5);outline:none;box-shadow:0 0 0 2px rgba(51,90,245,0.18)}.workflow-editor-overlay .node-form-body input[type=text],.workflow-editor-overlay .node-form-body input[type=number],.workflow-editor-overlay .node-form-body select,.workflow-editor-overlay .node-form-body textarea{border-radius:6px;transition:border-color 0.15s ease,box-shadow 0.15s ease}.node-form-body textarea:focus{border-color:var(--primary)!important}.workflow-editor-overlay .auto-download-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workflow-editor-overlay .grok-video-only{flex:1 1 calc(50% - 3px)}.node-form-body .form-group.grok-video-only{margin-top:0px!important}.workflow-editor-overlay .grok-video-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.workflow-editor-overlay .compact-select:has(>select[id^=grokNode]){width:fit-content}.workflow-editor-overlay .compact-select>select[id^=grokNode]{width:auto}.parent-node .drawflow-delete,.drawflow>.drawflow-delete{line-height:22px}.task-card-status,.workflow-card-status{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;position:relative;cursor:help}.task-card-status svg,.workflow-card-status svg{width:14px;height:14px}.task-card-status.idle,.workflow-card-status.idle{color:var(--muted-foreground, #6b7280)}.task-card-status.running,.workflow-card-status.running{color:#f59e0b}.task-card-status.pending,.workflow-card-status.pending{color:#8b5cf6}.task-card-status.completed,.workflow-card-status.completed{color:#22c55e}.task-card-status.error,.task-card-status.failed,.workflow-card-status.error,.workflow-card-status.failed{color:#ef4444}.task-card-status.skipped,.workflow-card-status.skipped{color:var(--muted-foreground, #6b7280)}.status-icon-spin{animation:status-spin 1s linear infinite}@keyframes status-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.task-card-status[title]:hover::after,.workflow-card-status[title]:hover::after{content:attr(title);position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 6px);padding:4px 8px;background:var(--surface, #1f1f1f);color:var(--foreground, #fff);font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;border:1px solid var(--border, #333);box-shadow:0 2px 8px rgba(0,0,0,0.3);z-index:1000;pointer-events:none}.task-card-status[title]:hover::before,.workflow-card-status[title]:hover::before{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 2px);border:4px solid transparent;border-top-color:var(--border, #333);z-index:1001;pointer-events:none}.theme-light .task-card-status[title]:hover::after,.theme-light .workflow-card-status[title]:hover::after{background:#fff;color:#333;border-color:#e5e7eb}.theme-light .task-card-status[title]:hover::before,.theme-light .workflow-card-status[title]:hover::before{border-top-color:#e5e7eb}.wf-media-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:10000100;opacity:0;transition:opacity 0.2s ease}.wf-media-modal.visible{opacity:1}.wf-media-modal-backdrop{position:absolute;inset:0}.wf-media-modal-content{position:relative;width:92%;max-width:520px;max-height:85vh;background:var(--card, #1c1c1f);border-radius:12px;border:1px solid var(--border, #1e3050);display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,0.5);overflow:hidden}.wf-media-modal.visible .wf-media-modal-content{}.wf-media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, #1e3050)}.wf-media-modal-header h3{margin:0;font-size:15px;font-weight:600;color:var(--foreground, #f8fafc)}.wf-media-modal-close{background:none;border:none;color:var(--muted-foreground, #8b8b92);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all 150ms}.wf-media-modal-close:hover{color:var(--foreground, #f8fafc);background:var(--surface, #252529)}.wf-media-modal-body{flex:1;overflow-y:auto;padding:20px}.wf-media-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;border:2px dashed var(--border-light, #2e2e33);border-radius:10px;background:transparent;text-align:center;cursor:pointer;transition:all 0.2s ease}.wf-media-upload-zone:hover,.wf-media-upload-zone.drag-over{border-color:#fff;background:transparent}.wf-media-upload-zone.drag-over{border-style:solid;transform:scale(1.01)}.wf-media-upload-zone svg{color:var(--muted-foreground, #6b7280);opacity:0.7}.wf-media-upload-hint{margin:0;font-size:14px;font-weight:500;color:var(--foreground, #fff)}.wf-media-upload-or{font-size:12px;color:var(--muted-foreground, #6b7280)}.wf-media-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:none;color:var(--foreground);border:1px solid var(--border-light);border-radius:6px;font-size:13px;font-weight:500;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);cursor:pointer;transition:all 0.15s ease}.wf-media-upload-btn:hover{background:var(--surface-elevated)}.wf-media-upload-btn:focus-visible{box-shadow:0 0 0 2px var(--ring, rgba(255,255,255,0.3));outline:none}.wf-media-upload-btn input[type=file]{display:none}.wf-media-upload-info{margin:8px 0 0;font-size:11px;color:var(--muted-foreground, #6b7280)}.wf-media-upload-progress{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:12px;background:rgba(255,255,255,0.03);border-radius:8px}.wf-media-upload-progress.hidden{display:none}.wf-media-progress-bar{width:100%;height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}.wf-media-progress-fill{height:100%;background:var(--primary, #cdff01);border-radius:3px;transition:width 0.3s ease;width:0%}.wf-media-progress-text{font-size:12px;color:var(--muted-foreground, #6b7280);text-align:center}.wf-media-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:6px;color:#f87171;font-size:12px}.wf-media-error.hidden{display:none}.wf-media-error svg{flex-shrink:0}.wf-media-preview-section{margin-top:20px}.wf-media-preview-section.hidden{display:none}.wf-media-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wf-media-preview-title{font-size:13px;font-weight:600;color:var(--foreground, #fff)}.wf-media-preview-count{font-size:11px;color:var(--muted-foreground, #6b7280);padding:2px 8px;background:rgba(255,255,255,0.06);border-radius:4px}.wf-media-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wf-media-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.15s ease}.wf-media-preview-item:hover{border-color:rgba(255,255,255,0.2)}.wf-media-preview-item.selected{border-color:var(--primary, #cdff01);box-shadow:0 0 0 2px rgba(205,255,1,0.3)}.wf-media-preview-item img,.wf-media-preview-item video{width:100%;height:100%;object-fit:cover}.wf-media-preview-overlay{position:absolute;inset:0;background:rgba(205,255,1,0.25);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.15s ease}.wf-media-preview-item.selected .wf-media-preview-overlay{opacity:1}.wf-media-preview-check{width:32px;height:32px;background:var(--primary, #cdff01);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.wf-media-preview-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;background:rgba(0,0,0,0.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.15s ease}.wf-media-preview-item:hover .wf-media-preview-remove{opacity:1}.wf-media-preview-remove:hover{background:rgba(239,68,68,0.9)}.wf-media-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border, rgba(255, 255, 255, 0.08))}.wf-media-cancel,.wf-media-confirm{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);border-radius:6px;cursor:pointer;transition:all 0.15s ease;outline:none}.wf-media-cancel:focus-visible,.wf-media-confirm:focus-visible{box-shadow:0 0 0 2px var(--ring, rgba(255,255,255,0.3))}.wf-media-cancel{background:transparent;border:1px solid var(--border, rgba(255, 255, 255, 0.15));color:var(--foreground, #fff)}.wf-media-cancel:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.25)}.wf-media-confirm{background:var(--primary, #cdff01);border:1px solid var(--primary, #cdff01);color:#000}.wf-media-confirm:hover:not(:disabled){filter:brightness(1.1)}.wf-media-confirm:disabled{opacity:0.5;cursor:not-allowed}.theme-light .wf-media-modal{background:rgba(0,0,0,0.5)}.theme-light .wf-media-modal-content{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 60px rgba(0,0,0,0.2)}.theme-light .wf-media-modal-header{border-color:#e5e7eb}.theme-light .wf-media-modal-header h3{color:#1f2937}.theme-light .wf-media-upload-zone{border-color:#d1d5db;background:#f9fafb}.theme-light .wf-media-upload-zone:hover,.theme-light .wf-media-upload-zone.drag-over{border-color:var(--primary, #335AF5);background:rgba(51,90,245,0.05)}.theme-light .wf-media-upload-hint{color:#1f2937}.theme-light .wf-media-preview-title{color:#1f2937}.theme-light .wf-media-preview-count{background:#f3f4f6;color:#6b7280}.theme-light .wf-media-preview-item:hover{border-color:#d1d5db}.theme-light .wf-media-modal-footer{border-color:#e5e7eb}.theme-light .wf-media-cancel{border-color:#d1d5db;color:#374151}.theme-light .wf-media-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.theme-light .wf-media-confirm{background:var(--primary, #335AF5);border-color:var(--primary, #335AF5);color:var(--primary-foreground, #fff)}.theme-light .wf-media-confirm:hover:not(:disabled){filter:brightness(0.95)}.theme-light .wf-media-upload-btn{background:var(--primary, #335AF5);border-color:var(--primary, #335AF5);color:var(--primary-foreground, #fff)}.theme-light .wf-media-upload-btn:hover{filter:brightness(0.95)}.theme-light .wf-media-preview-item.selected{border-color:var(--primary, #335AF5);box-shadow:0 0 0 2px rgba(51,90,245,0.3)}.theme-light .wf-media-preview-overlay{background:rgba(51,90,245,0.25)}.theme-light .wf-media-preview-check{background:var(--primary, #335AF5);color:#fff}.theme-light .wf-media-progress-fill{background:var(--primary, #335AF5)}.theme-light .wf-media-cancel:focus-visible,.theme-light .wf-media-confirm:focus-visible{box-shadow:0 0 0 2px var(--ring, rgba(51, 90, 245, 0.5))}.wf-media-modal-with-tabs{max-width:640px}.wf-media-tabs{display:flex;gap:4px;padding:12px 20px;background:rgba(255,255,255,0.02);border-bottom:1px solid var(--border, rgba(255, 255, 255, 0.08))}.wf-media-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--muted-foreground, #6b7280);cursor:pointer;transition:all 0.15s ease}.wf-media-tab:hover{color:var(--foreground, #fff);background:rgba(255,255,255,0.06)}.wf-media-tab.active{color:var(--foreground, #fff);background:rgba(255,255,255,0.1)}.wf-media-tab svg{opacity:0.6}.wf-media-tab.active svg{opacity:1}.wf-media-tab-content{min-height:300px}.wf-media-tab-content.hidden{display:none}.wf-media-library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--muted-foreground, #6b7280);font-size:13px}.wf-media-library-loading.hidden{display:none}.wf-media-library-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--primary, #cdff01);border-radius:50%;animation:wf-media-spin 0.8s linear infinite}.wf-media-library-spinner.small{width:16px;height:16px;border-width:2px}@keyframes wf-media-spin{to{transform:rotate(360deg)}}.wf-media-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--muted-foreground, #6b7280);text-align:center}.wf-media-library-empty.hidden{display:none}.wf-media-library-empty svg{opacity:0.5}.wf-media-library-empty p{margin:0;font-size:14px}.wf-media-library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wf-media-library-grid.hidden{display:none}.wf-media-library-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.15s ease;background:rgba(255,255,255,0.03)}.wf-media-library-item:hover{border-color:rgba(255,255,255,0.2)}.wf-media-library-item.selected{border-color:var(--primary, #cdff01);box-shadow:0 0 0 2px rgba(205,255,1,0.3)}.wf-media-library-item img,.wf-media-library-item video{width:100%;height:100%;object-fit:cover}.wf-media-library-overlay{position:absolute;inset:0;background:rgba(205,255,1,0.25);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.15s ease}.wf-media-library-item.selected .wf-media-library-overlay{opacity:1}.wf-media-library-check{width:32px;height:32px;background:var(--primary, #cdff01);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.wf-media-library-loadmore{display:flex;justify-content:center;padding:16px 0 4px}.wf-media-library-loadmore.hidden{display:none}.wf-media-loadmore-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid var(--border, rgba(255, 255, 255, 0.15));border-radius:6px;color:var(--foreground, #fff);font-size:13px;font-weight:500;cursor:pointer;transition:all 0.15s ease}.wf-media-loadmore-btn:hover:not(:disabled){background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.25)}.wf-media-loadmore-btn:disabled{opacity:0.6;cursor:not-allowed}.theme-light .wf-media-tabs{background:#f9fafb;border-color:#e5e7eb}.theme-light .wf-media-tab{color:#6b7280}.theme-light .wf-media-tab:hover{color:#1f2937;background:rgba(0,0,0,0.05)}.theme-light .wf-media-tab.active{color:#1f2937;background:rgba(0,0,0,0.08)}.theme-light .wf-media-library-spinner{border-color:#e5e7eb;border-top-color:var(--primary, #335AF5)}.theme-light .wf-media-library-item{background:#f3f4f6}.theme-light .wf-media-library-item:hover{border-color:#d1d5db}.theme-light .wf-media-library-item.selected{border-color:var(--primary, #335AF5);box-shadow:0 0 0 2px rgba(51,90,245,0.3)}.theme-light .wf-media-library-overlay{background:rgba(51,90,245,0.25)}.theme-light .wf-media-library-check{background:var(--primary, #335AF5);color:#fff}.theme-light .wf-media-loadmore-btn{color:#374151;border-color:#d1d5db}.theme-light .wf-media-loadmore-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.wf-preview-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000001;padding:20px}.wf-preview-modal{width:100%;max-width:900px;max-height:90vh;background:var(--card, #252529);border-radius:12px;border:1px solid var(--border, rgba(255, 255, 255, 0.1));box-shadow:0 20px 48px rgba(0,0,0,0.4);display:flex;flex-direction:column;overflow:hidden}.wf-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border, rgba(255, 255, 255, 0.08))}.wf-preview-header-left{flex:1;min-width:0}.wf-preview-title{font-size:18px;font-weight:600;color:var(--foreground, #fff);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-preview-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wf-preview-category{padding:4px 10px;background:rgba(99,102,241,0.15);color:#a5b4fc;border-radius:999px;font-size:11px;font-weight:500}.wf-preview-uses{display:flex;align-items:center;gap:4px;color:var(--muted-foreground, #8b8b92);font-size:12px}.wf-preview-uses svg{opacity:0.7}.wf-preview-premium-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:999px;font-size:11px;font-weight:600}.wf-preview-premium-badge svg{fill:currentColor}.wf-preview-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--muted-foreground, #8b8b92);cursor:pointer;flex-shrink:0;transition:all 0.15s ease}.wf-preview-close-btn:hover{background:rgba(255,255,255,0.1);color:var(--foreground, #fff)}.wf-preview-description{padding:12px 20px;font-size:13px;color:var(--muted-foreground, #8b8b92);border-bottom:1px solid var(--border, rgba(255, 255, 255, 0.08));line-height:1.5}.wf-preview-canvas-container{flex:1;min-height:400px;max-height:500px;overflow:hidden;background:var(--background, #1c1c1f)}.wf-preview-canvas{width:100%;height:100%}.wf-preview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted-foreground, #8b8b92);text-align:center;gap:12px}.wf-preview-error svg{opacity:0.5}.wf-preview-error p{font-size:13px;margin:0}.wf-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid var(--border, rgba(255, 255, 255, 0.08))}.wf-preview-admin-actions{display:flex;align-items:center;gap:8px}.wf-preview-user-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.wf-preview-edit-btn,.wf-preview-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.wf-preview-edit-btn{background:rgba(255,255,255,0.08);border:1px solid var(--border, rgba(255, 255, 255, 0.15));color:var(--foreground, #fff)}.wf-preview-edit-btn:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.25)}.wf-preview-delete-btn{background:rgba(220,38,38,0.15);border:1px solid rgba(220,38,38,0.3);color:#f87171}.wf-preview-delete-btn:hover{background:rgba(220,38,38,0.25);border-color:rgba(220,38,38,0.5)}.wf-preview-copy-btn,.wf-preview-import-btn{display:inline-flex;align-items:center;gap:6px}.wf-preview-upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s ease}.wf-preview-upgrade-btn:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-1px);box-shadow:0 4px 16px rgba(245,158,11,0.35)}.wf-preview-upgrade-btn svg{flex-shrink:0}.theme-light .wf-preview-modal-overlay{background:rgba(0,0,0,0.5)}.theme-light .wf-preview-modal{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 48px rgba(0,0,0,0.2)}.theme-light .wf-preview-header{border-color:#e5e7eb}.theme-light .wf-preview-title{color:#1f2937}.theme-light .wf-preview-category{background:rgba(99,102,241,0.1);color:#6366f1}.theme-light .wf-preview-uses{color:#6b7280}.theme-light .wf-preview-close-btn{color:#6b7280}.theme-light .wf-preview-close-btn:hover{background:rgba(0,0,0,0.05);color:#1f2937}.theme-light .wf-preview-description{color:#6b7280;border-color:#e5e7eb}.theme-light .wf-preview-canvas-container{background:#f9fafb}.theme-light .wf-preview-footer{border-color:#e5e7eb}.theme-light .wf-preview-edit-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}.theme-light .wf-preview-edit-btn:hover{background:#e5e7eb;border-color:#9ca3af}.theme-light .wf-preview-delete-btn{background:rgba(220,38,38,0.1);border-color:rgba(220,38,38,0.25);color:#dc2626}.theme-light .wf-preview-delete-btn:hover{background:rgba(220,38,38,0.15);border-color:rgba(220,38,38,0.4)}.save-template-modal{position:fixed;inset:0;z-index:10000100;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease}.save-template-modal.visible{opacity:1}.save-template-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(4px)}.save-template-content{position:relative;width:100%;max-width:480px;max-height:90vh;margin:20px;background:var(--surface, #252529);border:1px solid var(--border, rgba(255, 255, 255, 0.08));border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.5);display:flex;flex-direction:column;overflow:hidden;transform:translateY(10px);transition:transform 0.2s ease}.save-template-modal.visible .save-template-content{transform:translateY(0)}.save-template-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.save-template-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;color:var(--foreground, #e8e8ea)}.save-template-header h3 svg{color:var(--primary, #cdff01)}.save-template-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--muted-foreground, #8b8b92);cursor:pointer;transition:all 0.15s ease}.save-template-close:hover{background:rgba(255,255,255,0.08);color:var(--foreground)}.save-template-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.save-template-field{display:flex;flex-direction:column;gap:6px}.save-template-field label{font-size:12px;font-weight:500;color:var(--foreground, #e8e8ea)}.save-template-field label .required{color:var(--destructive, #ef4444);margin-left:2px}.save-template-field input[type=text],.save-template-field textarea,.save-template-field select{width:100%;padding:10px 12px;background:var(--input, #1c1c1f);border:1px solid var(--border, rgba(255, 255, 255, 0.08));border-radius:8px;color:var(--foreground, #e8e8ea);font-size:13px;font-family:inherit;transition:border-color 0.15s ease,box-shadow 0.15s ease}.save-template-field input[type=text]:focus,.save-template-field textarea:focus,.save-template-field select:focus{outline:none;border-color:var(--primary, #cdff01)!important;box-shadow:0 0 0 3px rgba(205,255,1,0.15)}.save-template-field textarea{resize:vertical;min-height:70px}.save-template-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b8b92' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.save-template-hint{display:block;margin-top:4px;font-size:11px;color:var(--text-tertiary)}.save-template-field input[type=url]{padding:8px 12px;font-size:13px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);transition:all 0.15s ease}.save-template-field input[type=url]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(205,255,1,0.15)}.save-template-thumbnail-picker{position:relative;display:inline-block;align-self:flex-start}.save-template-thumbnail-picker .thumbnail-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:160px;aspect-ratio:16 / 9;background:var(--input, #1c1c1f);border:2px dashed var(--border, rgba(255, 255, 255, 0.15));border-radius:8px;cursor:pointer;transition:all 0.15s ease;overflow:hidden}.save-template-thumbnail-picker .thumbnail-preview:hover{border-color:var(--primary, #cdff01);background:transparent}.save-template-thumbnail-picker .thumbnail-preview svg{color:var(--muted-foreground, #6b6b73)}.save-template-thumbnail-picker .thumbnail-preview span{font-size:11px;color:var(--muted-foreground, #8b8b92)}.save-template-thumbnail-picker .thumbnail-preview.has-image{border-style:solid;border-color:var(--border)}.save-template-thumbnail-picker .thumbnail-preview.has-image img{width:100%;height:100%;object-fit:cover}.save-template-thumbnail-picker .thumbnail-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--destructive, #ef4444);border:2px solid var(--surface);border-radius:50%;color:#fff;cursor:pointer;transition:all 0.15s ease}.save-template-thumbnail-picker .thumbnail-remove:hover{transform:scale(1.1)}.save-template-toggles{display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--muted, #2a2a2e);border-radius:8px}.save-template-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.save-template-toggle input{display:none}.save-template-toggle .toggle-track{position:relative;width:36px;height:20px;background:var(--border, rgba(255, 255, 255, 0.12));border-radius:10px;transition:background 0.2s ease;flex-shrink:0}.save-template-toggle .toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--background);border-radius:50%;transition:transform 0.2s ease}.save-template-toggle input:checked+.toggle-track{background:var(--primary, #cdff01)}.save-template-toggle input:checked+.toggle-track .toggle-thumb{transform:translateX(16px)}.save-template-toggle .toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--foreground, #e8e8ea)}.save-template-toggle .toggle-label svg{color:var(--muted-foreground, #8b8b92)}.save-template-toggle input:checked~.toggle-label svg{color:var(--primary, #cdff01)}.save-template-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.3);border-radius:6px;color:#ef4444;font-size:12px}.save-template-error svg{flex-shrink:0}.save-template-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.save-template-footer .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.save-template-footer .btn-secondary{background:transparent;border:1px solid var(--border);color:var(--foreground)}.save-template-footer .btn-secondary:hover{background:rgba(255,255,255,0.05);border-color:var(--border-light)}.save-template-footer .btn-primary{background:#ffffff;border:1px solid #ffffff;color:#1a1a1e}.save-template-footer .btn-primary:hover{background:rgba(255,255,255,0.85)}.save-template-footer .btn-primary:disabled{opacity:0.6;cursor:not-allowed}.save-template-footer .btn-primary svg.spin{animation:saveTemplateSpin 0.8s linear infinite}@keyframes saveTemplateSpin{to{transform:rotate(360deg)}}.btn-save-template{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;white-space:nowrap;background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);border:0;border-radius:6px;color:var(--background, #000);cursor:pointer;transition:all 0.15s ease}.btn-save-template:hover{background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%)!important;filter:brightness(1.1)}.btn-save-template svg{flex-shrink:0}.btn-publish-template svg{flex-shrink:0}.theme-light .save-template-content{background:#fff;border-color:#e5e7eb}.theme-light .save-template-header{border-color:#e5e7eb}.theme-light .save-template-header h3{color:#1f2937}.theme-light .save-template-field label{color:#374151}.theme-light .save-template-field input,.theme-light .save-template-field textarea,.theme-light .save-template-field select{background:#f9fafb;border-color:#d1d5db;color:#1f2937}.theme-light .save-template-toggles{background:#f3f4f6}.theme-light .save-template-toggle .toggle-track{background:#d1d5db}.theme-light .save-template-toggle .toggle-label{color:#374151}.theme-light .save-template-footer{border-color:#e5e7eb}.theme-light .btn-save-template{background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);border-color:transparent;color:#000}.theme-light .btn-save-template:hover{background:linear-gradient(90deg,rgb(204,255,0) 0%,rgb(234,255,152) 100%);border-color:transparent}.wf-preview-modal-overlay{opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease}.wf-preview-modal-overlay.visible{opacity:1;visibility:visible}.wf-preview-modal{transform:scale(0.95) translateY(10px);transition:transform 0.2s ease}.wf-preview-modal-overlay.visible .wf-preview-modal{transform:scale(1) translateY(0)}.wf-preview-canvas-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted-foreground, #8b8b92);font-size:13px}.wf-preview-canvas-loading svg{animation:wfPreviewSpin 1s linear infinite;margin-right:8px}@keyframes wfPreviewSpin{to{transform:rotate(360deg)}}.wf-canvas-readonly::before{content:"";position:absolute;top:0px;left:0px;right:0px;height:100%;background:linear-gradient(135deg,rgba(99,102,241,0.08),transparent);pointer-events:none;z-index:10}.wf-canvas-readonly-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(99,102,241,0.15);border:1px solid rgba(99,102,241,0.3);border-radius:6px;font-size:11px;font-weight:500;color:#a5b4fc;z-index:100;pointer-events:none}.wf-canvas-readonly-badge svg{width:12px;height:12px;opacity:0.8}.wf-admin-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;background:rgba(99,102,241,0.12);border:1px solid rgba(99,102,241,0.25);border-radius:5px;color:#a5b4fc;cursor:pointer;transition:all 0.15s ease}.wf-admin-action-btn:hover{background:rgba(99,102,241,0.2);border-color:rgba(99,102,241,0.4)}.wf-admin-action-btn svg{width:12px;height:12px;flex-shrink:0}.wf-admin-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(99,102,241,0.2));border:1px solid rgba(139,92,246,0.3);border-radius:4px;font-size:10px;font-weight:600;color:#c4b5fd;text-transform:uppercase;letter-spacing:0.5px}.wf-admin-badge svg{width:10px;height:10px}.wf-publish-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.wf-publish-toggle.published{background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.3);color:#4ade80}.wf-publish-toggle.published:hover{background:rgba(34,197,94,0.2);border-color:rgba(34,197,94,0.5)}.wf-publish-toggle.unpublished{background:rgba(251,191,36,0.12);border:1px solid rgba(251,191,36,0.3);color:#fbbf24}.wf-publish-toggle.unpublished:hover{background:rgba(251,191,36,0.2);border-color:rgba(251,191,36,0.5)}.theme-light .workflow-editor-overlay.wf-preview-mode .workflow-editor-header::after{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.25);color:#6366f1}.theme-light .wf-canvas-readonly-badge{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.2);color:#6366f1}.theme-light .wf-admin-action-btn{background:rgba(99,102,241,0.08);border-color:rgba(99,102,241,0.2);color:#6366f1}.theme-light .wf-admin-action-btn:hover{background:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.35)}.theme-light .wf-admin-badge{background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(99,102,241,0.1));border-color:rgba(139,92,246,0.2);color:#7c3aed}.theme-light .wf-publish-toggle.published{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.25);color:#16a34a}.theme-light .wf-publish-toggle.unpublished{background:rgba(251,191,36,0.08);border-color:rgba(251,191,36,0.25);color:#d97706}@media (max-width: 600px){.wf-media-modal-content{max-width:100%;margin:12px;max-height:calc(100vh - 24px)}.wf-media-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.wf-media-upload-zone{padding:24px 16px}.save-template-content{max-width:100%;margin:12px;max-height:calc(100vh - 24px)}.save-template-thumbnail-picker .thumbnail-preview{width:140px;height:88px}.save-template-toggles{padding:10px}.wf-preview-modal{max-width:100%;margin:12px;max-height:calc(100vh - 24px)}.wf-preview-canvas-container{min-height:300px;max-height:350px}.wf-preview-footer{flex-direction:column;gap:12px}.wf-preview-admin-actions,.wf-preview-user-actions{width:100%;justify-content:center}.wf-preview-user-actions{margin-left:0}}.wf-media-modal-close:focus-visible,.save-template-close:focus-visible,.wf-preview-close-btn:focus-visible{outline:2px solid var(--primary, #cdff01);outline-offset:2px}.wf-media-confirm:focus-visible,.wf-media-cancel:focus-visible,.wf-media-upload-btn:focus-visible,.save-template-footer .btn:focus-visible,.wf-preview-edit-btn:focus-visible,.wf-preview-delete-btn:focus-visible{outline:2px solid var(--primary, #cdff01);outline-offset:2px}.btn-save-template:focus-visible{outline:2px solid var(--primary, #cdff01);outline-offset:2px}.theme-light .wf-media-modal-close:focus-visible,.theme-light .save-template-close:focus-visible,.theme-light .wf-preview-close-btn:focus-visible,.theme-light .wf-media-confirm:focus-visible,.theme-light .wf-media-cancel:focus-visible,.theme-light .wf-media-upload-btn:focus-visible,.theme-light .save-template-footer .btn:focus-visible{outline-color:var(--primary, #335AF5)}.theme-light .btn-save-template:focus-visible{outline-color:#16a34a}.wf-preview-edit-btn:disabled,.wf-preview-delete-btn:disabled,.wf-admin-action-btn:disabled,.wf-publish-toggle:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.save-template-field.has-error input,.save-template-field.has-error textarea,.save-template-field.has-error select{border-color:var(--destructive, #ef4444)!important;box-shadow:0 0 0 3px rgba(239,68,68,0.15)!important}.save-template-field .field-error{font-size:11px;color:var(--destructive, #ef4444);margin-top:4px}.theme-light .save-template-field.has-error input,.theme-light .save-template-field.has-error textarea,.theme-light .save-template-field.has-error select{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,0.1)!important}.theme-light .save-template-field .field-error{color:#dc2626}.template-mode-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(139,92,246,0.15));border:1px solid rgba(99,102,241,0.3);border-radius:4px;font-size:9px;font-weight:600;color:#a5b4fc;text-transform:uppercase;letter-spacing:0.5px;margin-left:8px}.template-mode-badge svg{opacity:0.8}.theme-light .template-mode-badge{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(139,92,246,0.1));border-color:rgba(99,102,241,0.25);color:#6366f1}.template-ref-images-group{margin-top:8px}.template-ref-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin-top:10px;margin-bottom:10px;min-height:40px}#promptNodeTimeout{width:80px;font-size:12px;height:25px}.template-ref-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;background:var(--surface, #252529);border:1px dashed var(--border, rgba(255, 255, 255, 0.1));border-radius:8px;grid-column:1 / -1}.template-ref-empty svg{color:var(--muted-foreground, #6b6b73);opacity:0.5}.template-ref-empty span{font-size:11px;color:var(--muted-foreground, #6b6b73)}.theme-light .template-ref-empty{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.1)}.template-ref-thumb{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:visible;border:2px solid var(--border, rgba(255, 255, 255, 0.1));transition:border-color 0.15s ease,transform 0.15s ease;cursor:pointer}.template-ref-thumb:hover{border-color:var(--primary, #6366f1);transform:scale(1.02)}.template-ref-thumb img,.template-ref-thumb video{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.template-ref-video-badge{position:absolute;left:5px;bottom:5px;z-index:2;padding:2px 5px;border-radius:4px;background:rgba(0,0,0,0.72);color:#fff;font-size:9px;font-weight:700;line-height:1.2;pointer-events:none}.template-ref-thumb-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--destructive, #ef4444);border:2px solid var(--background, #1c1c1f);border-radius:50%;color:#fff;cursor:pointer;opacity:0;transform:scale(0.8);transition:opacity 0.15s ease,transform 0.15s ease;z-index:10}.template-ref-thumb:hover .template-ref-thumb-remove{opacity:1;transform:scale(1)}.template-ref-thumb-remove:hover{background:#dc2626}.theme-light .template-ref-thumb-remove{border-color:#fff}.template-ref-add-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(139,92,246,0.1));border:1px dashed rgba(99,102,241,0.4);border-radius:8px;color:#a5b4fc;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s ease}.template-ref-add-btn:hover{background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(139,92,246,0.2));border-color:rgba(99,102,241,0.6);color:#c7d2fe}.template-ref-add-btn svg{flex-shrink:0}.theme-light .template-ref-add-btn{background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(139,92,246,0.08));border-color:rgba(99,102,241,0.3);color:#6366f1}.theme-light .template-ref-add-btn:hover{background:linear-gradient(135deg,rgba(99,102,241,0.15),rgba(139,92,246,0.15));border-color:rgba(99,102,241,0.5);color:#4f46e5}.template-result-image-group{margin-top:12px;padding-top:12px;border-top:1px solid var(--border, rgba(255, 255, 255, 0.08))}.template-result-image-group>label .optional-badge{font-size:10px;font-weight:normal;padding:2px 6px;background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.3);border-radius:4px;color:#a78bfa;margin-left:6px}.theme-light .template-result-image-group>label .optional-badge{background:rgba(139,92,246,0.08);border-color:rgba(139,92,246,0.25);color:#7c3aed}.template-result-image-preview{margin-top:10px;margin-bottom:10px;min-height:80px}.template-result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:var(--surface, #252529);border:1px dashed var(--border, rgba(255, 255, 255, 0.1));border-radius:8px}.template-result-empty svg{color:var(--muted-foreground, #6b6b73);opacity:0.4}.template-result-empty span{font-size:11px;color:var(--muted-foreground, #6b6b73)}.template-result-empty--ratio{width:100%;max-width:200px;padding:10px;transition:aspect-ratio 0.2s ease,max-width 0.2s ease}.template-result-empty--ratio.ratio-16-9{aspect-ratio:16/9}.template-result-empty--ratio.ratio-4-3{aspect-ratio:4/3}.template-result-empty--ratio.ratio-1-1{aspect-ratio:1/1;max-width:150px}.template-result-empty--ratio.ratio-3-4{aspect-ratio:3/4;max-width:120px}.template-result-empty--ratio.ratio-9-16{aspect-ratio:9/16;max-width:100px}.theme-light .template-result-empty{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.1)}.template-result-thumb{position:relative;width:100%;max-width:200px;aspect-ratio:16/9;border-radius:10px;border:2px solid var(--primary, #6366f1);box-shadow:0 4px 12px rgba(99,102,241,0.15);transition:transform 0.15s ease,box-shadow 0.15s ease,aspect-ratio 0.2s ease}.template-result-thumb.ratio-16-9{aspect-ratio:16/9}.template-result-thumb.ratio-4-3{aspect-ratio:4/3}.template-result-thumb.ratio-1-1{aspect-ratio:1/1;max-width:150px}.template-result-thumb.ratio-3-4{aspect-ratio:3/4;max-width:120px}.template-result-thumb.ratio-9-16{aspect-ratio:9/16;max-width:100px}.template-result-thumb:hover{transform:scale(1.02);box-shadow:0 6px 16px rgba(99,102,241,0.25)}.template-result-thumb img,.template-result-thumb video{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.template-result-thumb-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--destructive, #ef4444);border:2px solid var(--background, #1c1c1f);border-radius:50%;color:#fff;cursor:pointer;opacity:0;transform:scale(0.8);transition:opacity 0.15s ease,transform 0.15s ease;z-index:10;box-shadow:0 2px 6px rgba(0,0,0,0.3)}.template-result-thumb:hover .template-result-thumb-remove{opacity:1;transform:scale(1)}.template-result-thumb-remove:hover{background:#dc2626}.theme-light .template-result-thumb-remove{border-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.15)}.template-result-select-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 14px;background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(34,197,94,0.08));border:1px dashed rgba(16,185,129,0.4);border-radius:8px;color:#10b981;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.15s ease}.template-result-select-btn:hover{background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(34,197,94,0.15));border-color:rgba(16,185,129,0.6);color:#059669}.template-result-select-btn svg{flex-shrink:0}.theme-light .template-result-select-btn{background:linear-gradient(135deg,rgba(16,185,129,0.06),rgba(34,197,94,0.06));border-color:rgba(16,185,129,0.35);color:#059669}.theme-light .template-result-select-btn:hover{background:linear-gradient(135deg,rgba(16,185,129,0.12),rgba(34,197,94,0.12));border-color:rgba(16,185,129,0.5);color:#047857}.wf-shared-banner{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(99,102,241,0.15));border:1px solid rgba(99,102,241,0.4);border-radius:10px;backdrop-filter:blur(8px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.wf-shared-banner-icon{font-size:18px;line-height:1}.wf-shared-banner-text{font-size:13px;font-weight:500;color:var(--foreground)}.wf-shared-banner-btn{padding:6px 12px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease;white-space:nowrap}.wf-shared-banner-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,0.4)}.wf-shared-banner-btn:active{transform:translateY(0)}.theme-light .wf-shared-banner{background:linear-gradient(135deg,rgba(59,130,246,0.1),rgba(99,102,241,0.1));border-color:rgba(99,102,241,0.3)}.wf-readonly-hide{display:none!important}.wf-subtab-blocked{position:relative}.wf-subtab-blocked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,14,0.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;border-radius:inherit}.wf-subtab-blocked-card{text-align:center;padding:32px 24px;max-width:300px}.wf-subtab-blocked-icon{color:var(--muted-foreground);margin-bottom:16px}.wf-subtab-blocked-icon svg{opacity:0.6}.wf-subtab-blocked-title{margin:0 0 8px 0;font-size:16px;font-weight:600;color:var(--foreground)}.wf-subtab-blocked-msg{margin:0 0 20px 0;font-size:12px;line-height:1.6;color:var(--muted-foreground, #8b8b92)}.wf-subtab-blocked-msg strong{color:var(--foreground)}.wf-subtab-blocked-cta{background:#fff;color:#1a1a1e;border:none;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.2s;min-width:120px}.wf-subtab-blocked-cta:hover{opacity:0.9}.wf-subtab-blocked-cta--upgrade{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.theme-light .wf-subtab-blocked-overlay{background:rgba(248,250,252,0.85)}.wf-upgrade-link{display:flex;align-items:center;gap:4px;padding:4px 8px;min-width:80px;background:linear-gradient(90deg,#fbbf24 0%,#f97316 100%);border:none;border-radius:12px;color:var(--background);font-size:11px;font-weight:500;cursor:pointer;transition:all 0.2s ease}.wf-upgrade-link:hover{filter:brightness(1.1)}.wf-upgrade-link svg{flex-shrink:0}.workflow-editor .btn-secondary:not(.btn-icon-only){min-width:98px}.shared-workflows-section{width:100%;margin-top:20px;padding-top:16px;border-top:1px solid var(--border, rgba(255, 255, 255, 0.08));box-sizing:border-box}.shared-workflows-header{display:flex;align-items:center;gap:8px;padding:0 4px 8px;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--muted-foreground, #8b8b92)}.shared-workflows-header svg{width:16px;height:16px;color:var(--primary, #ccff00)}.shared-workflows-count{font-weight:400;color:var(--muted-foreground, #8b8b92);opacity:0.7}.shared-workflows-list{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.shared-workflows-list>.workflow-card{width:100%;box-sizing:border-box}.theme-light .shared-workflows-header svg{color:var(--primary, #335AF5)}.prompt-result-label{display:flex;align-items:center;gap:8px}.prompt-result-source-badge{font-size:12px;padding:4px 8px;border-radius:4px;font-weight:500;line-height:12px;margin-bottom:5px}.prompt-result-source-badge.warning{background:rgba(var(--warning-rgb, 245, 158, 11),0.2);color:var(--warning, #f59e0b)}.prompt-result-source-badge.success{background:rgba(16,163,127,0.18);border:1px solid rgba(16,163,127,0.35);color:var(--success, #22c55e)}.prompt-result-text{font-size:12px;color:var(--foreground);background:var(--muted);padding:10px 12px;border-radius:6px;border:1px solid var(--border);white-space:pre-wrap;max-height:200px;overflow-y:auto;line-height:1.5}.copy-prompt-result-btn{margin-top:8px;display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:11px;background:var(--primary);color:var(--background);border:none;border-radius:4px;cursor:pointer;transition:background 0.2s,opacity 0.2s}.copy-prompt-result-btn:hover{opacity:0.9}.copy-prompt-result-btn.copied{background:var(--success, #22c55e)}.wf-confirm-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:10000002;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn 0.15s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.wf-confirm-modal{background:var(--surface);border-radius:12px;max-width:420px;width:100%;box-shadow:0 16px 48px rgba(0,0,0,0.3);overflow:hidden;animation:slideUp 0.2s ease}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wf-confirm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.wf-confirm-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.wf-confirm-close-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:6px;transition:all 0.15s ease}.wf-confirm-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.wf-confirm-body{padding:18px}.wf-confirm-template-info{display:flex;gap:14px;margin-bottom:16px}.wf-confirm-thumb{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--hover-bg)}.wf-confirm-thumb-img{width:100%;height:100%;object-fit:cover}.wf-confirm-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.wf-confirm-details{flex:1;min-width:0}.wf-confirm-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-confirm-desc{font-size:12px;color:var(--text-secondary);margin:0 0 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wf-confirm-meta{display:flex;align-items:center;gap:12px}.wf-confirm-nodes{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary)}.wf-confirm-nodes svg{opacity:0.6}.wf-confirm-message{display:flex;gap:10px;padding:12px 14px;background:rgba(59,130,246,0.1);border-radius:8px;border:1px solid rgba(59,130,246,0.2)}.wf-confirm-message svg{flex-shrink:0;color:var(--primary);margin-top:1px}.wf-confirm-message span{font-size:12px;color:var(--text-secondary);line-height:1.5}.wf-confirm-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border);background:var(--hover-bg)}.wf-confirm-cancel-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all 0.15s ease}.wf-confirm-cancel-btn:hover{color:var(--text-primary);background:var(--surface)}.wf-confirm-use-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;color:var(--background);background:var(--primary);border:none;border-radius:6px;cursor:pointer;transition:all 0.15s ease}.wf-confirm-use-btn:hover{background:var(--primary-hover, #2563eb)}.wf-confirm-use-btn:focus{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.theme-light .wf-confirm-modal{background:white}.theme-light .wf-confirm-modal-overlay{background:rgba(0,0,0,0.4)}.theme-light .wf-confirm-message{background:rgba(59,130,246,0.08)}.theme-light .wf-confirm-footer{background:rgba(0,0,0,0.02)}.mention-autocomplete{position:absolute;z-index:1000;min-width:280px;max-width:360px;max-height:300px;overflow-y:auto;background:var(--popover, #1a1a1a);border:1px solid var(--border, #333);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05);padding:4px}.mention-autocomplete:empty{display:none}.mention-autocomplete .mention-autocomplete-item{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:2px;border-radius:6px;cursor:pointer;transition:background 0.1s ease}.mention-autocomplete .mention-autocomplete-item:last-child{margin-bottom:0}.mention-autocomplete .mention-autocomplete-item:hover,.mention-autocomplete .mention-autocomplete-item.active{background:rgba(255,255,255,0.08)}.mention-autocomplete .mention-autocomplete-item.active{background:rgba(59,130,246,0.15)}.mention-autocomplete .mention-autocomplete-thumb{width:28px;height:28px;border-radius:4px;background:var(--muted);background-size:cover;background-position:center;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px}.mention-autocomplete .mention-autocomplete-thumb.text-icon{background:rgba(251,191,36,0.15);color:#fbbf24;font-size:14px}.mention-autocomplete .mention-autocomplete-thumb.image-icon{background:rgba(59,130,246,0.15);color:#3b82f6}.mention-autocomplete .mention-autocomplete-info{flex:1;min-width:0;overflow:hidden}.mention-autocomplete .mention-autocomplete-slug{font-size:12px;font-weight:500;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-autocomplete .mention-autocomplete-slug::before{content:"@";color:var(--primary)}.mention-autocomplete .mention-autocomplete-name{font-size:11px;font-weight:400;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-autocomplete .mention-autocomplete-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted-foreground);margin-top:1px}.mention-autocomplete .mention-autocomplete-type{text-transform:capitalize}.mention-autocomplete .mention-autocomplete-connected{color:#22c55e;display:inline-flex;align-items:center}.mention-autocomplete .mention-autocomplete-not-connected{color:var(--muted-foreground);opacity:0.6;display:inline-flex;align-items:center}.mention-autocomplete .mention-autocomplete-empty{padding:12px 16px;text-align:center;color:var(--muted-foreground);font-size:12px}.mention-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 4px;margin:0 2px;background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.3);border-radius:4px;font-size:12px;font-weight:500;color:#3b82f6;cursor:pointer;transition:all 0.15s ease;vertical-align:baseline}.mention-chip:hover{background:rgba(59,130,246,0.25);border-color:rgba(59,130,246,0.5)}.mention-chip.text-type{background:rgba(251,191,36,0.15);border-color:rgba(251,191,36,0.3);color:#f59e0b}.mention-chip.text-type:hover{background:rgba(251,191,36,0.25);border-color:rgba(251,191,36,0.5)}.mention-chip.invalid{background:rgba(239,68,68,0.15);border-color:rgba(239,68,68,0.3);color:#ef4444;text-decoration:line-through}.mention-chip-thumb{width:16px;height:16px;border-radius:3px;background-size:cover;background-position:center;flex-shrink:0}.mention-chip-icon{font-size:12px;flex-shrink:0}.mention-chip-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-chip-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:2px;border-radius:50%;background:transparent;color:currentColor;opacity:0.6;cursor:pointer;transition:all 0.1s ease}.mention-chip-remove:hover{opacity:1;background:rgba(0,0,0,0.1)}.prompt-mention-wrapper{position:relative}.prompt-mention-wrapper textarea{height:220px;padding-bottom:36px}.prompt-textarea-inner{position:relative}.prompt-mention-hint{position:absolute;bottom:8px;right:8px;font-size:10px;color:var(--muted-foreground);opacity:0.6;pointer-events:none}.prompt-textarea-inner .mention-preview-toggle{position:absolute;bottom:12px;right:8px;z-index:2;margin:0;display:inline-flex;justify-content:flex-end}.mention-mode-row{display:flex;gap:12px;margin-bottom:8px}.mention-mode-group{flex:1;min-width:0}.mention-mode-label{display:block;font-size:11px;font-weight:500;color:var(--muted-foreground);margin-bottom:4px}.mention-mode-select{width:100%;padding:6px 28px 6px 10px;font-size:12px;color:var(--foreground);background:var(--input);border:1px solid var(--border);border-radius:6px;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.mention-mode-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(59,130,246,0.2)}.mention-mode-select:disabled{opacity:0.5;cursor:not-allowed}.mention-mode-advanced{margin-top:0;font-size:11px}.mention-mode-advanced summary{cursor:pointer;color:var(--muted-foreground);user-select:none;padding:4px 0;display:flex;align-items:center;gap:4px;list-style:none}.mention-mode-advanced summary::-webkit-details-marker{display:none}.mention-mode-advanced summary:hover{color:var(--foreground)}.mention-mode-advanced summary::marker{display:none;font-size:0}.mention-mode-advanced summary::after{content:"";width:12px;height:12px;margin-left:auto;background-color:var(--foreground);-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:transform 0.15s ease;opacity:0.6}.mention-mode-advanced summary:hover::after{opacity:1}.mention-mode-advanced[open] summary::after{transform:rotate(180deg)}.mention-mode-advanced[open] summary{margin-bottom:8px}.mention-mode-advanced .mention-mode-row{padding:8px;background:var(--muted);border-radius:6px}.prompt-advanced-settings[open]{margin-top:4px;padding:8px 10px;background:var(--muted);border-radius:6px}.prompt-advanced-settings .form-group{margin-bottom:8px}.prompt-advanced-settings .form-group:last-child{margin-bottom:0}#nodeVoicePickerGroup{padding-top:4px}.theme-light .mention-autocomplete{background:white;box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.05)}.theme-light .mention-autocomplete .mention-autocomplete-item:hover,.theme-light .mention-autocomplete .mention-autocomplete-item.active{background:rgba(0,0,0,0.04)}.theme-light .mention-autocomplete .mention-autocomplete-item.active{background:rgba(59,130,246,0.1)}@media (max-width: 768px){.mention-autocomplete{min-width:100%;max-width:100%;left:0!important;right:0;max-height:50vh;border-radius:12px 12px 0 0;bottom:0;top:auto!important;position:fixed;padding:8px}.mention-autocomplete .mention-autocomplete-item{padding:12px 14px;min-height:56px;touch-action:manipulation}.mention-autocomplete .mention-autocomplete-thumb{width:48px;height:48px}.mention-autocomplete .mention-autocomplete-slug{font-size:15px}.mention-autocomplete .mention-autocomplete-name{font-size:13px}.mention-autocomplete .mention-autocomplete-meta{font-size:12px}.mention-autocomplete .mention-autocomplete-recent{padding:8px 14px;font-size:14px;min-height:40px}.mention-autocomplete-section-header{font-size:12px;padding:8px 14px}.mention-chips-preview-chip{padding:8px 12px;min-height:36px}}@media (hover: none) and (pointer: coarse){.mention-autocomplete-item:active{background:rgba(59,130,246,0.2);transform:scale(0.98)}.mention-autocomplete-recent:active{background:rgba(59,130,246,0.25);transform:scale(0.98)}}.mention-chips-preview{display:flex;flex-wrap:nowrap;gap:6px;margin-top:0px;padding:0px 0px 10px 0px;border-radius:6px;min-height:32px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.16) transparent}.mention-chips-preview::-webkit-scrollbar{height:4px}.mention-chips-preview::-webkit-scrollbar-track{background:transparent}.mention-chips-preview::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.mention-chips-preview:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.16)}.mention-chips-preview:empty{display:none}.mention-chips-preview-label{width:100%;font-size:10px;color:var(--muted-foreground);margin-bottom:4px;display:flex;align-items:center;gap:4px}.mention-chips-preview-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 5px 2px 4px;background:transparent;border:1px solid var(--text-muted);border-radius:12px;font-size:10px;color:var(--text-primary);cursor:pointer;transition:all 0.15s ease;flex-shrink:0;white-space:nowrap}.mention-chips-preview-chip:hover{background:#bfdbfe;box-shadow:0 2px 4px rgba(59,130,246,0.2)}.mention-chips-preview-chip.text-type{background:#fef3c7;border-color:#f59e0b;color:#92400e}.mention-chips-preview-chip.text-type:hover{background:#fde68a}.mention-chips-preview-chip.invalid{background:#fee2e2;border-color:#ef4444;color:#991b1b;text-decoration:line-through}.mention-chips-preview-chip.invalid:hover{background:#fecaca}.mention-chips-preview-thumb{width:20px;height:20px;border-radius:var(--radius-pill);object-fit:cover;flex-shrink:0}.mention-chips-preview-icon{font-size:12px;flex-shrink:0}.mention-chips-preview-slug{font-weight:500}.mention-chips-preview-slug::before{content:"@";opacity:0.7}.mention-chips-preview-remove{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;border:none;color:currentColor;cursor:pointer;opacity:0.5;transition:all 0.1s ease;flex-shrink:0;margin-left:2px}.mention-chips-preview-remove:hover{opacity:1;background:rgba(0,0,0,0.1)}.mention-chips-preview-chip.invalid .mention-chips-preview-remove:hover{background:rgba(239,68,68,0.2)}.drawflow-node.being-mentioned{box-shadow:0 0 0 2px #3b82f6,0 0 12px rgba(59,130,246,0.4);animation:mention-pulse 2s ease-in-out infinite}.drawflow-node.being-mentioned::before{content:"@";position:absolute;top:-8px;right:-8px;width:18px;height:18px;background:#3b82f6;color:white;font-size:11px;font-weight:bold;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,0.2)}@keyframes mention-pulse{0%,100%{box-shadow:0 0 0 2px #3b82f6,0 0 12px rgba(59,130,246,0.4)}50%{box-shadow:0 0 0 3px #3b82f6,0 0 20px rgba(59,130,246,0.6)}}.mention-dependency-line{stroke:#3b82f6;stroke-width:2;stroke-dasharray:6,4;fill:none;opacity:0.7;pointer-events:none}.mention-dependency-line.animated{animation:mention-line-flow 1s linear infinite}@keyframes mention-line-flow{from{stroke-dashoffset:20}to{stroke-dashoffset:0}}.mention-autocomplete-section{padding:2px 0}.mention-autocomplete-section-header{display:flex;align-items:center;gap:4px;padding:2px 10px 4px;font-size:10px;font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0.3px}.mention-autocomplete-section-header .mention-section-icon{width:10px;height:10px;opacity:0.7}.mention-autocomplete-section-items{display:flex;flex-wrap:wrap;gap:4px;padding:2px 10px 6px}.mention-autocomplete-recent{display:inline-flex;align-items:center;padding:3px 8px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);border-radius:10px;font-size:11px;font-weight:400;color:var(--primary);cursor:pointer;transition:all 0.15s ease}.mention-autocomplete-recent:hover{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.3)}.mention-autocomplete-divider{height:1px;background:var(--border);margin:2px 0}.mention-preview-toggle{display:flex;justify-content:flex-end;margin-top:4px;margin-bottom:2px}.mention-preview-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--background);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--muted-foreground);cursor:pointer;transition:all 0.15s ease;opacity:0.7}.mention-preview-btn:hover{background:var(--background);border-color:var(--primary);color:var(--foreground);opacity:1}.mention-preview-btn.active{background:rgba(59,130,246,0.15);border-color:var(--primary);color:var(--primary);opacity:1}.mention-preview-icon{width:12px;height:12px;flex-shrink:0}.mention-preview-header-icon,.mention-preview-refs-icon{vertical-align:middle;margin-right:4px}.mention-section-icon{vertical-align:middle;margin-right:4px;opacity:0.7}.mention-preview-label{font-weight:500}.mention-preview-panel{margin-top:8px;background:var(--muted);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative;z-index:1}.mention-preview-panel.hidden{display:none}.mention-preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(0,0,0,0.1);border-bottom:1px solid var(--border)}.mention-preview-title{font-size:12px;font-weight:600;color:var(--foreground)}.mention-preview-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--muted-foreground);cursor:pointer;font-size:16px;line-height:1}.mention-preview-close:hover{background:rgba(255,255,255,0.1);color:var(--foreground)}.mention-preview-content{padding:12px}.mention-preview-prompt{font-size:13px;line-height:1.5;color:var(--foreground);white-space:pre-wrap;word-break:break-word;margin-bottom:12px}.mention-preview-prompt:last-child{margin-bottom:0}.mention-preview-empty{color:var(--muted-foreground);font-style:italic}.mention-preview-invalid{color:#ef4444;background:rgba(239,68,68,0.1);padding:1px 4px;border-radius:3px}.mention-preview-invalid::after{content:"";display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");background-size:contain}.mention-preview-text{color:#fbbf24;background:rgba(251,191,36,0.1);padding:1px 4px;border-radius:3px}.mention-preview-image{color:#3b82f6;background:rgba(59,130,246,0.1);padding:1px 4px;border-radius:3px}.mention-preview-pending{color:var(--muted-foreground);background:rgba(128,128,128,0.1);padding:1px 4px;border-radius:3px;font-style:italic}.mention-preview-refs{border-top:1px solid var(--border);padding-top:12px}.mention-preview-refs.hidden{display:none}.mention-preview-refs-label{font-size:12px;font-weight:600;color:var(--muted-foreground);margin-bottom:8px}.mention-preview-refs-grid{display:flex;flex-wrap:wrap;gap:8px}.mention-preview-ref-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:6px;cursor:default}.mention-preview-ref-item img{width:48px;height:48px;object-fit:cover;border-radius:4px}.mention-preview-ref-label{font-size:10px;color:var(--muted-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.theme-light .mention-autocomplete-recent{background:rgba(59,130,246,0.08)}.theme-light .mention-autocomplete-recent:hover{background:rgba(59,130,246,0.15)}.theme-light .mention-preview-panel{background:rgba(0,0,0,0.02)}.theme-light .mention-preview-header{background:rgba(0,0,0,0.03)}.theme-light .mention-preview-ref-item{background:rgba(0,0,0,0.02)}.wf-media-viewer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.92);backdrop-filter:blur(8px);z-index:10000010;display:flex;align-items:center;justify-content:center;padding:40px;animation:wf-media-viewer-fadein 0.18s ease;cursor:zoom-out}@keyframes wf-media-viewer-fadein{from{opacity:0}to{opacity:1}}.wf-media-viewer-content{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 12px 48px rgba(0,0,0,0.5);cursor:default;animation:wf-media-viewer-zoomin 0.2s cubic-bezier(0.34,1.56,0.64,1)}video.wf-media-viewer-content{background:#000}@keyframes wf-media-viewer-zoomin{from{transform:scale(0.92);opacity:0}to{transform:scale(1);opacity:1}}.wf-media-viewer-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:50%;color:#fff;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,transform 0.15s ease;backdrop-filter:blur(8px)}.wf-media-viewer-close:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);transform:scale(1.05)}.wf-media-viewer-close:active{transform:scale(0.95)}.creator-publish-info{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text-secondary, #9aa0a6);margin-top:4px}.creator-publish-info strong{color:var(--text-primary, #e8eaed)}.creator-publish-note{margin-top:10px;padding:10px 12px;background:rgba(204,255,0,0.06);border:1px solid rgba(204,255,0,0.2);border-radius:8px;font-size:11.5px;line-height:1.6;color:var(--text-secondary, #9aa0a6)}.creator-slug-row{display:flex;align-items:center;gap:0;border:1px solid var(--border-color, #3c4043);border-radius:8px;overflow:hidden}.creator-slug-prefix{padding:8px 10px;background:var(--bg-tertiary, #2a2b2e);color:var(--text-secondary, #9aa0a6);font-size:13px;font-weight:600}.creator-slug-row input{border:none!important;border-radius:0!important;flex:1}.my-templates-loading,.my-templates-empty{text-align:center;padding:32px 16px;color:var(--text-secondary, #9aa0a6);font-size:13px}.mt-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--border-color, #2a2b2e)}.mt-info{flex:1;min-width:0}.mt-name{font-size:13.5px;font-weight:600;color:var(--text-primary, #e8eaed)}.mt-meta{font-size:11.5px;color:var(--text-secondary, #9aa0a6);margin-top:3px}.mt-reject{font-size:11.5px;color:#e0524d;margin-top:4px}.mt-actions{display:flex;gap:6px;flex-shrink:0}.mt-public.on{color:#34a853}.mt-public.off{color:#9aa0a6}.mt-badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:10.5px;font-weight:600}.mt-badge-ok{background:rgba(52,168,83,0.15);color:#34a853}.mt-badge-pending{background:rgba(224,168,0,0.15);color:#e0a800}.mt-badge-rejected{background:rgba(224,82,77,0.15);color:#e0524d}.btn-sm{padding:4px 10px;font-size:11.5px;border-radius:6px}.my-templates-inline{display:flex;flex-direction:column;gap:10px;padding:12px}.my-templates-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #2a2b2e)}.my-templates-title{font-size:13px;font-weight:600;color:var(--text-primary, #e8eaed)}.my-templates-slug-link{font-size:13px;font-weight:700;color:var(--primary, #cdff01);text-decoration:none;cursor:pointer;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.my-templates-slug-link:hover span{text-decoration:underline}.mt-slug-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;object-fit:cover;display:inline-flex;align-items:center;justify-content:center}.mt-slug-avatar--text{background:var(--primary, #cdff01);color:#1a1a1a;font-size:11px;font-weight:700;text-transform:uppercase}.my-templates-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;flex-shrink:0;color:var(--text-secondary, #9aa0a6);background:transparent;border:1px solid var(--border-color, #3c4043);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.my-templates-settings-btn:hover{color:var(--primary, #cdff01);border-color:var(--primary, #cdff01);background:rgba(205,255,1,0.08)}.my-templates-grid{padding:0!important}.my-templates-grid .my-templates-empty{grid-column:1 / -1}.mt-card-status{position:absolute;top:6px;left:6px;display:flex;align-items:center;gap:4px;z-index:2}.mt-card-public{color:#34a853;font-size:12px;line-height:1}.mt-card-reject{font-size:10.5px;color:#e0524d;margin-top:4px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mt-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}.mt-card-actions{display:flex;gap:6px;flex-shrink:0}.mt-card .btn-sm{padding:3px 8px;font-size:11px}.mt-card{cursor:default}.mt-card .wf-template-thumb{cursor:default;position:relative}.mt-thumb-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:9999px;background:rgba(0,0,0,0.6);color:#fff;cursor:pointer;opacity:0;transition:opacity .15s ease,transform .15s ease,background .15s ease;z-index:2}.mt-card .wf-template-thumb:hover .mt-thumb-view{opacity:1;transform:translate(-50%,-50%) scale(1)}.mt-thumb-view:hover{background:var(--primary, #cdff01);color:#111}.mt-card-actions .mt-icon-btn{padding:4px 6px;display:inline-flex;align-items:center}.wf-creator-status{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600;margin-left:8px;cursor:default;white-space:nowrap}.wf-creator-status--approved{background:rgba(52,168,83,0.15);color:#34a853}.wf-creator-status--pending{background:rgba(224,168,0,0.15);color:#e0a800}.wf-creator-status--rejected{background:rgba(224,82,77,0.15);color:#e0524d}.wf-beta-tag{font-size:9px;padding:1px 5px;border-radius:999px;background:rgba(204,255,0,0.15);color:#ccff00;margin-left:4px;text-transform:uppercase;letter-spacing:0.4px}.wf-template-web-preview-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(204,255,0,0.16);color:#ccff00;border:1px solid rgba(204,255,0,0.35);cursor:pointer;transition:background 0.15s ease}.wf-template-web-preview-btn:hover{background:rgba(204,255,0,0.28)}.wf-space-pan,.wf-space-pan *{cursor:grab!important}.wf-space-panning,.wf-space-panning *{cursor:grabbing!important}.tobyflow-wf-tool-btn.wf-mode-btn.active{background:var(--surface-elevated, #2e2e33);color:var(--primary, #ccff00)}.wf-hand-mode,.wf-hand-mode *{cursor:grab!important}.wf-hand-mode.wf-space-panning,.wf-hand-mode.wf-space-panning *{cursor:grabbing!important}.mention-chips-preview-chip.voice-type{background:rgba(255,95,168,0.14);border-color:rgba(255,95,168,0.35);color:#ff8fc2}.mention-chips-preview-chip.voice-type:hover{background:rgba(255,95,168,0.22)}.mention-chips-preview-chip.char-type{background:rgba(145,120,217,0.16);border-color:rgba(145,120,217,0.4);color:#b3a1e8}.mention-chips-preview-chip.char-type:hover{background:rgba(145,120,217,0.24)}.mention-preview-voice{color:#ff8fc2;background:rgba(255,95,168,0.12);padding:1px 4px;border-radius:3px}.mention-preview-char{color:#b3a1e8;background:rgba(145,120,217,0.14);padding:1px 4px;border-radius:3px}.workflow-editor-overlay .gen-compact-bar .node-form-mode-toggle{margin-top:0}.df-node[data-node-type=muse]{border-color:rgba(24,119,242,0.42)}.df-node[data-node-type=muse][data-media-type=Video]{border-color:rgba(139,92,246,0.5)}.df-node-tag-provider{cursor:default;color:#55a7ff}.node-field-icon{flex:none;vertical-align:-2px;margin-right:6px;color:var(--primary, #cdff01);opacity:.85}.wf-run-preparing .tobyflow-wf-tool-btn[data-action=run-workflow] svg{visibility:hidden}.wf-run-preparing .tobyflow-wf-tool-btn[data-action=run-workflow]{position:relative}.wf-run-preparing .tobyflow-wf-tool-btn[data-action=run-workflow]::after{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wf-run-preparing-spin 0.8s linear infinite}@keyframes wf-run-preparing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.wf-run-preparing .tobyflow-wf-tool-btn[data-action=run-workflow]::after{animation:none}}.wf-process-toasts{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10000060;display:flex;flex-direction:column;gap:7px;width:min(360px,calc(100vw - 24px));pointer-events:none}.wf-process-toast{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;border:1px solid rgba(204,255,0,0.28);border-radius:10px;background:#202322;color:#f5f7f1;box-shadow:0 8px 24px rgba(0,0,0,0.34);font:12px/1.35 system-ui,sans-serif;pointer-events:auto;cursor:pointer}.wf-process-toast-icon{flex:0 0 18px;display:grid;place-items:center;width:18px;height:18px;box-sizing:border-box;border:2px solid rgba(204,255,0,0.25);border-top-color:#ccff00;border-radius:50%;animation:wf-process-toast-spin 800ms linear infinite;transform-origin:center}.wf-process-toast-copy{display:grid;gap:2px;min-width:0}.wf-process-toast-title,.wf-process-toast-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-process-toast-title{font-weight:650}.wf-process-toast-elapsed{color:rgba(255,255,255,0.66);font-size:10px;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:0.35px}.wf-process-toast-detail{color:#c1c8bc;font-size:11px}.wf-process-toast[data-state=warning] .wf-process-toast-detail,.wf-process-toast[data-state=error] .wf-process-toast-detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.wf-process-toast[data-state=success]{border-color:rgba(99,210,122,0.42)}.wf-process-toast[data-state=warning]{border-color:rgba(245,186,83,0.48)}.wf-process-toast[data-state=error]{border-color:rgba(255,128,120,0.48)}.wf-process-toast:not([data-state=running]) .wf-process-toast-icon{border:0;animation:none;font-size:16px;font-weight:700}.wf-process-toast[data-state=success] .wf-process-toast-icon{color:#63d27a}.wf-process-toast[data-state=warning] .wf-process-toast-icon{color:#f5ba53}.wf-process-toast[data-state=error] .wf-process-toast-icon{color:#ff8078}.wf-process-toast[data-state=success] .wf-process-toast-icon::after{content:"\2713"}.wf-process-toast[data-state=warning] .wf-process-toast-icon::after,.wf-process-toast[data-state=error] .wf-process-toast-icon::after{content:"!"}@keyframes wf-process-toast-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.wf-process-toast[data-state=running] .wf-process-toast-icon{animation-duration:2s}}.df-node-queued-status{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;border-radius:0;color:var(--foreground);background:transparent;border:0;box-shadow:none;font-size:12px;pointer-events:none}.df-node-preview>.df-node-queued-status{position:absolute;bottom:8px;left:8px;right:8px;z-index:2}.df-node-queued-status svg{position:static;inset:auto;display:block;width:14px;height:14px;flex:0 0 auto;animation:df-preview-thumb-spin 1s linear infinite}.workflow-editor-body{position:relative}.node-popup-expand{display:none}.node-form-panel.node-form-popup{position:absolute;inset:auto;z-index:45;width:var(--node-popup-width, 680px)!important;min-width:0;max-width:none;height:auto;background:#222;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 12px 36px rgba(0,0,0,.3);overflow:visible}.node-form-popup .node-form-resize-handle,.node-form-popup .node-form-tabs,.node-form-popup .node-form-header button:not(#expandNodeFormBtn),.node-form-popup #closeNodeFormBtn2,.node-form-popup #resetNodeFooterBtn{display:none}.node-form-popup .node-popup-expand{display:inline-flex}.node-form-popup .node-form-header{position:absolute;top:8px;right:8px;z-index:2;padding:0;border:0;background:transparent}.node-form-popup .node-form-body{flex:0 1 auto;padding:12px;overflow:auto}.node-form-popup #nodeFormBody:not(.hidden){display:flex;flex-direction:column;gap:8px}.node-form-popup #nodeFormBody>*{flex-shrink:0}.workflow-editor-overlay .node-form-popup #nodeFormBody>.node-popup-secondary{display:none}.workflow-editor-overlay .node-form-popup #nodeFormBody>.node-popup-refs,.workflow-editor-overlay .node-form-popup #nodeFormBody>.node-popup-prompt{margin:0}.node-form-popup .node-popup-refs{order:0;padding-right:0px}.node-form-popup .node-popup-prompt{order:1}.workflow-editor-overlay .node-form-popup #nodeFormBody>.node-popup-prompt>label,.workflow-editor-overlay .node-form-popup #nodeFormBody>.node-popup-refs>label,.node-form-popup .mention-mode-advanced,.node-form-popup .mention-preview-toggle{display:none}.workflow-editor-overlay .node-form-popup #nodeFormBody .node-popup-prompt textarea{height:112px;min-height:64px;max-height:180px;width:100%;resize:vertical;background:transparent!important;border:0!important;box-shadow:none!important;outline:none;border-radius:0;margin:0;padding:0;color:#eee;font-size:13px;font-weight:400;line-height:1.7}.node-form-popup .node-popup-refs .node-ref-btn{position:relative;box-sizing:border-box;flex:0 0 50px;width:50px;height:50px;min-height:50px;padding:0;margin:0;gap:0;border-radius:8px;background:#303030;display:inline-flex;align-items:center;justify-content:center}.node-form-popup .node-ref-btn__text{display:none}.node-form-popup .node-popup-refs:has(>.node-ref-btn){display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px}.node-form-popup .node-popup-refs>.node-ref-btn{order:1}.node-form-popup .node-popup-refs .ref-images-preview{order:0;display:inline-flex;vertical-align:top;flex-wrap:wrap;gap:6px;margin:0;padding:0;max-width:calc(100% - 56px)}.node-form-popup .node-popup-refs .ref-images-preview:empty{display:none}.node-form-popup .node-popup-refs .node-ref-btn svg{width:18px;height:18px;flex:0 0 18px}.node-form-popup .node-popup-refs .ref-thumb{width:50px;height:50px}.node-form-popup .node-popup-meta-row{order:2;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:18px}.workflow-editor-overlay .node-form-popup .node-popup-meta-row .node-popup-source{flex:1;min-width:0;margin:0}.node-form-popup .node-popup-meta-row .prompt-source-row{justify-content:flex-start;gap:8px}.workflow-editor-overlay .node-form-popup .node-popup-meta-row .toolbar-toggle{gap:5px}.workflow-editor-overlay .node-form-popup .node-popup-meta-row .toggle-label{font-size:10px;font-weight:400;color:var(--muted-foreground)!important}.node-form-popup .wm-toggle.wm-toggle--xs input:checked~.toggle-track .toggle-thumb{transform:translateX(9px)}.node-form-popup .node-popup-meta-row .df-form-char-count{position:static;margin:0;padding:0;font-size:10px;color:#777;flex:0 0 auto}.node-form-popup .node-popup-meta-row:has(#promptSourceToggle:not(:checked)) [data-prompt-char-count]{display:none}.node-form-popup .node-popup-meta-row .prompt-source-inline-indicator{max-width:100%;padding:2px 6px;font-size:10px}.node-form-popup .node-popup-bottom-row{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding:0 12px 12px;min-height:44px}.node-form-popup .node-popup-fields-scroll{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin}.workflow-editor-overlay .node-form-popup .node-popup-bottom-row .node-form-footer{position:static;flex:0 0 auto;padding:0;margin:0;display:flex;align-items:center;border:0;background:transparent}.workflow-editor-overlay .node-form-popup .node-popup-fields-scroll>.node-popup-options{flex:0 0 auto;align-self:center;padding:0;margin:0}.workflow-editor-overlay .node-form-popup .gen-compact-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow:visible;padding:0;margin:0;flex:0 0 auto}.workflow-editor-overlay .node-form-popup .gen-compact-bar>.gen-compact-item{display:inline-flex;align-items:center;align-self:center;flex:0 0 auto;min-width:0;margin-top:0;margin-bottom:0}.workflow-editor-overlay .node-form-popup .gen-compact-bar>.gen-compact-break{display:none!important}.node-form-popup #saveNodeBtn{position:relative;gap:0;flex:0 0 32px;width:32px;max-width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:50%;background:#f5f5f5;color:#222;font-size:0;display:inline-flex;align-items:center;justify-content:center}.node-form-popup #saveNodeBtn::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12l4 4v12a2 2 0 0 1-2 2ZM7 3v6h10V3M7 21v-8h10v8'/%3E%3C/svg%3E") center / contain no-repeat}.node-form-popup #saveNodeBtn.node-popup-submit::before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M12 20V4M5 11l7-7 7 7'/%3E%3C/svg%3E") center / contain no-repeat}.node-form-popup #saveNodeBtn.node-popup-submit{cursor:pointer;transition:background-color 140ms ease,box-shadow 140ms ease,transform 140ms ease}.node-form-popup #saveNodeBtn.node-popup-submit:not(:disabled):hover{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.1),0 3px 10px rgba(0,0,0,.2);transform:translateY(-1px)}.node-form-popup #saveNodeBtn.node-popup-submit:not(:disabled):active{background:#ddd;box-shadow:none;transform:scale(.92)}.node-form-popup #saveNodeBtn.node-popup-submit:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.node-form-popup.node-popup-rescanning{opacity:.65;cursor:wait}@media (prefers-reduced-motion: reduce){.node-form-popup #saveNodeBtn.node-popup-submit{transition:none}}.node-form-popup #saveNodeBtn.hidden,.node-form-popup .node-popup-bottom-row .node-form-footer.hidden,.node-form-popup .node-popup-refs.hidden,.node-form-popup .node-popup-prompt.hidden,.node-form-popup:has(#nodeFormBody.hidden) .node-popup-bottom-row{display:none}.node-form-popup:has(#nodeFormBody.hidden) .node-form-header{position:static;padding:8px 12px}.node-form-popup:has(#nodeFormBody.hidden) .node-form-tabs{display:flex}.node-form-popup .node-form-body svg{position:static}.node-form-popup.node-popup-gesture-hidden{visibility:hidden;pointer-events:none}.node-form-popup.node-popup-closing{visibility:hidden;pointer-events:none}.node-form-popup .node-popup-refs .ref-thumb,.node-form-popup .node-popup-refs .template-ref-thumb{flex:0 0 50px;width:50px;height:50px;border:0;border-radius:8px;overflow:visible}.node-form-popup .node-popup-refs .ref-thumb>div:first-child{border-width:1px!important;border-radius:8px!important}.node-form-popup .node-popup-refs .template-ref-thumb img,.node-form-popup .node-popup-refs .template-ref-thumb video{width:100%;height:100%;object-fit:cover;border-radius:8px}.node-form-popup .node-popup-refs .ref-thumb-remove{width:14px!important;height:14px!important;font-size:10px!important}.node-form-popup #nodeOpenImagePickerBtn,.node-form-popup #nodeOpenImagePickerBtn:hover{border-color:rgba(255,255,255,.1)}.node-form-popup #nodeOpenImagePickerBtn:hover svg{color:#fff}.node-form-popup .node-popup-meta-row:has(#promptSourceToggle:checked) .prompt-source-inline-indicator,.node-form-popup .node-popup-meta-row:has(#promptSourceToggle:checked) .prompt-source-inline-warning{display:none}.workflow-editor-overlay .node-form-popup .node-popup-refs:has(>.node-ref-btn){align-items:flex-start}.workflow-editor-overlay .node-form-popup .node-popup-refs>.node-ref-btn{margin:0!important;align-self:flex-start}.node-form-popup .node-popup-bottom-row{align-items:center}.workflow-editor-overlay .node-form-popup .node-popup-omitted{display:none!important}.node-form-popup .node-popup-fields-scroll{flex-wrap:wrap;overflow:visible}.workflow-editor-overlay .node-form-popup .node-popup-fields-scroll>.gen-compact-bar.node-popup-options{flex:1 1 auto;min-width:0;max-width:100%}.workflow-editor-overlay .node-form-popup .gen-compact-bar{flex-wrap:wrap;min-width:0;max-width:100%}.node-form-popup,.node-form-popup *{scrollbar-width:none!important}.node-form-popup::-webkit-scrollbar,.node-form-popup *::-webkit-scrollbar{display:none!important;width:0;height:0}.workflow-editor-overlay .node-form-popup #nodeFormBody .node-popup-prompt textarea::placeholder{color:rgba(255,255,255,.3);opacity:1;font-weight:400}.node-form-popup>.node-form-footer{flex:0 0 auto;justify-content:flex-end;padding:0 12px 12px;border-top:0;background:transparent}.workflow-editor-overlay .node-form-popup #nodeFormBody .node-popup-prompt textarea{height:80px;min-height:64px;resize:none}.node-form-popup .node-popup-prompt-resizer{display:flex;align-items:center;justify-content:center;height:12px;cursor:ns-resize;touch-action:none;user-select:none}.node-form-popup .node-popup-prompt-resizer::after{content:"";width:48px;height:3px;border-radius:999px;background:var(--muted-foreground);opacity:.35;transition:opacity .15s,background .15s}.node-form-popup .node-popup-prompt-resizer:hover::after,.node-form-popup .node-popup-prompt-resizer:focus-visible::after{opacity:1;background:var(--primary)}.node-form-popup .node-popup-ref-icon{font-size:0}.node-form-popup .node-popup-ref-svg{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.node-form-popup .node-popup-refs .node-ref-btn,.node-form-popup .node-popup-refs .node-ref-btn:hover,.node-form-popup .node-popup-refs .node-ref-btn:active{background:#303030;border-color:rgba(255,255,255,.1);transform:none;transition:color .15s ease}.node-form-popup .node-popup-refs .node-ref-btn:hover{color:#fff}.workflow-editor-overlay .node-form-popup .node-popup-fields-scroll .node-popup-options{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.node-form-popup .node-popup-fields-scroll .node-popup-options>label:not(.toolbar-toggle),.node-form-popup .node-popup-fields-scroll .node-popup-options>p{display:none}.workflow-editor-overlay .node-form-popup .node-popup-fields-scroll .chatgpt-node-actions-row{display:flex!important;grid-template-columns:none;gap:10px!important}.workflow-editor-overlay .node-form-popup .node-popup-fields-scroll .form-group{margin:0}.node-form-popup .node-popup-fields-scroll .toggle-label{font-size:10px;font-weight:400}.node-form-popup .node-popup-fields-scroll .toolbar-toggle{gap:5px}.node-form-popup .node-popup-fields-scroll .ratio-pills-container{display:flex;flex-wrap:wrap;gap:4px}.node-form-popup .node-popup-fields-scroll .ratio-pill{padding:4px 7px;font-size:11px;min-height:26px}.node-form-popup [hidden]{display:none!important}.node-form-popup>.node-popup-brand{position:absolute;top:calc(100% + 8px);left:2px;display:inline-flex;align-items:center;gap:5px;color:var(--accent-foreground);font-size:10px;font-weight:500;line-height:16px;letter-spacing:.1px;white-space:nowrap;pointer-events:none;user-select:none}.node-form-popup>.node-popup-brand img{display:block;width:14px;height:14px;object-fit:contain}.node-form-panel .ref-thumb[draggable=true],.node-form-panel .template-ref-thumb[draggable=true]{cursor:grab}.node-form-panel .ref-reorder-dragging{opacity:.4;cursor:grabbing}.node-form-panel .ref-reorder-target{outline:2px dashed var(--primary);outline-offset:3px;cursor:grabbing}