*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes backgroundShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes glow{0%,to{text-shadow:0 0 20px #14b8a680,0 0 40px #14b8a64d,0 0 60px #14b8a633}50%{text-shadow:0 0 30px #14b8a6cc,0 0 60px #14b8a680,0 0 90px #14b8a64d}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes matrixRain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.App{background:#000;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.App:before{background:linear-gradient(90deg,#8b5cf608,#a855f705 10%,#0000 30%,#0000 70%,#14b8a605 90%,#14b8a608);bottom:0;right:0}.App:after,.App:before{content:"";left:0;pointer-events:none;position:absolute;top:0;z-index:1}.App:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#8b5cf608 0,#8b5cf608 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#14b8a608 0,#14b8a608 4px);opacity:.5}.App:after,.matrix-bg{height:100%;width:100%}.matrix-bg{left:0;overflow:hidden;position:absolute;top:0;z-index:0}.matrix-column{animation:matrixRain linear infinite;background:linear-gradient(180deg,#0000,currentColor 50%,#0000);height:100%;opacity:.6;position:absolute;top:-100%;width:20px}.matrix-column:first-child{animation-delay:0s;animation-duration:15s;color:#8b5cf6;left:5%}.matrix-column:nth-child(2){animation-delay:2s;animation-duration:18s;color:#a855f7;height:80%;left:12%}.matrix-column:nth-child(3){animation-delay:5s;animation-duration:20s;color:#9333ea;height:120%;left:18%}.matrix-column:nth-child(4){animation-delay:1s;animation-duration:22s;color:#7c3aed;left:25%}.matrix-column:nth-child(5){animation-delay:7s;animation-duration:19s;color:#6366f1;height:90%;left:32%}.matrix-column:nth-child(6){animation-delay:3s;animation-duration:17s;color:#4f46e5;left:40%}.matrix-column:nth-child(7){animation-delay:6s;animation-duration:21s;color:#3b82f6;height:110%;left:48%}.matrix-column:nth-child(8){animation-delay:4s;animation-duration:16s;color:#06b6d4;left:55%}.matrix-column:nth-child(9){animation-delay:8s;animation-duration:23s;color:#14b8a6;height:95%;left:62%}.matrix-column:nth-child(10){animation-delay:2s;animation-duration:18s;color:#10b981;left:70%}.matrix-column:nth-child(11){animation-delay:9s;animation-duration:20s;color:#14b8a6;height:105%;left:77%}.matrix-column:nth-child(12){animation-delay:5s;animation-duration:19s;color:#06b6d4;left:85%}.matrix-column:nth-child(13){animation-delay:1s;animation-duration:17s;color:#0d9488;height:115%;left:92%}.matrix-column:nth-child(14){animation-delay:10s;animation-duration:24s;color:#a855f7;left:8%}.matrix-column:nth-child(15){animation-delay:3s;animation-duration:16s;color:#14b8a6;height:85%;left:45%}.App-header{animation:fadeInUp 1s ease-out;background:#0000;padding:2.5rem 2rem;position:relative;text-align:center;z-index:10}.brand-logo{animation:glow 3s ease-in-out infinite;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-1px;margin-bottom:1rem;transition:transform .3s ease}.brand-logo:hover{transform:scale(1.05)}.App-header h1{animation:glow 4s ease-in-out infinite;color:#fff;font-size:3rem;font-weight:400;line-height:1.2;margin-bottom:.75rem}.App-header p{color:#a0a0a0;font-size:1.25rem;font-weight:400;margin-top:.5rem}.App-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.App-footer,.App-main{position:relative;z-index:10}.App-footer{background:#0000;color:#6b7280;font-size:.9rem;font-weight:500;padding:1.5rem;text-align:center}@keyframes cardGlow{0%,to{box-shadow:0 10px 40px #0000004d,0 0 20px #14b8a61a}50%{box-shadow:0 15px 50px #0006,0 0 40px #14b8a633}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.workflow-container{animation:fadeInUp .8s ease-out,cardGlow 4s ease-in-out infinite;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 40px #0000004d,0 0 20px #14b8a61a;max-width:1200px;padding:2.5rem;position:relative;transition:transform .3s ease;width:100%}.workflow-container:hover{box-shadow:0 20px 60px #0006,0 0 40px #14b8a64d;transform:translateY(-5px)}.input-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.mode-selector{display:flex;gap:.5rem;margin-bottom:1rem}@keyframes buttonPulse{0%,to{box-shadow:0 4px 12px #14b8a64d;transform:scale(1)}50%{box-shadow:0 6px 20px #14b8a680;transform:scale(1.02)}}.mode-button{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.mode-button:before{background:linear-gradient(90deg,#0000,#14b8a633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.mode-button:hover:before{left:100%}.mode-button:hover:not(:disabled){border-color:#14b8a6;color:#14b8a6;transform:translateY(-1px)}.mode-button.active{animation:buttonPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0000;box-shadow:0 4px 12px #14b8a64d;color:#fff}.mode-button:disabled{cursor:not-allowed;opacity:.6}.backend-switcher{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:2px solid #14b8a6;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.backend-label{align-items:center;color:#0f766e;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.backend-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem top 50%;background-repeat:no-repeat;background-size:1.2rem auto;border:2px solid #14b8a6;border-radius:8px;color:#0f766e;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.65rem 2.5rem .65rem 1rem;transition:all .3s ease}.backend-select:hover:not(:disabled){border-color:#0d9488;box-shadow:0 0 0 3px #14b8a61a}.backend-select:focus{border-color:#0d9488;box-shadow:0 0 0 3px #14b8a633;outline:none}.backend-select:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.backend-select option{background:#fff;color:#0f766e;padding:.5rem}.backend-status{align-items:center;border:1px solid;border-radius:12px;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem}.backend-status.connected{background:#10b9811a;border-color:#10b9814d;color:#10b981}.backend-status.disconnected{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.backend-status .status-dot{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:8px;width:8px}.backend-status.connected .status-dot{background:#10b981;box-shadow:0 0 10px #10b98180}.backend-status.disconnected .status-dot{background:#ef4444;box-shadow:0 0 10px #ef444480}.backend-status .status-url{font-family:Courier New,monospace;font-size:.75rem;margin-left:auto;opacity:.7}.input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.input-group label{color:#333;font-size:.9rem;font-weight:600}.input-group input,.input-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;padding:.75rem 1rem;transition:all .3s}.input-group textarea{font-family:inherit;line-height:1.5;resize:vertical}.input-group input:focus,.input-group textarea:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a;outline:none}.input-group input:disabled,.input-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}@keyframes buttonGlow{0%,to{box-shadow:0 4px 12px #14b8a64d,0 0 20px #14b8a633}50%{box-shadow:0 6px 20px #14b8a680,0 0 30px #14b8a64d}}.run-button{animation:buttonGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#14b8a6,#0d9488);background-size:200% 200%;border:none;border-radius:10px;box-shadow:0 4px 12px #14b8a64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.85rem 2.5rem;position:relative;transition:all .3s ease;white-space:nowrap}.run-button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.run-button:hover:after{height:300px;width:300px}.run-button:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 8px 24px #14b8a666,0 0 40px #14b8a666;transform:translateY(-2px) scale(1.05)}.run-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.results-summary{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border:1px solid #99f6e4;border-radius:16px;box-shadow:0 4px 12px #14b8a61a;margin:2rem 0;padding:1.5rem}.results-summary h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.result-item{display:flex;flex-direction:column;gap:.25rem}.result-label{color:#666;font-size:.85rem;font-weight:500}.result-value{color:#333;font-size:1.2rem;font-weight:700}.result-value.success{color:#10b981}.result-value.warning{color:#f59e0b;font-weight:600}@media (max-width:768px){.input-section{flex-direction:column}.run-button{width:100%}.results-grid{grid-template-columns:1fr}}.step-progress{align-items:flex-start;justify-content:space-between;margin:2rem 0}.step,.step-progress{display:flex;position:relative}.step{align-items:center;flex:1 1;flex-direction:column}@keyframes iconGlow{0%,to{box-shadow:0 0 20px #14b8a699,0 0 40px #14b8a64d,inset 0 0 20px #14b8a633}50%{box-shadow:0 0 30px #14b8a6cc,0 0 60px #14b8a680,inset 0 0 30px #14b8a666}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.step-icon{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:relative;transition:all .5s ease;width:60px;z-index:2}.step-icon:before{animation:rotate 2s linear infinite;background:conic-gradient(from 0deg,#0000,#14b8a666,#0000);border-radius:50%;bottom:-5px;content:"";left:-5px;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .5s}.step.active .step-icon{animation:pulse 1.5s infinite,iconGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0000;transform:scale(1.1)}.step.active .step-icon:before{opacity:1}.step.completed .step-icon{animation:none;background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0000;box-shadow:0 0 20px #14b8a666;transform:scale(1.05)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #14b8a6b3,0 0 20px #14b8a680}50%{box-shadow:0 0 0 15px #14b8a600,0 0 30px #14b8a6b3}}.step-name{color:#64748b;font-size:.85rem;font-weight:600;margin-top:.75rem;text-align:center;transition:all .3s}.step.active .step-name,.step.completed .step-name{color:#1e293b}.step-connector{background:#e2e8f0;height:3px;left:50%;position:absolute;top:30px;width:100%;z-index:1}.step.completed .step-connector{background:linear-gradient(90deg,#14b8a6 0,#0d9488)}.step:last-child .step-connector{display:none}@media (max-width:768px){.step-progress{flex-wrap:wrap;gap:1rem}.step{flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:0}.step-connector{display:none}.step-icon{font-size:1.2rem;height:50px;width:50px}.step-name{font-size:.75rem}}.log-viewer{margin-top:2rem}.log-viewer h3{color:#333;font-size:1.1rem;margin-bottom:1rem}.log-content{background:#1e1e2e;border:1px solid #2d2d3d;border-radius:12px;box-shadow:0 4px 12px #0003;font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;max-height:400px;overflow-y:auto;padding:1.25rem}.log-entry{display:flex;gap:.5rem;line-height:1.5;margin-bottom:.4rem;transition:background-color .2s ease}.log-entry:hover{background-color:#5eead40d;border-radius:4px}.log-timestamp{color:#888;white-space:nowrap}.log-message{color:#d4d4d4;word-break:break-word}.log-entry.info .log-message{color:#5eead4}.log-entry.success .log-message{color:#6ee7b7}.log-entry.error .log-message{color:#fca5a5;font-weight:600}.log-entry.warning .log-message{color:#fcd34d}.log-link{color:#5eead4;cursor:pointer;text-decoration:underline;transition:color .2s ease}.log-link:hover{color:#99f6e4;text-decoration:none}.log-content::-webkit-scrollbar{width:8px}.log-content::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}.log-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.log-content::-webkit-scrollbar-thumb:hover{background:#666}
/*# sourceMappingURL=main.4277876c.css.map*/