@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_e0b9278f-module__GvNDLq__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--bg-app:#262626;--bg-panel:#1a1a1a;--bg-canvas:#222;--bg-hover:#333;--bg-active:#222;--border:#444;--border-light:#555;--accent:gold;--accent-text:#000;--text-primary:#ccc;--text-bright:#fff;--text-muted:#888;--radius:0px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-outfit), monospace;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;height:100vh;font-size:13px;overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex}.menu-bar{background-color:var(--bg-panel);border-bottom:1px solid var(--border);align-items:center;height:28px;padding:0 10px;font-size:12px;display:flex}.menu-item{color:var(--text-primary);cursor:pointer;padding:4px 10px}.menu-item:hover{background-color:var(--bg-hover);color:var(--text-bright)}.brand-title{color:var(--text-muted);letter-spacing:.5px;align-items:center;gap:8px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.control-bar{background-color:var(--bg-app);z-index:10;border-bottom:1px solid #ffffff0d;align-items:center;gap:15px;height:44px;padding:0 16px;display:flex}.mode-tabs{height:100%;display:flex}.mode-tab{cursor:pointer;height:100%;color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 16px;font-weight:500;transition:all .2s;display:flex}.mode-tab:hover{color:var(--text-bright)}.mode-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.main-workspace{flex:1;display:flex;overflow:hidden}.toolbar-vertical{background-color:var(--bg-panel);border-right:1px solid #111;flex-direction:column;align-items:center;gap:4px;width:44px;padding:8px 0;display:flex}.tool-icon{border-radius:var(--radius);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.tool-icon:hover{background-color:var(--bg-hover);border-color:var(--border)}.tool-icon.active{color:var(--text-bright);background-color:#1a1a1a;border-color:#000;box-shadow:inset 0 1px 2px #00000080}.canvas-area{background-color:var(--bg-canvas);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.pipeline-container{transform-style:flat;backface-visibility:hidden;justify-content:center;align-items:center;gap:10px;width:100%;min-width:max-content;height:100%;padding:80px 120px;display:flex}.node-card{background-color:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);z-index:10;flex-direction:column;width:280px;height:460px;padding:10px;transition:opacity .3s,border-color .3s;display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.node-header{color:#a1a1aa;background-color:#0000;justify-content:space-between;align-items:center;padding:0 4px 12px;font-size:12px;font-weight:500;display:flex}.node-header-title{align-items:center;gap:8px;display:flex}.node-content{border-radius:var(--radius);background-color:#0000;border:none;flex:1;justify-content:center;align-items:center;margin:8px 0;display:flex;position:relative;overflow:hidden}.node-content img{object-fit:contain;width:100%;height:auto;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast;animation:.5s imgFadeIn;display:block}@keyframes imgFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.node-port{z-index:20;background-color:#18181b;border:2px solid #2dd4bf;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 8px #2dd4bf66}.node-port.input{border-color:#c084fc;left:-5px;box-shadow:0 0 8px #c084fc66}.node-port.output{border-color:#2dd4bf;right:-5px;box-shadow:0 0 8px #2dd4bf66}.node-card.dimmed{opacity:.4;filter:grayscale(30%)}.node-card:has(.node-loading-overlay){border-color:#ffd70059;box-shadow:0 0 0 1px #ffd70026,0 10px 40px -10px #000c,inset 0 1px #ffffff0d}.param-active-pulse{animation:1.2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.node-error-badge{color:#f87171;background:#ef44441f;border:1px solid #ef444466;border-radius:4px;margin:4px 0;padding:8px 10px;font-size:10px;line-height:1.4}.icon-btn-small{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.icon-btn-small:hover{color:#fff;background-color:#333}.node-loading-overlay{color:var(--accent);letter-spacing:2px;text-transform:uppercase;z-index:10;background:#191919bf;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0;overflow:hidden}.node-loading-overlay:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);width:100%;height:2px;box-shadow:0 0 15px var(--accent), 0 0 30px orange;animation:2s ease-in-out infinite alternate scanline;position:absolute;top:0;left:0}@keyframes scanline{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:calc(100% - 2px)}}.node-spinner{border:2px solid #0000;border-top-color:var(--accent);border-bottom-color:orange;border-radius:50%;width:40px;height:40px;animation:1.5s cubic-bezier(.68,-.55,.265,1.55) infinite spin;position:relative;box-shadow:0 0 20px #ffd70066}.node-spinner:before{content:"";border:2px solid #0000;border-left-color:var(--accent);border-right-color:orange;border-radius:50%;animation:1s linear infinite reverse spin;position:absolute;inset:6px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.placeholder-node{color:#555;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;display:flex}.loading-stage{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;font-size:11px;display:flex}.document-tab{background-color:var(--bg-panel);color:var(--text-primary);z-index:5;border-bottom:1px solid #111;border-right:1px solid #111;border-bottom-right-radius:4px;align-items:center;gap:6px;padding:6px 20px;font-size:11px;display:flex;position:absolute;top:0;left:0}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-state h3{font-size:14px;font-weight:400}.btn-browse{border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius);cursor:pointer;background:0 0;padding:6px 16px;font-size:12px}.btn-browse:hover{background:var(--bg-hover);color:var(--text-bright)}.properties-panel{background-color:var(--bg-panel);border-left:1px solid #111;flex-direction:column;width:280px;display:flex}.panel-section{border-bottom:1px solid var(--border)}.section-header{background-color:var(--bg-hover);text-transform:uppercase;color:var(--text-bright);cursor:pointer;border-bottom:1px solid #111;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.section-content{flex-direction:column;gap:12px;padding:12px;display:flex}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--text-primary);font-size:11px}.custom-select{background-color:var(--bg-app);border:1px solid var(--border-light);width:100%;color:var(--text-bright);border-radius:var(--radius);appearance:none;cursor:pointer;padding:4px 8px;font-size:12px}.custom-select:focus{border-color:var(--accent);outline:none}.btn-primary{width:100%;color:var(--text-bright);border:1px solid var(--border-light);cursor:pointer;border-radius:var(--radius);background-color:#3e3e3e;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:12px;font-weight:500;display:flex}.btn-primary:hover:not(:disabled){background-color:#4a4a4a;border-color:#666}.btn-primary.highlight{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}.btn-primary.highlight:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.console-area{color:var(--text-muted);background-color:#1a1a1a;border-top:1px solid #111;flex:1;padding:10px;font-family:Consolas,monospace;font-size:11px;overflow-y:auto}.console-msg{margin-bottom:4px}.console-msg.success{color:#4ade80}.console-msg.error{color:#f87171}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1e1e1e;border:1px solid #333;border-radius:8px;flex-direction:column;width:500px;max-width:90vw;padding:24px;display:flex;box-shadow:0 10px 40px #000c}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-actions button{width:auto;min-width:100px;padding:10px 16px}.node-footer{color:#71717a;justify-content:space-between;align-items:center;padding-top:12px;font-size:10px;display:flex}.elegant-connector{justify-content:center;align-items:center;width:80px;height:100%;display:flex}.elegant-arrow{background:#333;border-radius:2px;width:100%;height:4px;transition:all .5s;position:relative}.elegant-connector.active .elegant-arrow{background:linear-gradient(90deg, #333 0%, var(--accent) 50%, #333 100%);background-size:200% 100%;animation:1.5s linear infinite wireFlow;box-shadow:0 0 10px #fc06}.elegant-connector.completed .elegant-arrow{background:#4ade80;box-shadow:0 0 8px #4ade804d}@keyframes wireFlow{0%{background-position:100% 0}to{background-position:-100% 0}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}::-webkit-scrollbar-corner{background:0 0}
