.timeout-warning-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.timeout-warning-modal{background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:16px;padding:32px;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;border:2px solid rgba(239,68,68,.5);animation:slideUp .3s ease,pulse 2s ease-in-out infinite}.timeout-warning-header{text-align:center;margin-bottom:24px}.warning-icon{font-size:48px;display:block;margin-bottom:12px;animation:shake .5s ease-in-out infinite}.timeout-warning-header h3{font-size:24px;color:#fff;margin:0}.timeout-warning-body{text-align:center;margin-bottom:24px}.timeout-warning-body p{color:#fecaca;font-size:16px;margin:0 0 16px}.countdown-timer{font-size:64px;font-weight:700;color:#fff;margin:20px 0;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(255,255,255,.5)}.timeout-hint{font-size:14px!important;color:#fca5a5!important}.timeout-warning-footer{display:flex;justify-content:center}.btn-stay-signed-in{background:linear-gradient(135deg,#fff,#f3f4f6);color:#dc2626;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0000004d}.btn-stay-signed-in:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}@keyframes pulse{0%,to{box-shadow:0 20px 60px #00000080}50%{box-shadow:0 20px 60px #ef444499}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:9999;padding:var(--space-md) 0;transition:all var(--transition-base);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(14,165,233,.1)}.navbar-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl)}.navbar-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-base)}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{width:50px;height:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(6,182,212,.3));transition:filter .3s ease}.navbar-logo:hover .logo-icon{filter:drop-shadow(0 0 15px rgba(6,182,212,.5))}.nav-links{display:flex;align-items:center;justify-content:center;gap:4rem;list-style:none;margin:0;padding:0;flex:1}.nav-link{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;font-weight:700;position:relative;transition:all var(--transition-base)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.nav-link:hover{transform:scale(1.05);color:#06b6d4}.nav-link:hover:after{width:100%;box-shadow:0 0 8px #06b6d4cc,0 0 16px #06b6d480}.theme-toggle{background:transparent;border:1px rgba(14,165,233,.2);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:1.25rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.theme-toggle:hover{transform:scale(1.05) rotate(15deg)}.theme-toggle:active{transform:scale(.95)}.btn-nav{white-space:nowrap}.menu-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:var(--space-sm)}.menu-icon{display:flex;flex-direction:column;gap:5px;width:24px;height:20px}.menu-icon span{width:100%;height:2px;background:var(--color-text-primary);transition:all var(--transition-base);border-radius:2px}.menu-icon.open span:nth-child(1){transform:rotate(45deg) translateY(7px)}.menu-icon.open span:nth-child(2){opacity:0}.menu-icon.open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.mobile-menu{display:none;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);margin-top:var(--space-md);border-radius:var(--border-radius-xl)}.mobile-link{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-md);border-radius:var(--border-radius-md);transition:all var(--transition-base)}.mobile-link:hover{background:#246cf31a;color:var(--color-text-primary)}@media(max-width:768px){.theme-toggle-mobile{background:transparent;border:1px rgba(36,108,243,.2);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:1.25rem;width:40px;height:40px;transition:all var(--transition-base)}.theme-toggle-mobile:hover{transform:scale(1.1) rotate(15deg);background:transparent!important}.nav-links,.theme-toggle,.btn-nav{display:none}.menu-toggle{display:block}.mobile-menu{display:flex}}.user-menu-container{position:relative}.user-menu-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;transition:all .2s;box-shadow:0 2px 8px #0ea5e94d}.user-menu-button:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #0ea5e980}.user-menu-overlay{position:fixed;inset:0;z-index:998;background:transparent;cursor:default}.user-menu-overlay-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998;background:transparent;cursor:default}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:auto;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.3);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:9999;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:12px 16px}.user-dropdown-email{color:#7dd3fc;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{height:1px;background:#0ea5e933;margin:4px 0}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;text-decoration:none;background:none;border:none;width:100%;text-align:left;font-size:14px;cursor:pointer;transition:all .2s}.user-dropdown-item:hover{background:#0ea5e926}.user-dropdown-item span:first-child{font-size:16px}.user-dropdown-signout{color:#fca5a5}.user-dropdown-signout:hover{background:#ef444426}[data-theme=light] .user-dropdown{background:#fffffffa;border-color:#0ea5e94d;box-shadow:0 8px 32px #0ea5e926}[data-theme=light] .user-dropdown-email{color:#0284c7}[data-theme=light] .user-dropdown-divider{background:#0ea5e926}[data-theme=light] .user-dropdown-item{color:#0f172a}[data-theme=light] .user-dropdown-item:hover{background:#0ea5e91a}[data-theme=light] .user-dropdown-signout{color:#dc2626}[data-theme=light] .user-dropdown-signout:hover{background:#ef44441a}@media(max-width:768px){.user-avatar{width:32px;height:32px;font-size:12px}.user-dropdown{min-width:200px;right:-8px}.user-dropdown-header{padding:10px 14px}.user-dropdown-email{font-size:12px}.user-dropdown-item{padding:10px 14px;font-size:13px}.user-dropdown-item span:first-child{font-size:14px}}@media(max-width:480px){.user-avatar{width:30px;height:30px;font-size:11px}.user-dropdown{min-width:180px;right:-12px;border-radius:10px}.user-dropdown-header{padding:8px 12px}.user-dropdown-item{padding:8px 12px;gap:10px}}.footer{background:linear-gradient(180deg,transparent 0%,rgba(13,11,20,.8) 50%,rgba(6,6,9,1) 100%);border-top:1px solid rgba(36,108,243,.15);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-3xl)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-logo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.footer-logo .logo-icon{color:var(--color-primary);flex-shrink:0}.footer-tagline{color:var(--color-text-muted);font-size:var(--font-size-xs);max-width:280px;line-height:1.5}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.footer-section{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-section h4{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.footer-section a{color:var(--color-text-muted);font-size:var(--font-size-xs);text-decoration:none;transition:all .2s ease;line-height:1.6}.footer-section a:hover{color:var(--color-primary-light);transform:translate(2px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-lg);border-top:1px solid rgba(36,108,243,.15)}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.footer-social{display:flex;gap:var(--space-md);align-items:center}.footer-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-muted);transition:all .2s ease;text-decoration:none;border-radius:6px}.footer-social a:hover{color:var(--color-primary);background:#246cf326;transform:translateY(-2px)}@media(max-width:768px){.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer-content{grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-links{grid-template-columns:1fr;gap:var(--space-lg)}.footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}}[data-theme=light] .footer{background:linear-gradient(180deg,transparent 0%,#f8fafc 50%,#f1f5f9 100%);border-top:1px solid rgba(139,92,246,.2)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(36,108,243,.15) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}.floating-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float 8s ease-in-out infinite}.shape-1{top:10%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(36,108,243,.15) 0%,transparent 70%);animation-delay:0s}.shape-2{top:60%;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);animation-delay:2s}.shape-3{bottom:10%;left:30%;width:350px;height:350px;background:radial-gradient(circle,rgba(36,108,243,.15) 0%,transparent 70%);animation-delay:4s}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero-text{display:flex;flex-direction:column;gap:var(--space-xl)}.hero-title{font-size:var(--font-size-6xl);line-height:var(--line-height-tight);margin:0}.hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:600px}.hero-actions{display:flex;gap:var(--space-lg);width:fit-content;flex-wrap:wrap}.provider-carousel{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;margin-top:var(--space-xs)}.provider-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:var(--font-weight-medium);white-space:nowrap}.provider-logos-track{overflow:hidden;max-width:500px;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.provider-logos-scroll{display:flex;gap:var(--space-lg);animation:scroll-logos 30s linear infinite;width:fit-content}.provider-logo-item{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;opacity:.7;transition:opacity var(--transition-base)}.provider-logo-item:hover{opacity:1}.provider-logo-icon{width:20px;height:20px;color:var(--color-text-secondary);transition:color var(--transition-base)}.provider-logo-item:hover .provider-logo-icon{color:var(--color-primary)}.provider-name{font-size:var(--font-size-xs);color:var(--color-text-primary);font-weight:var(--font-weight-medium);white-space:nowrap}@keyframes scroll-logos{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-theme=light] .provider-logo-icon{color:var(--color-text-muted)}[data-theme=light] .provider-logo-item:hover .provider-logo-icon{color:var(--color-primary)}.hero-actions .btn.glass{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}[data-theme=light] .hero-actions .btn.glass{border-color:#00000014;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.hero-cta{display:flex;gap:var(--space-lg);flex-wrap:wrap}.hero-stats{display:flex;justify-content:center;gap:var(--space-xl);width:110%;margin-top:-160px;padding:var(--space-lg) var(--space-xl);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.hero-stat-item{display:flex;flex-direction:column;gap:var(--space-xs);text-align:center}.hero-stat-value{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-stat-item:nth-child(1) .hero-stat-value{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text}.hero-stat-item:nth-child(3) .hero-stat-value{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text}.hero-stat-item:nth-child(5) .hero-stat-value{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text}.hero-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-medium)}.hero-stat-divider{width:3px;height:40px;background:linear-gradient(180deg,transparent 0%,var(--color-primary-dark) 50%,transparent 100%)}.hero-visual{position:relative;width:100%}.hero-divider{width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 20%,var(--color-accent) 50%,var(--color-primary) 80%,transparent 100%);border-radius:var(--border-radius-full);opacity:.8}.hero-card{position:relative;padding:var(--space-3xl);overflow:hidden}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(var(--color-primary-dark)) 90deg,transparent 180deg,transparent 270deg,transparent 360deg);animation:rotate 6s linear infinite;opacity:.5}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visual-content{position:relative;z-index:1}.node-demo{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.demo-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-2xl);border-radius:var(--border-radius-xl);transition:all var(--transition-base)}.node-primary{background:#246cf326;border:2px solid var(--color-primary);box-shadow:0 0 20px #246cf34d}.node-secondary{background:#06b6d433;border:2px solid var(--color-secondary);box-shadow:0 0 20px #06b6d44d}.node-accent{background:#f59e0b33;border:2px solid var(--color-accent);box-shadow:0 0 20px #f59e0b4d}.demo-node:hover{transform:scale(1.05)}.node-icon{font-size:var(--font-size-3xl)}.node-label{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.demo-connection{width:2px;height:40px;background:linear-gradient(180deg,#246cf326,#06b6d480);position:relative}.demo-connection:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-3xl)}.hero-title{font-size:var(--font-size-5xl)}.hero-subtitle{font-size:var(--font-size-lg)}}@media(max-width:768px){.hero{min-height:auto;padding:var(--space-2xl) var(--space-md) var(--space-xl);overflow-x:hidden}.hero-content{gap:var(--space-2xl);width:100%;max-width:100%}.hero-title{font-size:var(--font-size-3xl);text-align:center;margin-top:var(--space-md);line-height:1.2}.hero-subtitle{font-size:var(--font-size-base);text-align:center;max-width:100%}.hero-text{align-items:center;text-align:center;gap:var(--space-lg)}.hero-actions{flex-direction:column;width:100%;gap:var(--space-md)}.hero-actions .btn{width:100%;justify-content:center}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{width:100%}.hero-stats{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:var(--space-md) var(--space-md);gap:var(--space-md);margin-top:-100px}.stat-item{text-align:center;min-width:70px;flex:1 1 auto}.stat-value{font-size:var(--font-size-xl)}.stat-label{font-size:var(--font-size-xs)}.hero-visual{display:block;width:100%;max-width:100%;overflow:hidden}.hero-visual .agent-canvas{height:400px;margin-top:-100px}.shape{display:none}.node-demo{gap:var(--space-md)}.demo-node{padding:var(--space-md) var(--space-lg)}.provider-carousel{flex-direction:column;gap:var(--space-sm);width:100%}.provider-logos-track{max-width:100%}}@media(max-width:480px){.hero-stats{width:100%;max-width:100%;margin-right:auto;margin-left:auto;gap:var(--space-sm)}.hero{padding:var(--space-xl) 0 var(--space-lg);min-height:auto;overflow-x:hidden}.hero .container{padding:0 var(--space-sm);max-width:100%;width:100%}.hero-content{gap:var(--space-xl);width:100%;max-width:100%;padding:0}.hero-visual{width:100%;max-width:100%;overflow:hidden;margin-left:0;margin-right:0}.hero-title{font-size:var(--font-size-2xl);line-height:1.2}.hero-subtitle{font-size:var(--font-size-sm);line-height:1.5}.hero-text{gap:var(--space-md)}.hero-actions{gap:var(--space-sm)}.hero-actions .btn{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-lg)}.stat-item{min-width:50px;flex:1 1 auto}.stat-value{font-size:var(--font-size-lg)}.stat-label{font-size:9px;line-height:1.2}.hero-visual .agent-canvas{height:350px}.hero-divider{width:100%;margin:var(--space-lg) auto}}[data-theme=light] .node-primary,[data-theme=light] .node-secondary,[data-theme=light] .node-accent{box-shadow:0 2px 4px #0000001a}[data-theme=light] .hero-gradient,[data-theme=light] .floating-shapes,[data-theme=light] .shape{display:none}[data-theme=light] .hero-stats{background:#ffffff4d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 20%,black 80%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;border:none;box-shadow:none}[data-theme=light] .hero-stat-value{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-stat-label{color:#64748b}[data-theme=light] .hero-stat-divider{background:linear-gradient(180deg,transparent 0%,var(--color-accent) 50%,transparent 100%)}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.agent-canvas{width:100%;height:700px;border-radius:var(--border-radius-xl);margin-top:-270px;overflow:hidden;position:relative;background:transparent!important}.agent-canvas :global(.react-flow__pane){background:transparent!important}.agent-canvas :global(.react-flow){width:100%;height:100%}.agent-canvas-wrapper .react-flow__handle,.agent-canvas .react-flow__handle{opacity:0!important;pointer-events:none!important}.agent-canvas-wrapper .options-menu,.agent-canvas .options-menu{display:none!important}.agent-canvas-wrapper :global(.react-flow__minimap),.agent-canvas :global(.react-flow__minimap),:global(.react-flow__minimap){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important}.agent-canvas-wrapper :global(.react-flow__attribution),.agent-canvas :global(.react-flow__attribution),.agent-canvas-wrapper :global(.react-flow__panel),.agent-canvas :global(.react-flow__panel),.agent-canvas-wrapper :global(.react-flow__panel.react-flow__attribution),.agent-canvas :global(.react-flow__panel.react-flow__attribution),.agent-canvas-wrapper :global(.react-flow__panel.bottom),.agent-canvas :global(.react-flow__panel.bottom),.agent-canvas-wrapper :global(.react-flow__panel.right),.agent-canvas :global(.react-flow__panel.right),:global(.react-flow__attribution),:global(.react-flow__panel),:global(.react-flow__panel.react-flow__attribution),:global(.react-flow__panel.bottom),:global(.react-flow__panel.right),:global(.react-flow__panel.bottom.right){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;overflow:hidden!important}.agent-canvas-wrapper :global(.react-flow__attribution a),.agent-canvas :global(.react-flow__attribution a),:global(.react-flow__attribution a){display:none!important;visibility:hidden!important}@media(max-width:768px){.agent-canvas{height:400px;width:100%;max-width:100%;overflow:hidden}.agent-canvas-wrapper{width:100%;max-width:100vw;overflow:hidden}}@media(max-width:480px){.agent-canvas{height:350px;width:100%;max-width:100vw}.agent-canvas-wrapper{width:100%;max-width:100vw;padding:0;margin:0}.agent-canvas :global(.react-flow){width:100%;max-width:100%}.agent-canvas :global(.react-flow__viewport){width:100%!important;max-width:100%!important}}[data-theme=light] :global(.node-coordinator){background:#0ea5e926;border:2px solid #0284c7;color:#0c4a6e;box-shadow:0 2px 8px #0ea5e940}[data-theme=light] :global(.node-data){background:#06b6d426;border:2px solid #0891b2;color:#164e63;box-shadow:0 2px 8px #06b6d440}[data-theme=light] :global(.node-analysis){background:#10b98126;border:2px solid #059669;color:#14532d;box-shadow:0 2px 8px #10b98140}[data-theme=light] :global(.node-action){background:#f59e0b26;border:2px solid #d97706;color:#78350f;box-shadow:0 2px 8px #f59e0b40}.info-tooltip-container{position:relative;display:inline-flex;align-items:center}.info-tooltip-trigger{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:var(--color-text-muted);cursor:help;opacity:.6;transition:all var(--transition-fast);border-radius:50%}.info-tooltip-trigger:hover{opacity:1;color:var(--color-primary-light);background:#0ea5e91a}.info-tooltip-portal{position:fixed;z-index:9999;padding:8px 12px;background:var(--color-surface-elevated);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.5;border-radius:var(--border-radius-md);border:1px solid rgba(36,108,243,.2);box-shadow:var(--shadow-lg);max-width:250px;white-space:normal;pointer-events:none;animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.info-tooltip-right{transform:translateY(-50%)}.info-tooltip-left{transform:translate(-100%,-50%)}.info-tooltip-bottom{transform:translate(-50%)}.info-tooltip-top{transform:translate(-50%,-100%)}[data-theme=light] .info-tooltip-portal{background:#fff;border-color:#0ea5e933;box-shadow:var(--shadow-lg)}.flowise-card{min-width:180px;width:fit-content;max-width:320px;background:var(--color-surface);border-radius:12px;border:1.5px solid rgba(14,165,233,.3);overflow:hidden;transition:all .3s ease}.flowise-card.show-details{max-width:500px}.execution-result{margin-top:5px}.execution-result.error{background:#ef444414;border:1px solid rgba(239,68,68,.3);padding:8px;border-radius:6px}.result-summary{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:4px;cursor:pointer;transition:background .2s ease;font-size:10px}.result-summary:hover{background:#10b98126}.result-summary.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.result-icon{font-size:11px}.result-label{font-weight:500}.expand-icon{font-size:8px;transition:transform .2s ease;opacity:.7}.token-badge{padding:1px 4px;background:#0ea5e926;border-radius:6px;font-size:8px;font-weight:500;color:#0ea5e9}.result-details{max-height:0;overflow:hidden;transition:max-height .3s ease}.show-details .result-details{max-height:300px;margin-top:8px}.show-details .expand-icon{transform:rotate(180deg)}.result-content{max-height:250px;overflow:auto;padding:8px;background:#0000004d;border-radius:6px;font-family:Courier New,monospace;font-size:9px;line-height:1.4;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.result-content.error{color:#fca5a5;background:#ef44441a}.result-content::-webkit-scrollbar{width:6px}.result-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.result-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.result-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.model-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.config-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:12px;font-size:10px;font-weight:500;color:var(--color-text-secondary);transition:all .2s ease}.config-chip:hover{background:#0ea5e926;border-color:#0ea5e966}.chip-emoji{font-size:11px;line-height:1}.chip-label{line-height:1;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.flowise-card.edit-mode{min-width:auto;width:fit-content;max-width:700px;background:var(--color-surface-elevated);box-shadow:0 8px 32px #0006;z-index:1000}.flowise-card.selected{border-color:#0ea5e9cc;box-shadow:0 0 0 3px #0ea5e94d}.node-layout{display:flex;gap:16px;padding:16px}.icon-section{position:relative;flex-shrink:0}.large-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#0ea5e91f;border-radius:12px;border:1px solid rgba(14,165,233,.28);transition:all .2s ease}.large-icon.type-coordinator{color:#10b981;border-color:#10b98166;background:#10b9811a}.large-icon.type-data{color:#14b8a6;border-color:#14b8a666;background:#14b8a61a}.large-icon.type-analysis{color:#ec4899;border-color:#ec489966;background:#ec48991a}.large-icon.type-action{color:#f59e0b;border-color:#f59e0b66;background:#f59e0b1a}.large-icon.type-validation{color:#10b981;border-color:#10b98159;background:#10b9811a}.large-icon.type-processing{color:#14b8a6;border-color:#14b8a659;background:#14b8a61a}.large-icon.type-monitoring{color:#ec4899;border-color:#ec489959;background:#ec48991a}.large-icon.type-ai-agent{color:#0ea5e9;border-color:#0ea5e966;background:#0ea5e91f}.large-icon.type-condition{color:#f97316;border-color:#f9731666;background:#f973161a}.large-icon.type-start{color:#22c55e;border-color:#22c55e66;background:#22c55e1a}.large-icon.type-execute-flow{color:#a8a279;border-color:#a8a27966;background:#a8a2791f}.large-icon.type-http{color:#ef4444;border-color:#ef444466;background:#ef44441a}.large-icon.type-llm{color:#3b82f6;border-color:#3b82f666;background:#3b82f61a}.large-icon.type-human-input{color:#9333ea;border-color:#9333ea66;background:#9333ea1a}.large-icon.type-custom-function{color:#6b7280;border-color:#6b728066;background:#6b72801a}.large-icon.type-output{color:#06b6d4;border-color:#06b6d466;background:#06b6d41f}.large-icon.type-vector-rag{color:#3b82f6;border-color:#3b82f666;background:#3b82f61a}.validation-check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.node-info-icon{position:absolute;top:4px;left:4px;opacity:.5;transition:opacity .2s ease}.icon-section:hover .node-info-icon,.flowise-card:hover .node-info-icon{opacity:1}.content-section{display:flex;flex-direction:column;gap:8px;min-width:0}.title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.title-row .node-info-tooltip{opacity:0;transition:opacity .2s ease}.flowise-card:hover .title-row .node-info-tooltip{opacity:1}.node-title{font-size:16px;font-weight:600;color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.node-title:hover{color:var(--color-primary-light)}.title-edit{background:#0ea5e91a;border:1px solid rgba(14,165,233,.4);border-radius:6px;padding:4px 8px;color:var(--color-text-primary);font-size:16px;font-weight:600;font-family:var(--font-heading)}.options-menu{background:none;border:none;color:var(--color-text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;opacity:0}.flowise-card:hover .options-menu{opacity:1}.options-menu:hover{background:#0ea5e933;color:var(--color-text-primary)}.model-chips{display:flex;flex-wrap:wrap;gap:6px}.llm-chip,.role-chip-small{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#0ea5e926;border:1px solid rgba(14,165,233,.3);border-radius:12px;font-size:12px;font-weight:500;color:var(--color-text-secondary)}.chip-emoji{font-size:14px}.chip-label{white-space:nowrap}.flowise-handle{width:20px;height:20px;background:var(--color-primary);border:2px solid var(--color-bg-dark);transition:all .2s ease}.flowise-handle:hover{width:24px;height:24px;box-shadow:0 0 12px #0ea5e9cc}.context-handle{background:var(--color-purple)!important;border:2px solid var(--color-bg-dark)}.context-handle:hover{background:var(--color-purple)!important;box-shadow:0 0 12px var(--color-purple)}.context-handle-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:10px;color:var(--color-text-secondary);font-weight:600;white-space:nowrap;pointer-events:none;z-index:10}.node-coordinator .large-icon{background:#10b98126;border-color:#10b9814d}.node-coordinator{border-color:#10b98180}.node-coordinator .llm-chip,.node-coordinator .role-chip-small{background:#10b98126;border-color:#10b9814d}.node-data .large-icon{background:#14b8a626;border-color:#14b8a64d}.node-data{border-color:#14b8a680}.node-data .llm-chip,.node-data .role-chip-small{background:#14b8a626;border-color:#14b8a64d}.node-analysis .large-icon{background:#ec489926;border-color:#ec48994d}.node-analysis{border-color:#ec489980}.node-analysis .llm-chip,.node-analysis .role-chip-small{background:#ec489926;border-color:#ec48994d}.node-action .large-icon{background:#f59e0b26;border-color:#f59e0b4d}.node-action{border-color:#f59e0b80}.node-action .llm-chip,.node-action .role-chip-small{background:#f59e0b26;border-color:#f59e0b4d}.edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(14,165,233,.3)}.edit-title{font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.close-edit{background:none;border:none;color:var(--color-text-secondary);font-size:28px;cursor:pointer;padding:0;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-edit:hover{background:#0ea5e926;color:var(--color-text-primary)}.edit-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group-row{flex-direction:row;gap:8px;align-items:flex-end}.field-subgroup{display:flex;flex-direction:column;gap:4px;flex:1}.field-subgroup .field-label{font-size:11px;margin-bottom:0}.field-subgroup .field-input{width:100%}.node-vector-rag .field-group{gap:4px;margin-bottom:8px}.node-vector-rag .field-label{font-size:12px;margin-bottom:2px}.node-vector-rag .field-input{padding:6px 10px;font-size:13px}.node-vector-rag .field-hint{font-size:11px;line-height:1.3;margin-top:2px}.node-vector-rag .api-key-config-btn{padding:8px 12px;font-size:12px}.node-vector-rag textarea.field-input{padding:6px 10px;min-height:60px;resize:vertical}.node-vector-rag .edit-fields{gap:10px}.node-vector-rag.edit-mode{max-width:550px}.node-vector-rag.edit-mode .node-layout{gap:12px;padding:12px}.node-vector-rag.edit-mode .edit-header{margin-bottom:12px;padding-bottom:8px}.node-vector-rag.edit-mode .edit-title{font-size:14px}.field-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.field-input,.field-textarea{background:var(--color-surface);border:1px solid rgba(14,165,233,.3);border-radius:8px;padding:10px 14px;color:var(--color-text-primary);font-size:14px;font-family:var(--font-body);transition:all .2s ease}.field-input:hover,.field-textarea:hover{border-color:#0ea5e980}.field-input:focus,.field-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-elevated);box-shadow:0 0 0 3px #0ea5e926}.field-textarea{resize:vertical;min-height:60px;line-height:1.5}.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.btn-cancel,.execution-status-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-2);line-height:1}.btn-cancel,.btn-save{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);color:var(--color-text-secondary)}.btn-cancel:hover{background:#0ea5e926;border-color:#0ea5e980;color:var(--color-text-primary)}.btn-save{background:var(--gradient-secondary);border:1px solid rgba(14,165,233,.5);color:#fff;box-shadow:0 2px 8px #0ea5e94d}.btn-save:hover{box-shadow:0 4px 12px #0ea5e966;transform:translateY(-1px)}.btn-save:active{transform:translateY(0)}[data-theme=light] .flowise-card{background:#fff;border-color:#0ea5e966;box-shadow:0 2px 8px #00000014}[data-theme=light] .flowise-card.edit-mode{background:#fff;box-shadow:0 8px 32px #0000001f}[data-theme=light] .large-icon,[data-theme=light] .llm-chip,[data-theme=light] .role-chip-small{background:#0ea5e914}[data-theme=light] .title-edit{background:#0ea5e90d}[data-theme=light] .field-input,[data-theme=light] .field-textarea{background:#f8fafc;border-color:#0ea5e94d}[data-theme=light] .field-input:focus,[data-theme=light] .field-textarea:focus{background:#fff}.output-control{display:flex;align-items:center;gap:12px;margin:8px 0}.output-btn{width:32px;height:32px;border-radius:6px;border:1px solid rgba(14,165,233,.3);background:#0ea5e91a;color:var(--color-text-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.output-btn:hover:not(:disabled){background:#0ea5e933;border-color:#0ea5e980;transform:scale(1.05)}.output-btn:active:not(:disabled){transform:scale(.95)}.output-btn:disabled{opacity:.3;cursor:not-allowed}.output-count{min-width:100px;text-align:center;font-size:14px;font-weight:500;color:var(--color-text-primary)}.field-hint{font-size:11px;color:var(--color-text-secondary);margin-top:2px;font-style:italic;opacity:.8}.condition-row{display:flex;gap:8px;margin-bottom:8px;align-items:center}.condition-select{padding:6px 10px;background:var(--color-surface);border:1px solid rgba(14,165,233,.3);border-radius:6px;color:var(--color-text-primary);font-size:12px;cursor:pointer;transition:all .2s ease;width:auto;min-width:120px}.condition-select:hover{background:var(--color-surface-elevated);border-color:#0ea5e980}.condition-select option{background:var(--color-surface);color:var(--color-text-primary)}.condition-input{padding:6px 10px;background:var(--color-surface);border:1px solid rgba(14,165,233,.3);border-radius:6px;color:var(--color-text-primary);font-size:12px;transition:all .2s ease;width:auto;min-width:120px}.condition-input:focus{outline:none;background:var(--color-surface-elevated);border-color:var(--color-primary)}.condition-input::placeholder{color:var(--color-text-secondary);opacity:.6}.condition-remove-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:var(--color-danger);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.condition-remove-btn:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}.condition-add-btn:hover{background:#10b98133;border-color:#10b98180;border-style:solid}.outputnode-result-display{margin-top:8px;padding:10px;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:6px}.outputnode-result-display .outputnode-label{font-size:11px;font-weight:600;color:#06b6d4;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.outputnode-result-display .outputnode-content{font-size:13px;color:var(--color-text-primary);line-height:1.5;word-wrap:break-word;max-height:120px;overflow-y:auto}.outputnode-content::-webkit-scrollbar{width:6px}.outputnode-content::-webkit-scrollbar-thumb{background:#06b6d466;border-radius:2px}.node-output .large-icon{background:#06b6d426;border-color:#06b6d44d}.node-output{border-color:#06b6d480}.api-key-config-btn{width:100%;padding:12px 16px;background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.api-key-config-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.api-key-config-btn:active{transform:translateY(0)}.node-coordinator.ports-2,.node-condition.outputs-2{min-height:90px}.node-coordinator.ports-3,.node-condition.outputs-3{min-height:120px}.node-coordinator.ports-4,.node-condition.outputs-4{min-height:125px}.node-coordinator.ports-5,.node-condition.outputs-5{min-height:145px}.node-coordinator.ports-6,.node-condition.outputs-6{min-height:165px}.coordinator-badge{position:absolute;top:-28px;right:0;padding:4px 8px;background:var(--color-surface);border:1.5px solid var(--color-accent);border-radius:20px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;white-space:nowrap;transition:all .3s ease;z-index:10}.badge-content{display:flex;align-items:center;gap:4px}.badge-emoji{font-size:12px;display:inline-flex;align-items:center}.badge-text{color:var(--color-text-secondary)}.badge-content.running{animation:pulse 1.5s ease-in-out infinite;border-color:var(--color-primary-light)}.badge-content.running .badge-text{color:var(--color-primary)}.badge-content.completed{border-color:var(--color-success)}.badge-content.completed .badge-text{color:var(--color-success)}.badge-content.error{border-color:#ef44444d}.badge-content.error .badge-text{color:var(--color-danger)}.features{background:linear-gradient(180deg,transparent 0%,rgba(13,11,20,.5) 50%,transparent 100%)}[data-theme=light] .features{background:transparent}.features-header{text-align:center;max-width:800px;margin:0 auto var(--space-4xl)}.features-header h2{margin-bottom:var(--space-lg)}.features-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.features-grid{margin-top:var(--space-3xl)}.feature-card{display:flex;flex-direction:column;gap:var(--space-lg);text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.feature-card:hover{transform:scale(1.02)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3rem;margin:0 auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-xl);background:#246cf31a;border:1px solid rgba(36,108,243,.2);transition:all var(--transition-base)}.feature-icon svg{width:32px;height:32px;color:var(--color-primary-light);transition:all var(--transition-base);position:relative;z-index:1}.feature-card:hover .feature-icon{transform:translateY(-4px);border-color:#246cf34d}.feature-card:hover .feature-icon svg{transform:scale(1.1)}.feature-violet .feature-icon{background:#246cf30d;border-color:#246cf333}.feature-violet .feature-icon svg{color:#a78bfa}.feature-cyan .feature-icon{background:#06b6d40d;border-color:#06b6d433}.feature-cyan .feature-icon svg{color:#22d3ee}.feature-emerald .feature-icon{background:#10b9810d;border-color:#10b98133}.feature-emerald .feature-icon svg{color:#34d399}.feature-amber .feature-icon{background:#f59e0b0d;border-color:#f59e0b33}.feature-amber .feature-icon svg{color:#fbbf24}.feature-rose .feature-icon{background:#ec48990d;border-color:#ec489933}.feature-rose .feature-icon svg{color:#f472b6}.feature-indigo .feature-icon{background:#6366f10d;border-color:#6366f133}.feature-indigo .feature-icon svg{color:#818cf8}.feature-blue .feature-icon{background:#3b82f60d;border-color:#3b82f633}.feature-blue .feature-icon svg{color:#60a5fa}.feature-teal .feature-icon{background:#14b8a60d;border-color:#14b8a633}.feature-teal .feature-icon svg{color:#5eead4}.feature-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin:0}.feature-description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.feature-card.card-glass{background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.08)}.feature-card.card-glass:hover{transform:scale(1.02);background:#ffffff05;border-color:#0ea5e94d}@media(max-width:768px){.features-header{margin-bottom:var(--space-3xl);padding:0 var(--space-md)}.features-header h2{font-size:var(--font-size-3xl)}.features-subtitle{font-size:var(--font-size-base)}.features-grid{margin-top:var(--space-2xl)}.feature-card{gap:var(--space-md)}.feature-icon{width:60px;height:60px;font-size:2rem}.feature-icon svg{width:24px;height:24px}.feature-title{font-size:var(--font-size-lg)}.feature-description{font-size:var(--font-size-sm)}}@media(max-width:480px){.features-header{margin-bottom:var(--space-2xl)}.features-header h2{font-size:var(--font-size-2xl)}.features-subtitle{font-size:var(--font-size-sm)}.feature-icon{width:50px;height:50px;font-size:1.5rem}.feature-icon svg{width:20px;height:20px}.feature-title{font-size:var(--font-size-base)}}.synthetic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:var(--gradient-bg)}.neural-network-canvas{position:absolute;top:0;left:0;width:100%;height:100%}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top,rgba(14,165,233,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(48,119,250,.15) 0%,transparent 50%);pointer-events:none;animation:pulseGradient 8s ease-in-out infinite}@keyframes pulseGradient{0%,to{opacity:.6}50%{opacity:1}}.synthetic-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(14,165,233,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.05) 1px,transparent 1px);background-size:50px 50px;opacity:.3;pointer-events:none}[data-theme=light] .gradient-overlay{background:radial-gradient(ellipse at top,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(36,108,243,.15) 0%,transparent 50%)}[data-theme=light] .synthetic-background:before{background-image:linear-gradient(rgba(14,165,233,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.03) 1px,transparent 1px);opacity:.5}.home-page{padding-top:0;position:relative;min-height:100vh}.pricing-section{background:linear-gradient(180deg,transparent 0%,rgba(36,108,243,.05) 50%,transparent 100%);padding:var(--space-4xl) 0}.pricing-header-home{text-align:center;margin-bottom:var(--space-3xl)}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-md);letter-spacing:-.02em}.section-subtitle{font-size:var(--font-size-xl);color:var(--color-text-secondary)}.pricing-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1100px;margin:0 auto}.pricing-card-home{position:relative;background:#1a182599;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(36,108,243,.2);border-radius:var(--border-radius-2xl);padding:var(--space-2xl);text-align:center;transition:all .3s ease;overflow:hidden}.pricing-card-home:hover{transform:translateY(-8px);border-color:#246cf366}.pricing-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(36,108,243,.08) 0%,transparent 50%);pointer-events:none;transition:opacity .3s;opacity:0}.pricing-card-home:hover .pricing-card-glow{opacity:1}.pricing-card-home.featured{background:linear-gradient(135deg,#6366f126,#246cf326);border-color:#246cf366;transform:scale(1.05);box-shadow:0 0 40px #246cf333}.pricing-card-home.featured:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 0 60px #246cf34d}.featured-glow{background:radial-gradient(circle,rgba(36,108,243,.15) 0%,transparent 50%);opacity:1}.popular-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#1752f5);color:#fff;font-size:.75rem;font-weight:600;padding:6px 20px;border-radius:0 0 12px 12px;text-transform:uppercase;letter-spacing:.05em}.pricing-card-home h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.pricing-amount{margin-bottom:var(--space-sm)}.pricing-amount .price{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-amount .period{color:var(--color-text-muted);font-size:var(--font-size-base)}.pricing-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}.pricing-features-list{list-style:none;padding:0;margin:0 0 var(--space-xl);text-align:left}.pricing-features-list li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);border-bottom:1px solid rgba(36,108,243,.1)}.pricing-features-list li:last-child{border-bottom:none}.pricing-features-list .check{color:#10b981;font-weight:700}.pricing-footer-home{display:flex;justify-content:center;gap:var(--space-2xl);margin-top:var(--space-3xl);flex-wrap:wrap}.cta-feature-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-base)}.feature-check{color:var(--color-success);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}[data-theme=light] .pricing-section{background:linear-gradient(180deg,transparent 0%,rgba(36,108,243,.03) 50%,transparent 100%)}[data-theme=light] .pricing-card-home{background:#ffffffe6;border-color:#246cf326;box-shadow:0 4px 20px #0000000d}[data-theme=light] .pricing-card-home.featured{background:linear-gradient(135deg,#6366f114,#246cf314);box-shadow:0 8px 30px #246cf326}[data-theme=light] .pricing-amount .price{background:linear-gradient(135deg,#1e1b4b,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.pricing-grid-home{grid-template-columns:1fr;max-width:400px}.pricing-card-home.featured{transform:none}.pricing-card-home.featured:hover{transform:translateY(-8px)}.section-title{font-size:var(--font-size-3xl)}}@media(max-width:768px){.home-page{padding-top:60px}.pricing-section{padding:var(--space-2xl) 0}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base)}.pricing-footer-home{flex-direction:column;align-items:center;gap:var(--space-md)}.cta-feature-item{font-size:var(--font-size-sm)}}@media(max-width:480px){.section-title{font-size:var(--font-size-xl)}.pricing-card-home{padding:var(--space-lg)}.pricing-amount .price{font-size:2.5rem}}.node-toolbar-container{position:absolute;top:var(--space-lg);left:var(--space-lg);z-index:10;pointer-events:none}.node-toolbar-container>*{pointer-events:auto}.node-toolbar{position:relative;padding:var(--space-lg);min-width:100px;max-width:230px;max-height:calc(100vh - 120px);overflow-y:auto;transition:all var(--transition-base);transform-origin:top left;opacity:0;transform:scale(.95);pointer-events:none;visibility:hidden}.node-toolbar::-webkit-scrollbar{width:6px}.node-toolbar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.node-toolbar::-webkit-scrollbar-thumb{background:#0ea5e966;border-radius:3px}.node-toolbar::-webkit-scrollbar-thumb:hover{background:#0ea5e999}.node-toolbar.visible{opacity:1;transform:scale(1);pointer-events:auto;visibility:visible}.toolbar-trigger{position:absolute;top:0;left:0;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#080810cc;border:1px solid rgba(14,165,233,.3);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);z-index:20;box-shadow:var(--shadow-lg)}.toolbar-trigger:hover{background:#0ea5e933;border-color:var(--color-primary);transform:translateY(-2px)}.toolbar-trigger.hidden{opacity:0;pointer-events:none;transform:scale(.9)}.toolbar-section{margin-bottom:8px}.toolbar-section:last-of-type{margin-bottom:0}.toolbar-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;padding:6px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.toolbar-title:hover{background:#0ea5e91a;border-color:#0ea5e933;color:var(--color-text-primary)}.toggle-icon{font-size:8px;color:var(--color-text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.toolbar-title:hover .toggle-icon{color:var(--color-primary-light)}.toolbar-buttons{display:flex;flex-direction:column;gap:3px}.toolbar-btn{display:flex;align-items:center;gap:8px;padding:7px 10px;background:linear-gradient(135deg,#14142899,#0a0a19cc);border:1px solid rgba(255,255,255,.08);border-radius:8px;width:100%;color:var(--color-text-primary);font-family:var(--font-heading);font-size:12px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.toolbar-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:currentColor;opacity:0;transition:opacity .25s ease;border-radius:3px 0 0 3px}.toolbar-btn:hover{background:linear-gradient(135deg,#1e1e3ccc,#0f0f23e6);border-color:#ffffff26;transform:translate(4px);box-shadow:0 4px 12px #0000004d}.toolbar-btn:hover:before{opacity:.6}.toolbar-btn:active{transform:translate(2px);box-shadow:0 2px 6px #0003}.btn-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:14px;flex-shrink:0;background:#ffffff0d;border-radius:5px;transition:all .25s ease}.toolbar-btn:hover .btn-icon{background:#ffffff1a}.btn-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}.btn-label{font-size:12px;font-weight:600;color:var(--color-text-primary);letter-spacing:.01em}.btn-desc{font-size:10px;font-weight:400;color:var(--color-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.8}.btn-primary{background:linear-gradient(135deg,#0ea5e933,#06b6d433);border-color:#0ea5e966}.btn-primary:hover{background:linear-gradient(135deg,#0ea5e94d,#06b6d44d);border-color:#0ea5e999}.btn-coordinator .btn-icon{color:#10b981}.btn-data .btn-icon{color:#14b8a6}.btn-analysis .btn-icon{color:#ec4899}.btn-action .btn-icon{color:#f59e0b}.btn-condition .btn-icon{color:#f97316}.btn-start .btn-icon{color:#22c55e}.btn-execute .btn-icon{color:#a8a279}.btn-http .btn-icon{color:#ef4444}.btn-llm .btn-icon{color:#3b82f6}.btn-human .btn-icon{color:#9333ea}.btn-custom .btn-icon{color:#6b7280}.btn-output .btn-icon{color:#6366f1}.btn-vector-rag .btn-icon{color:#3b82f6}.toolbar-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(14,165,233,.3),transparent);margin:var(--space-md) 0}.btn-human:hover{border-color:#9333ea;background:#9333ea26}.btn-custom:hover{border-color:#6b7280;background:#6b728026}.toolbar-stats{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#0ea5e914;border:1px solid rgba(14,165,233,.2);border-radius:8px;margin-top:var(--space-md)}.stat-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:16px;font-weight:700;color:var(--color-primary);transition:color .2s}.stat-value.limit-reached{color:var(--color-warning)}.limit-warning{font-size:14px;margin-left:4px;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.5}}[data-theme=light] .node-toolbar{background:#fffffff2;border:1px solid rgba(14,165,233,.3);box-shadow:var(--shadow-lg)}[data-theme=light] .toolbar-trigger{background:#fffffff2;border:1px solid rgba(14,165,233,.4)}[data-theme=light] .toolbar-trigger:hover{background:#0ea5e91a;border-color:var(--color-primary)}[data-theme=light] .toolbar-btn{background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000a}[data-theme=light] .toolbar-btn:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#0ea5e94d;box-shadow:0 4px 12px #0ea5e91a}[data-theme=light] .btn-icon{background:#0000000a}[data-theme=light] .toolbar-btn:hover .btn-icon{background:#0ea5e91a}[data-theme=light] .toolbar-divider{background:linear-gradient(90deg,transparent,rgba(14,165,233,.4),transparent)}[data-theme=light] .toolbar-stats{background:#0ea5e914;border:1px solid rgba(14,165,233,.2)}[data-theme=light] .node-toolbar::-webkit-scrollbar-thumb{background:#0ea5e94d}.btn-output:hover{border-color:#06b6d4;background:#06b6d426}.toolbar-tabs{display:flex;gap:4px;padding:12px;border-radius:8px;border:1px solid var(--color-border);background:var(--bg-card-elevated)}.toolbar-tab{flex:1;padding:8px 12px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.toolbar-tab:hover{background:#ffffff0d;border-color:#0ea5e94d;color:var(--color-text-primary)}.toolbar-tab.active{background:#0ea5e933;border-color:#0ea5e980;color:var(--color-primary)}.toolbar-content{padding:8px;max-height:calc(100vh - 250px);overflow-y:auto}.btn-description{font-size:10px;color:var(--color-text-muted);line-height:1.3;opacity:.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-context-menu{position:fixed;min-width:auto;width:max-content;padding:0;border-radius:0;z-index:1000;box-shadow:none;animation:contextMenuFadeIn .15s ease-out;display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-start;background:transparent;pointer-events:none}.node-context-menu>*{pointer-events:auto}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;justify-content:flex-start;padding:var(--space-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-full);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);text-align:left;position:relative;height:40px;min-width:40px}.context-menu-item:hover{background:#246cf333;border-color:#246cf34d;transform:translate(2px)}.context-menu-item.danger:hover{background:#ef444433;border-color:#ef44444d;color:var(--color-danger)}.menu-icon{font-size:var(--font-size-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.menu-label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:all var(--transition-base);font-size:var(--font-size-xs)}.context-menu-item:hover .menu-label{max-width:100px;opacity:1;margin-left:var(--space-xs);margin-right:var(--space-xs)}.context-menu-divider{height:1px;width:100%;background:#246cf333;margin:var(--space-xs) 0}.edge-delete-button{width:20px;height:20px;background:#1e293b;border:2px solid #ef4444;border-radius:50%;color:var(--color-danger);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5}.edge-delete-button:hover{opacity:1;background:#ef4444;color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ef444480}.toast{position:fixed;bottom:var(--space-xl);right:var(--space-xl);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;animation:slideIn .3s ease;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-xl);min-width:280px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.toast-message{flex:1}.toast-success{background:#10b981e6;border:1px solid rgba(16,185,129,1);color:#fff}.toast-error{background:#ef4444e6;border:1px solid rgba(239,68,68,1);color:#fff}.toast-warning{background:#f59e0be6;border:1px solid rgba(245,158,11,1);color:#fff}.toast-info{background:#06b6d4e6;border:1px solid rgba(6,182,212,1);color:#fff}[data-theme=light] .toast-success{background:#10b981f2}[data-theme=light] .toast-error{background:#ef4444f2}[data-theme=light] .toast-warning{background:#f59e0bf2}[data-theme=light] .toast-info{background:#06b6d4f2}.workflow-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.workflow-modal{background:#4a575a80;border-radius:16px;padding:0;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(36,108,243,.3);animation:slideUp .3s ease}.workflow-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(36,108,243,.2)}.workflow-modal-header h2{font-size:20px;color:#fff;margin:0}.modal-close-btn{background:none;border:none;color:#1752f5;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-close-btn:hover{background:#246cf333}.workflow-modal-body{padding:32px;overflow-y:auto}.save-workflow-form{display:flex;flex-direction:column;gap:24px}.save-workflow-form label{color:#1752f5;font-size:14px;font-weight:500}.workflow-name-input{background:#ffffff0d;border:1px solid rgba(36,108,243,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s}.workflow-name-input:focus{outline:none;border-color:#1752f5;background:#ffffff14;box-shadow:0 0 0 3px #246cf31a}.save-workflow-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:linear-gradient(135deg,#1752f5,#3ac9ed);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #246cf366}.btn-secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(36,108,243,.3)}.btn-secondary:hover:not(:disabled){background:#ffffff14}.workflow-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.workflow-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff0d;border:1px solid rgba(36,108,243,.2);border-radius:12px;transition:all .2s}.workflow-item:hover{background:#ffffff14;border-color:#246cf366}.workflow-info{flex:1}.workflow-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.workflow-meta{color:#1752f5;font-size:12px}.workflow-actions{display:flex;gap:8px}.btn-load,.btn-delete{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-load{background:linear-gradient(135deg,#1752f5,#3ac9ed);color:#fff}.btn-load:hover{transform:translateY(-1px);box-shadow:0 4px 12px #246cf366}.btn-delete{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-delete:hover{background:#ef444433}.btn-delete.confirm{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;animation:pulse .5s ease-in-out}.empty-state{text-align:center;padding:48px 24px;color:#1752f5}.empty-icon{font-size:64px;display:block;margin-bottom:16px}.empty-state p{font-size:18px;margin:0 0 8px;color:#fff}.empty-state small{font-size:14px;color:#1752f5}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.password-prompt-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.password-prompt-modal{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;padding:32px;max-width:450px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(36,108,243,.2);animation:slideUp .3s ease}.password-prompt-header{text-align:center;margin-bottom:24px}.password-prompt-header h3{font-size:24px;color:#fff;margin:0 0 8px}.password-prompt-header p{color:#a78bfa;font-size:14px;margin:0}.password-prompt-form{display:flex;flex-direction:column;gap:20px}.password-prompt-form .form-group{display:flex;flex-direction:column;gap:8px}.password-prompt-form label{color:#e9d5ff;font-size:14px;font-weight:500}.password-prompt-form .form-input{background:#ffffff0d;border:1px solid rgba(36,108,243,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s}.password-prompt-form .form-input:focus{outline:none;border-color:#1752f5;background:#ffffff14;box-shadow:0 0 0 3px #246cf31a}.password-prompt-form .form-input::placeholder{color:#6b7280}.password-prompt-form small{color:#9ca3af;font-size:12px}.password-prompt-form .btn-primary{background:linear-gradient(135deg,#1752f5,#7c3aed);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.password-prompt-form .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #246cf366}.password-prompt-form .btn-primary:disabled{opacity:.5;cursor:not-allowed}.password-prompt-form .alert{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px}.password-prompt-form .alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.security-note{margin-top:20px;padding:16px;background:"var(--color-primary)";border:1px solid rgba(36,108,243,.2);border-radius:8px;display:flex;gap:12px;font-size:13px}.security-note span:first-child{font-size:20px}.security-note strong{color:"var(--color-primary)";display:block;margin-bottom:4px}.security-note p{color:"var(--color-primary)";margin:0;line-height:1.5}.password-prompt-form .button-group{display:flex;gap:12px}.password-prompt-form .btn-secondary{flex:1;background:#ffffff0d;color:#e9d5ff;border:1px solid rgba(36,108,243,.3);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.password-prompt-form .btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:#1752f5}.password-prompt-form .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.premium-modal{--modal-bg: linear-gradient(145deg, rgba(15, 23, 42, .98), rgba(30, 41, 59, .98));--modal-border: rgba(14, 165, 233, .2);--modal-radius: 14px;--modal-padding: 16px;--accent: #0ea5e9;--accent-light: rgba(14, 165, 233, .15);--success: #22c55e;--success-light: rgba(34, 197, 94, .1);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .15);--warning: #f59e0b;--muted: #6b7280;--bg-subtle: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition: all .2s ease;--font-xs: 11px;--font-sm: 12px;--font-base: 13px;--font-lg: 16px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px}.premium-modal{background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:var(--modal-radius);padding:var(--modal-padding);color-scheme:dark;max-width:450px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 16px 48px #00000080,0 0 32px #0ea5e914;animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-modal-close{position:absolute;top:var(--modal-padding);right:var(--modal-padding);background:var(--bg-subtle);border:none;border-radius:var(--radius-md);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:var(--transition)}.premium-modal-close:hover{background:var(--danger-light);color:var(--danger)}.modal-header{text-align:center;margin:-20px 0 10px}.schedule-title{text-align:center;margin:-30px 0 10px;border-bottom:1px solid var(--color-primary)}.timezone{display:grid;grid-template-columns:1fr 2fr;margin:var(--space-xs) 0;justify-content:space-around;padding:var(--space-sm) var(--space-xs);border-top:1px solid var(--border-normal);border-bottom:1px solid var(--border-normal)}.modal-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent)}.modal-icon.schedule-icon,.modal-icon.webhook-icon{background:var(--accent-light);color:var(--accent)}.modal-icon.deploy-icon{background:var(--accent-light);color:var(--muted)}.modal-icon.deploy-icon.deployed{background:var(--success-light);color:var(--success)}.modal-header h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.modal-subtitle{font-size:var(--font-md);margin:0 0 1%;border-radius:var(--radius-md);color:var(--color-text-secondary)}.modal-content{padding:4px;margin-top:var(--space-xs)}.modal-loading{text-align:center;padding:var(--space-lg);color:var(--color-text-secondary)}.modal-error{background:var(--danger-light);border:1px solid rgba(239,68,68,.3);color:var(--danger);padding:var(--space-sm) 10px;border-radius:var(--radius-sm);margin-bottom:10px;font-size:var(--font-sm)}.modal-success{background:var(--success-light);border:1px solid rgba(34,197,94,.3);color:var(--success);padding:var(--space-sm) 10px;border-radius:var(--radius-sm);margin-bottom:10px;font-size:var(--font-sm)}.confirmation-dialog{text-align:center;padding:var(--space-lg)}.confirmation-dialog h3{margin:0 0 var(--space-sm);color:var(--color-text-primary);font-size:var(--font-lg)}.confirmation-dialog p{margin:0 0 var(--space-lg);color:var(--color-text-secondary)}.api-key-selection{text-align:left;padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.api-key-selection-title{margin:0 0 var(--space-sm);font-size:var(--font-sm);font-weight:600;color:var(--color-text-primary)}.api-key-list{display:flex;flex-direction:column;gap:var(--space-sm)}.api-key-provider{padding:var(--space-sm);background:var(--bg-card);border-radius:var(--radius-sm)}.api-key-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-base)}.api-key-name{text-transform:capitalize;font-weight:500}.api-key-meta{color:var(--color-text-muted);font-size:var(--font-xs)}.api-key-radio-group{margin-left:24px;display:flex;flex-direction:column;gap:var(--space-xs)}.api-key-radio{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-sm)}.api-key-hint{margin:var(--space-sm) 0 0;font-size:var(--font-xs);color:var(--color-text-muted)}.form-group label{display:block;font-size:var(--font-xs);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.label-hint{font-weight:400;color:var(--color-text-muted);margin-left:var(--space-xs)}.form-group select,.form-group input[type=text],.form-group input[type=number]{width:100%;padding:var(--space-sm) var(--space-sm);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-sm);transition:var(--transition)}.premium-modal select,.premium-modal select option{background-color:#0f172a;color:#e2e8f0}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--accent-light);box-shadow:0 0 0 3px var(--accent)}.schedule-type-buttons{display:flex;gap:var(--space-sm)}.type-btn{flex:1;padding:var(--space-sm) 10px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-xs);cursor:pointer;transition:var(--transition)}.type-btn:hover{background:#ffffff1a}.type-btn.active{background:#0ea5e933;border-color:#0ea5e980;color:#0ea5e9}.interval-input{display:flex;align-items:center;gap:12px}.interval-input input{width:100px;text-align:center}.interval-input span{color:var(--color-text-secondary)}.quick-intervals{display:flex;gap:8px;margin-top:12px}.quick-intervals button{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.quick-intervals button:hover{background:#0ea5e926;border-color:#0ea5e94d;color:var(--accent)}.time-input{display:flex;align-items:center;justify-content:center;gap:8px}.time-input select{width:80px!important;text-align:center}.time-input span{color:var(--color-text-secondary);font-size:18px}.day-buttons{display:flex;gap:6px}.day-btn{flex:1;padding:8px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .2s}.day-btn:hover{background:#ffffff1a}.day-btn.active{background:#0ea5e933;border-color:#0ea5e980;color:#0ea5e9}.toggle-group{display:flex;align-items:center;justify-content:space-between}.webhook-toggle-group{display:flex;align-items:center;justify-content:space-evenly;background:var(--bg-elevated);padding:2px;border:1px solid var(--accent-light);border-radius:10px 10px 0 0}.toggle-btn{width:48px;max-width:48px;height:26px;background:#ffffff1a;border:none;border-radius:13px;position:relative;cursor:pointer;transition:all .2s}.toggle-btn.active{background:#22c55e}.toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .2s}.toggle-btn.active .toggle-slider{left:25px}.next-run-preview{display:flex;justify-content:space-between;padding:6px 10px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:6px;font-size:11px;margin-top:8px}.next-run-preview span:first-child{color:var(--color-text-secondary)}.next-run-preview span:last-child{color:#0ea5e9;font-weight:500}.copy-field{display:flex;gap:8px}.copy-field input{flex:1;font-family:Monaco,Consolas,monospace;font-size:12px}.copy-field button{padding:10px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.copy-field button:hover{background:#0ea5e926;color:#0ea5e9}.secret-field button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.secret-field button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.webhook-intro{padding:14px;background:#ffffff08;border-radius:10px;margin-bottom:14px}.webhook-intro p{color:var(--color-text-primary);margin:0 0 16px}.webhook-intro ul{margin:0;padding-left:20px}.webhook-intro li{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px}.webhook-stats{display:flex;gap:16px;padding:10px;background:#ffffff08;border-radius:0 0 12px 12px;margin-bottom:20px}.webhook-stats .stat{flex:1;text-align:center}.webhook-stats .stat-value{display:block;font-size:20px;font-weight:600;color:var(--color-text-primary)}.webhook-stats .stat-label{font-size:12px;color:var(--color-text-secondary)}.code-block{position:relative;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;overflow-x:auto}.code-block code{font-family:Monaco,Consolas,monospace;font-size:11px;color:#e2e8f0;white-space:pre-wrap;word-break:break-all}.copy-code-btn{position:absolute;top:8px;right:8px;padding:4px;background:var(--accent-light);border:none;border-radius:4px;color:var(--color-text-secondary);font-size:11px;cursor:pointer;transition:all .2s}.copy-code-btn:hover{background:var(--accent-light);color:var(--accent)}.curl-format-toggle{margin-left:12px;display:inline-flex;gap:4px}.curl-format-toggle .format-btn{padding:2px 8px;font-size:10px;font-weight:500;border:1px solid var(--border-subtle);background:var(--bg-subtle);color:var(--color-text-muted);border-radius:4px;cursor:pointer;transition:all .2s}.curl-format-toggle .format-btn:hover{background:var(--accent-light);color:var(--color-text-secondary)}.curl-format-toggle .format-btn.active{background:var(--accent-light);border-color:var(--color-primary);color:var(--accent)}.deploy-status{padding:20px;border-radius:12px;margin-bottom:24px}.deploy-status.active{background:var(--success);border:1px solid rgba(34,197,94,.3)}.deploy-status.inactive{background:#6b72801a;border:1px solid rgba(107,114,128,.3)}.status-indicator{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%}.deploy-status.active .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:pulse 2s infinite}.deploy-status.inactive .status-dot{background:#6b7280}.status-text{font-size:16px;font-weight:600}.deploy-status.active .status-text{color:#22c55e}.deploy-status.inactive .status-text{color:#6b7280}.status-desc{margin:8px 0 0 20px;font-size:13px;color:var(--color-text-secondary)}.deploy-triggers{margin-bottom:24px}.deploy-triggers h3{font-size:14px;font-weight:500;color:var(--color-text-secondary);margin:0 0 12px}.trigger-card{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:12px;transition:all .2s}.trigger-card.active{border-color:#22c55e4d;background:#22c55e0d}.trigger-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.trigger-header svg{color:var(--color-text-secondary)}.trigger-card.active .trigger-header svg{color:var(--success)}.trigger-header span:first-of-type:not(.trigger-status){flex:1;font-weight:500;color:var(--color-text-primary)}.trigger-status{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.trigger-status.on{background:var(--success-light);color:var(--success)}.trigger-status.off{background:#6b728033;color:#6b7280}.trigger-details{margin-left:30px;font-size:13px}.trigger-details p{margin:0 0 4px;color:var(--color-text-secondary)}.trigger-details .next-run{color:var(--color-primary)}.trigger-details .webhook-url-preview{font-family:Monaco,Consolas,monospace;font-size:11px;color:var(--color-primary);word-break:break-all}.trigger-details .trigger-count{color:var(--color-text-muted)}.trigger-empty{margin-left:30px;font-size:13px;color:var(--color-text-muted);font-style:italic}.trigger-card .btn-link{margin-left:30px;margin-top:8px}.deploy-stats{margin-bottom:20px;justify-content:center}.deploy-stats h3{font-size:15px;font-weight:500;justify-content:center;color:var(--color-text-secondary);margin:0 0 12px}.stats-grid{display:flex;justify-content:center;gap:12px}.stat-card{padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px}.stat-card .stat-value{display:block;font-size:20px;font-weight:600;color:var(--color-text-primary)}.stat-card.success .stat-value{color:#22c55e}.stat-card.error .stat-value{color:#ef4444}.stat-card .stat-label{font-size:11px;color:var(--color-text-secondary)}.deploy-history{margin-bottom:16px}.deploy-history h3{font-size:14px;font-weight:500;color:var(--color-text-secondary);margin:0 0 12px}.execution-list{display:flex;flex-direction:column;gap:8px}.execution-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px}.exec-trigger{color:var(--color-text-secondary)}.exec-info{flex:1;display:flex;flex-direction:column;gap:2px}.exec-time{font-size:13px;color:var(--color-text-primary)}.exec-duration{font-size:11px;color:var(--color-text-muted)}.exec-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.badge-pending{background:#6b728033;color:#6b7280}.badge-running{background:#3b82f633;color:var(--blue)}.badge-success{background:#22c55e33;color:var(--success)}.badge-error{background:#ef444433;color:var(--danger)}.deploy-empty{text-align:center;padding:32px;color:var(--color-text-secondary)}.deploy-empty p{margin:0 0 8px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.btn-primary{padding:6px 14px;background:var(--gradient-primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-light)}.btn-secondary{padding:6px 14px;background:#ffffff0d;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--color-text-primary)}.btn-danger{padding:6px 14px;background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-link{padding:0;background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;transition:all .2s}.btn-link:hover:not(:disabled){color:var(--color-secondary);text-decoration:underline}.full-width{width:100%}[data-theme=light] .premium-modal{background:linear-gradient(145deg,#fffffffa,#f8fafcfa);border-color:#0ea5e94d;color-scheme:light}[data-theme=light] .premium-modal select,[data-theme=light] .premium-modal select option{background-color:#f8fafc;color:#0f172a}[data-theme=light] .modal-header h2{color:#0f172a}[data-theme=light] .form-group select,[data-theme=light] .form-group input{background:#00000008;border-color:#0000001a;color:#0f172a}[data-theme=light] .type-btn,[data-theme=light] .day-btn,[data-theme=light] .quick-intervals button{background:#00000008;border-color:#0000001a;color:#64748b}[data-theme=light] .type-btn.active,[data-theme=light] .day-btn.active{background:#0ea5e926;border-color:#0ea5e980;color:#0284c7}[data-theme=light] .trigger-card,[data-theme=light] .stat-card,[data-theme=light] .webhook-stats,[data-theme=light] .execution-item{background:#00000005;border-color:#00000014}[data-theme=light] .code-block{background:#1e293b}@media(max-width:600px){.premium-modal{padding:24px;border-radius:16px}.schedule-type-buttons{flex-direction:column}.day-buttons{flex-wrap:wrap}.day-btn{flex:0 0 calc(25% - 6px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.form-hint{font-size:12px;color:var(--color-text-muted);margin:0 0 5px}.keys-loading{padding:16px;text-align:center;color:var(--color-text-secondary);font-size:13px}.no-keys-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;font-size:13px}.api-key-selection{display:contents;gap:8px}.api-key-names{display:grid;grid-template-columns:repeat(3,auto);align-items:center;gap:12px}.api-key-item{display:flex;align-items:start;gap:12px;padding:8px 10px;background:var(--bg-card-elevated);border:1px solid var(--border-normal);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.api-key-item:hover{background:var(--bg-hover)}.api-key-item.selected{background:var(--bg-card-elevated);border-color:var(--color-primary)}.api-key-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--success)}.api-key-item .key-name{flex:2;font-weight:500;color:var(--color-text-primary);text-transform:capitalize}.api-key-item .key-hint{font-size:10px;color:var(--color-text-muted)}.session-option{margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-input);border-radius:var(--radius-sm);text-align:left}.session-option-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:var(--font-base)}.session-option-label input[type=checkbox]{margin-top:2px;accent-color:var(--accent)}.session-option-title{font-weight:500;color:var(--color-text-primary)}.session-option-warning{margin:6px 0 0;font-size:var(--font-xs);color:var(--warning);line-height:1.4}.token-hint{font-size:12px;color:var(--color-text-secondary);margin:2px 0 4px;line-height:1.4}.token-expiration-row{display:flex;justify-content:space-between;align-items:center;margin-top:2px;font-size:11px;color:var(--color-text-secondary)}.refresh-token-btn{background:transparent;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:11px;color:var(--color-text-primary);transition:all .2s ease}.refresh-token-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary)}.refresh-token-btn:disabled{opacity:.5;cursor:not-allowed}.api-token-notice{padding:2px;background:var(--bg-status-info);border:1px solid var(--border-info);border-radius:6px;margin-bottom:2px;font-size:12px;line-height:1.5}.api-token-notice strong{display:block}.api-token-notice p{margin:6px 0 0;color:var(--color-text-secondary)}.execution-header{padding:12px 16px;border-bottom:1px solid var(--border-subtle);background:var(--color-surface);display:flex;flex-direction:column;gap:8px;transition:padding .2s ease}.execution-header.collapsed{padding:8px 16px;gap:0}.execution-header .header-row-1{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.execution-header .workflow-name{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary);flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.execution-header .status-badge.compact{padding:4px 8px;font-size:11px;flex-shrink:0}.execution-header .header-collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--color-text-muted);cursor:pointer;margin-left:auto;flex-shrink:0;transition:all .2s ease}.execution-header .header-collapse-btn:hover{background:var(--bg-card-hover);color:var(--color-text-primary)}.execution-header .header-collapse-btn svg{transition:transform .2s ease}.execution-header .header-progress-row{display:flex;align-items:center;gap:8px}.execution-header .header-progress-row .progress-bar-container{flex:1;min-width:80px;height:20px;background:var(--bg-card-hover);border-radius:10px;overflow:hidden}.execution-header .header-progress-row .progress-bar{height:100%;background:linear-gradient(90deg,var(--color-status-running) 0%,var(--color-primary) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:width .3s ease}.execution-header .header-progress-row .progress-bar.error{background:linear-gradient(90deg,var(--color-status-error) 0%,rgba(var(--color-danger-rgb),.8) 100%)}.execution-header .header-progress-row .progress-text{font-size:11px;font-weight:600;color:var(--color-text-primary);text-shadow:0 1px 2px var(--shadow-text)}.execution-header .steps-label{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.execution-header .cancel-btn-small{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:var(--bg-danger-background);color:var(--color-danger);cursor:pointer;transition:all .2s}.execution-header .cancel-btn-small:hover{background:var(--bg-danger-background)}.execution-header .header-time-row{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted)}.execution-header .header-time-row svg{opacity:.6}.execution-header .trigger-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:var(--bg-status-pending);border:1px solid var(--border-normal);font-size:11px;color:var(--color-text-secondary)}.execution-header .trigger-badge svg{opacity:.7}.execution-header .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid}.execution-header .badge-pending{background:var(--bg-status-pending);border-color:var(--border-normal);color:var(--color-status-pending)}.execution-header .badge-running{background:var(--bg-status-running);border-color:var(--border-primary);color:var(--color-status-running)}.execution-header .badge-success{background:var(--bg-status-success);border-color:rgba(var(--color-success-rgb),.3);color:var(--color-status-success)}.execution-header .badge-error{background:var(--bg-status-error);border-color:rgba(var(--color-danger-rgb),.3);color:var(--color-status-error)}.execution-header .status-icon{font-size:14px;line-height:1}.execution-header .execution-pulse{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.execution-header .header-stats{display:grid;margin-bottom:0;grid-template-columns:repeat(3,1fr);gap:8px}.execution-header .stat-item{display:flex;align-items:center;padding:2px 1px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .2s ease}.execution-header .stat-icon{font-size:12px;line-height:1;opacity:.8}.execution-header .stat-item:hover{background:var(--bg-card-hover);border-color:var(--border-normal)}.execution-header .stat-content{display:flex;flex-direction:column;min-width:0;flex:1}.execution-header .stat-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.execution-header .stat-value{font-size:14px;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.execution-header{padding:16px}.execution-header .header-stats{grid-template-columns:1fr;gap:4px}.execution-header .header-title h3{font-size:16px}}.steps-timeline{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.steps-timeline::-webkit-scrollbar{width:8px}.steps-timeline::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.steps-timeline::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-sm)}.steps-timeline::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-muted)}.timeline-empty .empty-icon{font-size:48px;opacity:.5}.timeline-empty .empty-text{font-size:14px;color:var(--color-text-secondary)}.step-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;transition:all .2s ease}.step-card:hover{border-color:var(--border-normal);background:var(--bg-card-hover)}.step-card.pending{border-left:3px solid var(--color-status-pending)}.step-card.running{border-left:3px solid var(--color-status-running);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.2);animation:runningPulse 2s ease-in-out infinite}@keyframes runningPulse{0%,to{border-left-color:var(--color-status-running);box-shadow:0 0 12px rgba(var(--color-primary-rgb),.2)}50%{border-left-color:var(--color-accent-blue);box-shadow:0 0 16px rgba(var(--color-accent-blue-rgb),.3)}}.step-card.completed{border-left:3px solid var(--color-status-success)}.step-card.failed{border-left:3px solid var(--color-status-error)}.step-card-header{display:flex;align-items:center;gap:4px;padding:6px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.step-card-header:hover{background:#ffffff05}.step-number{width:28px;height:28px;border-radius:6px;background:var(--bg-status-pending);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.step-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.step-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.step-icon{font-size:16px;line-height:1}.step-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.step-type{font-size:11px;color:var(--color-text-muted);background:var(--bg-status-pending);padding:2px 6px;border-radius:3px}.step-summary{font-size:13px;color:var(--color-text-secondary);font-weight:400;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-summary.step-running{color:var(--color-status-running);font-style:italic}.step-summary.step-failed{color:var(--color-status-error)}.step-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted)}.meta-icon{font-size:13px;opacity:.7}.step-toggle{flex-shrink:0;color:var(--color-text-muted);transition:transform .2s ease}.toggle-icon{transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.step-card-body{padding:0 12px 12px;display:flex;flex-direction:column;gap:10px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.step-error{background:var(--bg-status-error);border:1px solid rgba(var(--color-danger-rgb),.2);border-radius:6px;padding:12px}.error-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.error-icon{font-size:16px}.error-title{font-size:13px;font-weight:600;color:var(--color-status-error)}.error-message{margin:0;padding:8px;background:var(--bg-input);border-radius:4px;font-size:12px;color:var(--color-status-error);font-family:Consolas,Monaco,Courier New,monospace;white-space:pre-wrap;word-break:break-word}.step-section{display:flex;flex-direction:column;gap:8px}.section-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#cbd5e1}.section-icon{font-size:14px;opacity:.8}.json-viewer{margin:0;padding:12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;font-size:12px;color:var(--color-text-secondary);font-family:Consolas,Monaco,Courier New,monospace;overflow-x:auto;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.json-viewer.small{font-size:11px;padding:8px;max-height:200px}.formatted-data{padding:12px;background:#0f172acc;border:1px solid rgba(100,116,139,.2);border-radius:6px}.data-summary{font-size:14px;font-weight:500;color:#e0f2fe;margin-bottom:8px}.data-details{display:flex;flex-direction:column;gap:4px}.detail-line{font-size:12px;color:#cbd5e1;font-family:Consolas,Monaco,Courier New,monospace}.show-raw-btn{margin-left:auto;padding:4px 8px;font-size:11px;background:#64748b33;border:1px solid rgba(100,116,139,.3);border-radius:4px;color:#94a3b8;cursor:pointer;transition:all .2s}.show-raw-btn:hover{background:#64748b4d;color:#e0f2fe;border-color:#64748b80}.tree-items{display:flex;flex-direction:column;gap:1px;padding-left:8px}.tree-item{display:flex;align-items:center;font-size:13px;line-height:1.6;padding:2px 0}.tree-char{color:var(--color-text-muted);margin-right:6px;font-family:Courier New,monospace;font-size:12px;width:16px;flex-shrink:0;-webkit-user-select:none;user-select:none}.tree-label{color:var(--color-text-secondary);margin-right:6px;font-weight:600;font-size:12px;flex-shrink:0}.tree-value{color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-toggle{margin-left:8px;padding:3px 8px;font-size:11px;font-weight:500;color:var(--color-primary);background:#60a5fa1a;border:1px solid rgba(96,165,250,.3);border-radius:4px;cursor:pointer;transition:all .15s;flex-shrink:0}.tree-toggle:hover{color:#93c5fd;background:#60a5fa33;border-color:var(rgba(var(--color-accent-blue-rgb), .3))}.tree-meta{color:#94a3b8;font-size:12px}.tree-meta-content{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.tree-meta .meta-value{color:#cbd5e1}.tree-raw-data{margin:4px 0 8px 28px;padding:8px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:4px;font-size:11px;color:var(--color-text-secondary);font-family:Consolas,Monaco,Courier New,monospace;max-height:200px;overflow-y:auto;line-height:1.5}.sub-steps-section{margin-top:8px}.sub-steps-tree{display:flex;flex-direction:column;gap:2px;padding-left:8px;margin-top:8px}.sub-step-tree-item .tree-item{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.6;padding:4px 0}.sub-step-index{color:var(--color-text-muted);font-weight:600;min-width:18px}.sub-step-name{color:var(--color-text-primary);font-weight:500}.sub-step-result{color:var(--color-text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.sub-step-time{color:var(--color-text-muted);font-size:11px;flex-shrink:0}.sub-steps{display:flex;flex-direction:column;gap:8px}.sub-step{background:#0f172a80;border:1px solid rgba(100,116,139,.15);border-radius:6px;padding:10px}.sub-step-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sub-step-number{width:20px;height:20px;border-radius:4px;background:#64748b33;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#94a3b8}.sub-step-label{font-size:12px;font-weight:500;color:#cbd5e1;flex:1}.sub-step-duration{font-size:11px;color:#64748b}.step-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#64748b;font-size:13px}.empty-icon{font-size:20px;opacity:.5}.llm-sections{display:flex;flex-direction:column;gap:8px;padding-left:8px;position:relative}.llm-sections:before{content:"";position:absolute;left:11px;top:15px;bottom:15px;width:0;border-left:1px dotted var(--color-text-muted);opacity:.5}.llm-section{display:flex;flex-direction:column;position:relative}.llm-section-header{display:flex;align-items:center;gap:6px;padding:2px 0}.llm-section-label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.llm-response-content{margin-left:24px;margin-top:4px;padding:10px 12px;background:var(--bg-accent-green);border-left:3px solid var(--border-accent-green);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:13px;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto}.llm-response-content::-webkit-scrollbar{width:6px}.llm-response-content::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:3px}.llm-task-content{margin-left:24px;margin-top:4px;padding:8px 10px;background:var(--bg-accent-blue);border-left:3px solid var(--border-accent-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:12px;font-style:italic;color:var(--color-text-secondary);max-height:100px;overflow-y:auto;white-space:pre-wrap}.llm-tokens-content{margin-left:24px;padding:4px 0;color:var(--color-text-secondary);font-size:12px}.token-total{font-weight:600;color:var(--color-text-primary);font-family:Consolas,Monaco,Courier New,monospace}.token-breakdown{color:var(--color-text-muted);font-size:11px}.llm-reasoning-content{margin-left:24px;margin-top:4px;padding:8px 10px;background:var(--bg-accent-amber);border-left:3px solid var(--border-accent-amber);border-radius:0 var(--radius-sm) var(--radius-sm) 0;max-height:200px;overflow-y:auto}.reasoning-step{display:flex;gap:8px;padding:4px 0;font-size:12px;line-height:1.5;border-bottom:1px solid var(--border-subtle)}.reasoning-step:last-child{border-bottom:none}.reasoning-index{color:var(--color-accent-amber);font-weight:600;min-width:20px;flex-shrink:0}.reasoning-text{color:var(--color-text-secondary)}.llm-section-count{color:var(--color-text-muted);font-size:11px;margin-left:4px}.llm-model-content{margin-left:24px;padding:4px 0;color:var(--color-text-secondary);font-size:12px;font-family:Consolas,Monaco,Courier New,monospace}.model-provider{color:var(--color-text-muted)}.model-separator{color:var(--color-text-muted);margin:0 2px}.model-name{color:var(--color-text-primary);font-weight:500}.generic-sections{display:flex;flex-direction:column;gap:8px;padding-left:8px}.generic-section{display:flex;flex-direction:column}.generic-section-header{display:flex;align-items:center;gap:6px;padding:2px 0}.generic-section-label{font-size:12px;font-weight:600;color:var(--color-text-secondary);min-width:50px}.generic-section-summary{font-size:12px;color:var(--color-text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generic-details{margin-left:24px;margin-top:4px;padding:6px 10px;background:#64748b0f;border-left:2px solid rgba(100,116,139,.2);border-radius:0 4px 4px 0}.generic-detail-item{font-size:11px;color:var(--color-text-secondary);padding:2px 0;line-height:1.5}.generic-detail-item:before{content:""}@media(max-width:768px){.steps-timeline,.step-card-header{padding:12px}.step-card-body{padding:0 12px 12px}.step-meta{gap:8px}.meta-item{font-size:11px}.llm-response-content,.llm-task-content{margin-left:16px;padding:8px 10px}}.coordinator-section{margin:12px 0;border-left:3px solid var(--color-primary);padding:10px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.coordinator-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;font-size:13px}.coordinator-icon{flex-shrink:0;color:var(--color-primary)}.coordinator-label{flex:1;color:var(--color-text)}.tree-toggle{padding:4px 8px;background:var(--color-bg-hover);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.tree-toggle:hover{background:var(--color-bg-active);color:var(--color-text)}.coordinator-reason{font-size:13px;color:var(--color-text-secondary);margin:8px 0;padding:6px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-xs)}.coordinator-scores{margin:8px 0;padding-right:8px;position:relative}.score-row{display:flex;align-items:flex-start;gap:6px;font-size:12px;padding:6px 8px;margin:4px 0;background:var(--color-bg-tertiary);border-radius:var(--radius-xs)}.score-row.selected{background:rgba(var(--color-success-rgb, 34, 197, 94),.15);border-left:3px solid var(--color-success, #22c55e);border-radius:4px 0 0 4px}.score-label{display:block;color:var(--color-text);font-weight:500;margin-bottom:4px}.gt-score{color:var(--color-text-muted);font-weight:400;font-size:11px}.selected-indicator{color:var(--color-success, #22c55e);font-weight:600;font-size:11px}.score-issues{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.issue-tag{display:inline-block;padding:2px 6px;background:var(--color-warning-light);color:var(--color-warning-dark);border-radius:var(--radius-xs);font-size:11px}.coordinator-violations{margin:8px 0}.violation-row{font-size:12px;padding:6px 8px;margin:4px 0;background:var(--color-bg-tertiary);border-radius:var(--radius-xs);border-left:2px solid var(--color-warning)}.violation-row.blocked{border-left-color:var(--color-error);background:rgba(var(--color-error-rgb),.05)}.violation-icon{margin-right:4px}.violation-label{display:block;color:var(--color-text);font-weight:500;margin-bottom:4px}.violation-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.violation-tag{display:inline-block;padding:2px 6px;background:var(--color-error-light);color:var(--color-error-dark);border-radius:var(--radius-xs);font-size:11px}.coordinator-routing{margin:8px 0}.routing-row{font-size:12px;padding:6px 8px;margin:4px 0;background:var(--color-bg-tertiary);border-radius:var(--radius-xs);color:var(--color-text)}.routing-label{display:block;font-weight:500}.coordinator-raw{margin-top:8px;font-size:11px;max-height:200px}.live-logs-viewer{border-top:1px solid var(--border-subtle);background:var(--color-surface)}.logs-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.logs-header:hover{background:var(--color-hover)}.logs-title{display:flex;align-items:center;gap:8px}.logs-icon{font-size:16px;opacity:.8}.logs-label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.logs-count{font-size:12px;color:var(--color-text-muted)}.logs-toggle{color:var(--color-text-muted)}.logs-toggle .toggle-icon{transition:transform .2s ease}.logs-toggle .toggle-icon.expanded{transform:rotate(180deg)}.logs-content{max-height:300px;overflow-y:auto;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.logs-content::-webkit-scrollbar{width:8px}.logs-content::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.logs-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}.logs-content::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.logs-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--color-text-muted);font-size:13px}.logs-empty .empty-icon{font-size:20px;opacity:.5}.logs-list{padding:8px 20px 12px;display:flex;flex-direction:column;gap:4px}.log-entry{font-size:12px;font-family:Consolas,Monaco,Courier New,monospace;color:var(--color-text-secondary);padding:4px 8px;background:var(--bg-input);border-left:2px solid var(--border-normal);border-radius:3px;line-height:1.5;word-break:break-word}.live-logs-viewer.collapsed .logs-content{display:none}@media(max-width:768px){.logs-header{padding:10px 16px}.logs-list{padding:8px 16px 12px}.logs-content{max-height:200px}}.metrics-tab{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.metrics-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px}.section-title{margin:0 0 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.status-item{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:var(--radius-sm);background:var(--bg-section-subtle)}.status-count{font-size:18px;font-weight:700;font-family:Consolas,monospace}.status-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase}.status-item.success .status-count{color:var(--color-status-success)}.status-item.error .status-count{color:var(--color-status-error)}.status-item.running .status-count{color:var(--color-status-running)}.status-item.pending .status-count{color:var(--color-status-pending)}.efficiency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.efficiency-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px;background:var(--bg-section-subtle);border-radius:var(--radius-sm)}.efficiency-item svg{color:var(--color-primary)}.efficiency-row{display:flex;align-items:center;gap:6px}.efficiency-value{font-size:16px;font-weight:600;color:var(--color-text-primary);font-family:Consolas,monospace}.efficiency-label{font-size:10px;color:var(--color-text-muted);text-transform:uppercase}.metrics-cost-note{margin:var(--space-sm) 0 0 0;font-size:10px;color:var(--color-text-muted);text-align:center}.metrics-link{color:var(--color-primary);text-decoration:none;margin-left:4px;font-weight:500;transition:opacity .15s}.metrics-link:hover{text-decoration:underline;opacity:.8}.node-list{display:flex;flex-direction:column;gap:6px}.node-row{display:grid;grid-template-columns:1fr 80px 36px;gap:8px;align-items:center;font-size:12px}.node-info{display:flex;justify-content:space-between;align-items:center;min-width:0}.node-label{color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-tokens{font-family:Consolas,monospace;color:var(--color-text-muted);font-size:11px}.bar-track{height:6px;background:var(--bg-section-subtle);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:3px;transition:width .3s ease}.node-pct{font-size:11px;color:var(--color-text-muted);text-align:right;font-family:Consolas,monospace}.more-nodes{font-size:11px;color:var(--color-text-muted);text-align:center;padding:4px}.error-section{border-color:#ef44444d;background:#ef44440d}.error-section .section-title{color:var(--color-status-error)}.error-list{display:flex;flex-direction:column;gap:6px}.error-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#ef444414;border-radius:var(--radius-sm);border-left:2px solid var(--color-status-error)}.error-node{font-size:12px;font-weight:500;color:var(--color-text-primary)}.error-msg{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparison-section .section-title{color:var(--color-primary)}.baseline-info{font-size:10px;font-weight:400;color:var(--color-text-muted);margin-left:auto;text-transform:none}.comparison-grid{display:flex;flex-direction:column;gap:6px}.comparison-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--bg-section-subtle);border-radius:var(--radius-sm)}.comparison-label{font-size:11px;text-transform:capitalize;color:var(--color-text-muted);min-width:60px}.comparison-values{display:flex;align-items:baseline;gap:6px;flex:1;justify-content:flex-end}.current-value{font-size:12px;font-weight:600;color:var(--color-text-primary);font-family:Consolas,monospace}.baseline-value{font-size:10px;color:var(--color-text-muted)}.comparison-badge{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;min-width:45px;text-align:center}.comparison-badge.stable{background:var(--bg-section-subtle);color:var(--color-text-muted)}.comparison-badge.good{background:var(--bg-status-success);color:var(--color-status-success)}.comparison-badge.bad{background:var(--bg-accent-amber);color:var(--color-accent-amber)}.comparison-badge.anomaly{background:var(--bg-status-error);color:var(--color-status-error)}.ai-section{background:transparent;border:none;padding:0}.ai-analysis-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:none;border-radius:var(--radius-md);background:var(--bg-accent-blue);color:var(--color-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-base);border:1px solid var(--border-primary)}.ai-analysis-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.2)}.ai-analysis-btn:disabled{opacity:.7;cursor:not-allowed}.ai-analysis-btn svg{color:var(--color-primary)}.ai-spinner{width:14px;height:14px;border:2px solid rgba(var(--color-primary-rgb),.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.ai-panel{margin-top:10px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.ai-panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-accent-blue);border-bottom:1px solid var(--border-primary)}.ai-panel-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.ai-panel-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-muted);font-size:12px;cursor:pointer;border-radius:4px;transition:all .15s ease}.ai-panel-close:hover{background:#ffffff1a;color:var(--color-text-primary)}.ai-panel-content{padding:10px;max-height:150px;overflow-y:auto}.ai-panel-error{display:flex;align-items:center;gap:6px;color:var(--color-status-error);font-size:12px}.ai-panel-text{font-size:12px;line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap}.ai-cursor{animation:blink 1s step-end infinite;color:var(--color-primary)}.metrics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-muted)}.metrics-empty svg{opacity:.4}@media(max-width:400px){.status-grid{grid-template-columns:repeat(2,1fr)}.efficiency-grid{grid-template-columns:1fr}}[data-theme=light] .metrics-section{background:var(--bg-card);border-color:var(--border-subtle)}[data-theme=light] .efficiency-item,[data-theme=light] .status-item,[data-theme=light] .comparison-row{background:var(--bg-section-subtle)}[data-theme=light] .bar-fill{background:var(--gradient-secondary)}[data-theme=light] .ai-analysis-btn{background:var(--bg-accent-blue);border-color:var(--border-primary)}[data-theme=light] .ai-analysis-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.2)}[data-theme=light] .ai-spinner{border-color:rgba(var(--color-primary-rgb),.3);border-top-color:var(--color-primary)}[data-theme=light] .ai-panel{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=light] .comparison-badge.good{background:var(--bg-status-success)}[data-theme=light] .comparison-badge.bad{background:var(--bg-accent-amber)}[data-theme=light] .error-section{background:var(--bg-status-error);border-color:rgba(var(--color-danger-rgb),.2)}[data-theme=light] .error-item{background:var(--bg-status-error)}.precheck-tab{flex:1;overflow-y:auto;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm)}.precheck-section{background:var(--bg-card);border:1px solid var(--color-success);border-radius:var(--border-radius-md);padding:var(--space-sm)}.precheck-section.concerns{border-color:var(--color-warning);background:#f59e0b0d}.precheck-section.stats{background:var(--bg-section-subtle);font-size:var(--font-size-xs)}.precheck-section.action{background:transparent;border:none;padding:0}.section-title{display:flex;align-items:center;gap:var(--space-xs);margin:0 0 var(--space-sm) 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.precheck-section.concerns .section-title{color:var(--color-warning)}.checks-list{display:flex;flex-direction:column;gap:var(--space-xs)}.check-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--bg-section-subtle);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs)}.check-item.error{background:#ef44441a;color:var(--color-danger)}.check-item.error .check-icon{color:var(--color-danger)}.check-item.warning{background:#f59e0b1a;color:var(--color-warning)}.check-item.warning .check-icon{color:var(--color-warning)}.check-item.info{color:var(--color-text-secondary);background:var(--bg-card-elevated)}.check-item.info .check-icon{color:var(--color-success)}.check-icon{flex-shrink:0;display:flex}.check-message{color:var(--color-text-primary);flex:1}.resolve-btn{flex-shrink:0;padding:4px 10px;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-warning),var(--color-warning-dark));border:1px solid var(--color-warning);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-base)}.resolve-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-warning),.2)}.resolve-btn:active{transform:translateY(0)}.preApply-btn{flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));border:1px solid var(--color-success);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-base)}.apply-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-success),.4)}.apply-btn:active{transform:translateY(0)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-xs);background:var(--bg-card);border-radius:var(--border-radius-sm)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:Consolas,monospace}.stat-label{font-size:var(--font-size-2xs);color:var(--color-text-muted);text-transform:uppercase}.precheck-section.estimates{border-color:var(--color-accent-blue)}.precheck-section.estimates .section-title{color:var(--color-primary)}.estimates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.estimate-item{display:flex;flex-direction:column;align-items:center;background:var(--bg-card-elevated);border-radius:var(--border-radius-sm)}.estimate-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:Consolas,monospace}.estimate-label{font-size:var(--font-size-2xs);color:var(--color-text-primary);text-transform:uppercase;margin-top:var(--space-xs)}.estimate-note{margin:var(--space-sm) 0 0 0;font-size:var(--font-size-2xs);color:var(--color-text-primary);text-align:center;font-style:italic}.estimate-link{color:var(--color-primary);text-decoration:none;font-style:normal;margin-left:var(--space-xs);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast)}.estimate-link:hover{text-decoration:underline;opacity:.8}.precheck-section.patterns{background:linear-gradient(135deg,var(--bg-section-subtle) 0%,var(--bg-section-subtle) 100%);border-color:var(--color-primary);color:var(--color-text-primary)}.precheck-section.patterns .section-title{color:var(--color-primary)}.patterns-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pattern-item{padding:var(--space-sm);background:var(--bg-card);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-text-muted)}.pattern-item.architecture{border-left-color:var(--color-primary)}.pattern-item.reliability{border-left-color:var(--color-success)}.pattern-item.cost{border-left-color:var(--color-warning)}.pattern-item.optimization{border-left-color:var(--color-info)}.pattern-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.pattern-icon{display:flex;color:inherit}.pattern-item.architecture .pattern-icon{color:var(--color-primary)}.pattern-item.reliability .pattern-icon{color:var(--color-success)}.pattern-item.cost .pattern-icon{color:var(--color-warning)}.pattern-item.optimization .pattern-icon{color:var(--color-info)}.pattern-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pattern-reason{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pattern-action{margin:0;font-size:var(--font-size-2xs);color:var(--color-text-primary);font-style:italic}.ai-review-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base)}.ai-review-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-blue)}.ai-review-btn:disabled{opacity:.5;cursor:not-allowed}.action-hint{margin:var(--space-sm) 0 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.execution-summary-panel{position:fixed;top:48px;right:0;bottom:0;width:350px;z-index:200;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--border-primary);box-shadow:-4px 0 20px var(--bg-overlay);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:translate(100%);opacity:0}.execution-summary-panel.open{transform:translate(0);opacity:1}.execution-summary-panel.closed{pointer-events:none}.execution-summary-panel .panel-header{height:40px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-width-thin) solid var(--border-subtle);background-color:var(--color-surface);flex-shrink:0}.execution-summary-panel .panel-title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.execution-summary-panel .panel-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.execution-summary-panel .panel-close-btn:hover{background-color:var(--color-hover);color:var(--color-text-primary)}.execution-summary-panel .panel-close-btn:active{transform:scale(.95)}.workflow-summary-section{padding:var(--space-1) var(--space-3);background:var(--bg-status-running);border-left:var(--border-width-thick) solid var(--color-status-running);border-radius:var(--radius-md);margin:0 var(--space-2) var(--space-1)}.summary-content{font-size:var(--font-size-xs);color:var(--color-text-primary);line-height:var(--line-height-normal);white-space:pre-line}.panel-tabs{display:flex;gap:4px;padding:8px 12px;background:var(--bg-section-subtle);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.tab-btn{flex:1;padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.tab-btn:hover{color:var(--color-text-secondary);background:var(--bg-card)}.tab-btn.active{color:var(--color-text-primary);background:var(--bg-card);border-color:var(--border-primary);box-shadow:0 1px 3px #0000001a}@media(max-width:768px){.execution-summary-panel{width:100%}}@media print{.execution-summary-panel{position:static;width:100%;box-shadow:none;border:none}}.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}.trends-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);height:100%;overflow-y:auto}.trends-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-text-muted);padding:var(--space-12)}.trends-view-empty svg{opacity:.5}.trends-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.trends-stats{display:flex;gap:var(--space-2);flex-wrap:wrap}.trends-view .stat-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--bg-card);color:var(--color-text-secondary)}.trends-view .stat-badge.success{background:var(--bg-status-success);color:var(--color-status-success)}.trends-view .stat-badge.error{background:var(--bg-status-error);color:var(--color-status-error)}.trends-view .stat-badge.warning{background:var(--bg-accent-amber);color:var(--color-accent-amber)}.trends-actions{display:flex;gap:var(--space-2);align-items:center}.ai-insights-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.ai-insights-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-blue)}.ai-insights-btn:disabled{opacity:.8;cursor:not-allowed}.ai-insights-btn .ai-icon{font-size:var(--font-size-sm)}.ai-spinner-inline{width:14px;height:14px;border:2px solid rgba(var(--color-text-primary),.3);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes blink{50%{opacity:0}}.metric-selector{position:relative}.metric-selector-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.metric-selector-btn:hover{border-color:var(--border-primary);background:var(--bg-card-hover)}.metric-selector-count{padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-subtle);background:var(--bg-accent-blue);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold)}.metric-selector-btn .chevron{transition:transform var(--transition-base)}.metric-selector-btn .chevron.open{transform:rotate(180deg)}.metric-selector-dropdown{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:200px;background:var(--color-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden}.dropdown-header{padding:var(--space-2) var(--space-3);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:var(--border-width-thin) solid var(--border-subtle)}.metric-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);cursor:pointer;transition:background var(--transition-fast)}.metric-option:hover{background:var(--bg-card-hover)}.metric-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary)}.metric-color-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full)}.metric-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary)}.metric-description{color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:help}.trends-charts{display:flex;flex-direction:column;gap:var(--space-3)}.trend-chart{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-3);border:var(--border-width-thin) solid var(--border-subtle);position:relative}.trend-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.trend-chart-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.trend-chart-unit{font-size:var(--font-size-xs);color:var(--color-text-muted)}.trend-chart-container{cursor:default}.trend-chart-container.near-point{cursor:pointer}.trend-chart-empty{display:flex;align-items:center;justify-content:center;height:80px;color:var(--color-text-muted);font-size:var(--font-size-xs);background:var(--bg-card);border-radius:var(--radius-lg);border:var(--border-width-thin) dashed var(--border-subtle)}.trend-tooltip{position:absolute;z-index:var(--z-tooltip);background:var(--color-surface);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-lg);pointer-events:none;min-width:140px;animation:fadeIn var(--transition-fast) ease-out}.tooltip-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.tooltip-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.tooltip-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.tooltip-status.completed{color:var(--color-status-success)}.tooltip-status.failed{color:var(--color-status-error)}.tooltip-status.running{color:var(--color-status-running)}.tooltip-status.pending{color:var(--color-status-pending)}.tooltip-anomaly{color:var(--color-danger);font-size:var(--font-size-2xs)}.tooltip-hint{margin-top:var(--space-2);padding-top:var(--space-1);border-top:var(--border-width-thin) solid var(--border-subtle);font-size:var(--font-size-2xs);color:var(--color-primary-light);font-style:italic}.trends-legend{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:var(--border-width-thin) solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:var(--space-2)}.legend-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full)}.legend-dot.anomaly{background:var(--color-danger)}.legend-tip{font-style:italic}[data-theme=light] .trends-view{background:var(--color-surface)}[data-theme=light] .stat-badge{background:var(--bg-card)}[data-theme=light] .ai-insights-panel{background:var(--bg-card);border-color:var(--border-primary)}[data-theme=light] .ai-panel-header{background:var(--bg-accent-blue);border-color:var(--border-subtle)}[data-theme=light] .ai-panel-title{color:var(--color-primary)}[data-theme=light] .metric-selector-btn{background:var(--bg-card);border-color:var(--border-subtle)}[data-theme=light] .metric-selector-btn:hover{background:var(--bg-card-hover);border-color:var(--border-primary)}[data-theme=light] .metric-selector-dropdown{background:var(--bg-card);border-color:var(--border-subtle);box-shadow:var(--shadow-lg)}[data-theme=light] .metric-option:hover{background:var(--bg-section-subtle)}[data-theme=light] .trend-chart-container{background:var(--bg-card);border-color:var(--border-subtle)}[data-theme=light] .trend-chart-header{border-color:var(--border-subtle)}[data-theme=light] .chart-tooltip{background:var(--bg-elevated);border-color:var(--border-primary);box-shadow:var(--shadow-lg)}.execution-history{background:var(--color-bg-dark);padding:var(--space-4);height:100%;display:flex;flex-direction:column;color:var(--color-text-primary)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary)}.header-title{display:flex;align-items:center;gap:var(--space-3)}.header-title svg{color:var(--color-primary);width:var(--space-6);height:var(--space-6);filter:drop-shadow(0 0 8px rgba(var(--color-primary-rgb),.4))}.header-title h3{margin:0;font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.02em}.header-actions{display:flex;gap:var(--space-3)}.close-btn,.refresh-btn,.clear-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.close-btn{width:var(--space-8);height:var(--space-8);padding:0;justify-content:center;background:var(--bg-status-pending);border:var(--border-width-thin) solid var(--border-normal);color:var(--color-text-muted)}.close-btn:hover{background:var(--bg-card-hover);color:var(--color-text-primary);border-color:var(--border-strong)}.refresh-btn{background:var(--bg-status-running);border:var(--border-width-thin) solid var(--border-primary);color:var(--color-text-primary)}.refresh-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.2)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg.spinning{animation:spin 1s linear infinite}.clear-btn{background:var(--bg-status-error);border:var(--border-width-thin) solid rgba(var(--color-danger-rgb),.3);color:var(--color-status-error)}.clear-btn:hover:not(:disabled){background:rgba(var(--color-danger-rgb),.2);border-color:var(--color-danger);color:var(--color-status-error);box-shadow:0 0 15px rgba(var(--color-danger-rgb),.2)}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-3)}.stat-item{background:var(--bg-card);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--border-width-thick);background:currentColor;opacity:.8}.stat-item:hover{transform:translateY(-2px);background:var(--bg-card-hover);border-color:var(--border-normal)}.stat-item.success{color:var(--color-success)}.stat-item.error{color:var(--color-danger)}.stat-item.running{color:var(--color-primary)}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1);line-height:var(--line-height-tight);font-family:var(--font-heading)}.stat-item.success .stat-value{text-shadow:0 0 20px rgba(var(--color-success-rgb),.3)}.stat-item.error .stat-value{text-shadow:0 0 20px rgba(var(--color-danger-rgb),.3)}.stat-item.running .stat-value{text-shadow:0 0 20px rgba(var(--color-primary-rgb),.3)}.stat-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.history-filters{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);background:var(--bg-card);padding:var(--space-1);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-subtle);width:fit-content}.filter-btn{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base)}.filter-btn:hover{color:var(--color-text-primary);background:var(--color-hover)}.filter-btn.active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.history-loading,.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-5);gap:var(--space-4);flex:1;text-align:center;color:var(--color-text-muted)}.loading-spinner{width:var(--space-8);height:var(--space-8);border:var(--border-width-thick) solid rgba(var(--color-primary-rgb),.3);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.history-empty svg{color:var(--color-text-muted);opacity:.8}.history-empty p{color:var(--color-text-muted);margin:0}.executions-list{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-height:0;overflow-y:auto;padding-right:var(--space-1)}.executions-list::-webkit-scrollbar{width:var(--space-1)}.executions-list::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:var(--radius-sm)}.executions-list::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-sm)}.executions-list::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.execution-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.execution-row:hover{background:var(--bg-card-hover);border-color:var(--border-primary);transform:translate(4px);box-shadow:0 4px 12px var(--bg-overlay)}.exec-trigger-icon{flex-shrink:0;width:calc(var(--space-10) + var(--space-1));height:calc(var(--space-10) + var(--space-1));display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--color-text-muted);transition:all var(--transition-base)}.execution-row:hover .exec-trigger-icon{border-color:var(--border-primary);color:var(--color-text-primary)}.exec-details{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.exec-main{display:flex;align-items:center;justify-content:space-between}.exec-time{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.exec-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--space-1);letter-spacing:.05em}.exec-status.badge-success{background:var(--bg-status-success);color:var(--color-status-success);border:var(--border-width-thin) solid rgba(var(--color-success-rgb),.2)}.exec-status.badge-error{background:var(--bg-status-error);color:var(--color-status-error);border:var(--border-width-thin) solid rgba(var(--color-danger-rgb),.2)}.exec-status.badge-running{background:var(--bg-status-running);color:var(--color-status-running);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.2)}.exec-status.badge-pending{background:var(--bg-status-pending);color:var(--color-status-pending);border:var(--border-width-thin) solid var(--border-normal)}.exec-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.exec-meta span{display:flex;align-items:center;gap:var(--space-1)}.exec-arrow{flex-shrink:0;color:var(--color-text-muted);opacity:0;transform:translate(-10px);transition:all var(--transition-base)}.execution-row:hover .exec-arrow{opacity:1;transform:translate(0);color:var(--color-primary-light)}.clear-confirm-overlay{position:absolute;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.clear-confirm-modal{background:var(--color-surface);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);max-width:400px;width:90%;box-shadow:var(--shadow-xl)}.clear-confirm-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.clear-confirm-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.clear-confirm-message{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0 0 var(--space-6)}.clear-confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.clear-confirm-cancel,.clear-confirm-delete{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.clear-confirm-cancel{background:transparent;border:var(--border-width-thin) solid var(--border-subtle);color:var(--color-text-secondary)}.clear-confirm-cancel:hover{background:var(--color-hover);color:var(--color-text-primary)}.clear-confirm-delete{background:var(--bg-status-error);border:var(--border-width-thin) solid rgba(var(--color-danger-rgb),.3);color:var(--color-status-error)}.clear-confirm-delete:hover{background:rgba(var(--color-danger-rgb),.2);border-color:var(--color-danger);color:var(--color-status-error)}.exc-view-toggle{display:flex;gap:2px;margin-left:var(--space-4);background:var(--bg-card);padding:2px;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-subtle)}.exc-toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);width:100%}.exc-toggle-btn:hover{color:var(--color-text-primary);background:var(--color-hover)}.exc-toggle-btn.active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-light)}.exc-toggle-btn svg{width:14px;height:14px}.onboarding-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal{background:linear-gradient(135deg,#141428f2,#0a0a1efa);border:1px solid rgba(36,108,243,.3);border-radius:var(--border-radius-xl, 16px);padding:40px;max-width:480px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 0 40px #8b5cf626;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-header{margin-bottom:24px}.onboarding-logo{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 16px;background:linear-gradient(135deg,#246cf333,#6366f133);border:1px solid rgba(36,108,243,.3);border-radius:16px;color:#246cf3;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #246cf333}50%{transform:scale(1.05);box-shadow:0 0 30px #246cf366}}.onboarding-title{font-size:28px;font-weight:700;color:var(--color-text-primary, #ffffff);margin:0 0 8px;letter-spacing:-.02em}.onboarding-subtitle{font-size:16px;color:var(--color-text-secondary, rgba(255, 255, 255, .7));margin:0}.onboarding-content{margin-bottom:32px}.onboarding-description{font-size:14px;color:var(--color-text-muted, rgba(255, 255, 255, .5));line-height:1.6;margin:0 0 24px}.onboarding-features{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--border-radius-md, 8px);transition:all .2s ease}.feature-item:hover{background:#246cf31a;border-color:#246cf333}.feature-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#246cf31a;border-radius:8px;color:#246cf3e6;flex-shrink:0}.feature-text{font-size:14px;color:var(--color-text-secondary, rgba(255, 255, 255, .7))}.onboarding-actions{display:flex;gap:12px;margin-bottom:20px}.onboarding-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 20px;border-radius:var(--border-radius-md, 8px);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.onboarding-btn .btn-icon{font-size:24px}.onboarding-btn .btn-hint{font-size:11px;font-weight:400;opacity:.6}.onboarding-btn.primary{background:linear-gradient(135deg,#246cf3cc,#6366f1cc);color:#fff;border-color:#246cf380}.onboarding-btn.primary:hover{background:linear-gradient(135deg,#246cf3,#6366f1);transform:translateY(-2px);box-shadow:0 8px 20px #246cf34d}.onboarding-btn.secondary{background:#ffffff0d;color:var(--color-text-secondary, rgba(255, 255, 255, .7));border-color:#ffffff1a}.onboarding-btn.secondary:hover{background:#ffffff1a;color:var(--color-text-primary, #ffffff);border-color:#fff3}.onboarding-checkbox{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--color-text-muted, rgba(255, 255, 255, .5));cursor:pointer;-webkit-user-select:none;user-select:none}.onboarding-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:rgba(36,108,243,1);cursor:pointer}.onboarding-checkbox:hover{color:var(--color-text-secondary, rgba(255, 255, 255, .7))}[data-theme=light] .onboarding-modal{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#246cf333}[data-theme=light] .onboarding-title{color:#1e293b}[data-theme=light] .onboarding-subtitle,[data-theme=light] .feature-text{color:#64748b}[data-theme=light] .onboarding-description{color:#94a3b8}[data-theme=light] .feature-item{background:#00000005;border-color:#0000000f}[data-theme=light] .onboarding-btn.secondary{background:#00000008;color:#64748b;border-color:#0000001a}[data-theme=light] .onboarding-skip-link{color:#94a3b8}.tutorial-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.tutorial-backdrop-piece{position:fixed;background:#000000b3;pointer-events:auto}.tutorial-spotlight-ring{position:fixed;border:2px solid rgba(36,108,243,.15);border-radius:8px;box-shadow:0 0 0 4px #246cf326,0 0 20px #246cf326;animation:spotlightPulse 2s ease-in-out infinite;pointer-events:none}@keyframes spotlightPulse{0%,to{box-shadow:0 0 0 4px #246cf326,0 0 20px #246cf326}50%{box-shadow:0 0 0 8px #246cf326,0 0 30px #246cf326}}.tutorial-tooltip{position:fixed;background:linear-gradient(135deg,#141428fa,#0a0a1efa);border:1px solid rgba(36,108,243,.15);border-radius:var(--border-radius-lg, 12px);padding:20px;width:320px;max-width:calc(100vw - 40px);box-shadow:0 20px 40px #0006,0 0 30px #246cf326;pointer-events:auto;animation:tooltipAppear .3s cubic-bezier(.16,1,.3,1)}@keyframes tooltipAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip-top{transform:translate(-50%,-100%)}.tutorial-tooltip-bottom{transform:translate(-50%)}.tutorial-tooltip-left{transform:translate(-100%,-50%)}.tutorial-tooltip-right{transform:translateY(-50%)}.tutorial-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tutorial-step-badge{font-size:11px;font-weight:600;background:#246cf326;padding:4px 10px;border-radius:20px;letter-spacing:.05em}.tutorial-close{background:none;border:none;color:var(--color-text-muted, rgba(255, 255, 255, .4));font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.tutorial-close:hover{color:var(--color-text-primary, #ffffff);background:#ffffff1a}.tutorial-tooltip-title{font-size:18px;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0 0 8px}.tutorial-tooltip-description{font-size:14px;color:var(--color-text-secondary, rgba(255, 255, 255, .7));line-height:1.5;margin:0 0 20px}.tutorial-tooltip-actions{display:flex;gap:10px;margin-bottom:16px}.tutorial-btn{flex:1;padding:10px 16px;border-radius:var(--border-radius-md, 8px);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.tutorial-btn.primary{background:linear-gradient(135deg,#246cf3e6,#6366f1e6);color:#fff}.tutorial-btn.primary:hover{background:linear-gradient(135deg,#246cf3,#6366f1);transform:translateY(-1px)}.tutorial-btn.secondary{background:#ffffff0d;color:var(--color-text-secondary, rgba(255, 255, 255, .7));border:1px solid rgba(255,255,255,.1)}.tutorial-btn.secondary:hover{background:#ffffff1a;color:var(--color-text-primary, #ffffff)}.tutorial-waiting{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;color:#246cf3e6;background:#246cf31a;border-radius:var(--border-radius-md, 8px)}.waiting-dot{width:8px;height:8px;background:#246cf3;border-radius:50%;animation:waitingPulse 1.5s ease-in-out infinite}@keyframes waitingPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.tutorial-progress{display:flex;justify-content:center;gap:8px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.active{background:#246cf3;box-shadow:0 0 8px #246cf380}.progress-dot.completed{background:#246cf380}[data-theme=light] .tutorial-tooltip{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border-color:#246cf333}[data-theme=light] .tutorial-tooltip-title{color:#1e293b}[data-theme=light] .tutorial-tooltip-description{color:#64748b}[data-theme=light] .tutorial-btn.secondary{background:#00000008;color:#64748b;border-color:#0000001a}[data-theme=light] .progress-dot{background:#00000026}.agent-edit-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base)}.agent-edit-panel{background:var(--bg-panel);border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-lg);min-width:300px;width:auto;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideIn var(--transition-slow);transition:transform .05s ease-out;-webkit-user-select:none;user-select:none}.agent-edit-panel.dragging{transition:none;box-shadow:var(--shadow-2xl),0 0 0 2px var(--color-primary);cursor:grabbing}.agent-field.highlight-amber{animation:amber-field-pulse 1s ease-in-out 3;border-radius:var(--radius-md)}@keyframes amber-field-pulse{0%,to{box-shadow:none;background:transparent}50%{box-shadow:var(--shadow-xl),0 0 0 4px var(--color-warning);background:rgba(var(--color-warning-rgb),.08)}}.agent-edit-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-normal);cursor:grab;-webkit-user-select:none;user-select:none}.agent-edit-header:active{cursor:grabbing}.agent-edit-title h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.agent-edit-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.agent-edit-close{background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base);line-height:1}.agent-edit-close:hover{background:var(--color-hover);color:var(--color-text-primary)}.agent-edit-content{flex:1;overflow-y:auto;padding:var(--space-2);-webkit-user-select:text;user-select:text}.agent-edit-fields{display:flex;flex-direction:column;gap:var(--space-2)}.agent-field{display:flex;flex-direction:column;gap:var(--space-1)}.agent-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.agent-field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.agent-field-input,.agent-field-select,.agent-field-textarea{width:100%;background:var(--input-bg);border:2px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2);color:var(--text-primary);font-size:var(--font-size-xs);transition:all var(--transition-base);box-sizing:border-box}.agent-field-input:focus,.agent-field-select:focus,.agent-field-textarea:focus{outline:none;border-width:2px;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.agent-field-textarea{resize:vertical;min-height:80px;font-family:Fira Code,monospace}.agent-code-editor{font-family:Fira Code,Consolas,Monaco,monospace!important;font-size:13px;line-height:1.5}.agent-field-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.5px}.agent-field-checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.agent-btn{padding:10px 16px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-base);font-size:14px}.agent-btn-secondary{background:var(--color-primary);color:#fff}.agent-btn-secondary:hover{opacity:.9;transform:translateY(-1px)}.field-hint{display:block;font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.4}.agent-edit-footer{padding:var(--space-4);border-top:var(--border-width-thin) solid var(--border-normal);display:flex;justify-content:flex-end;gap:var(--space-3)}.agent-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);border:none;outline:none}.agent-btn-primary{background:var(--color-primary);color:#fff}.agent-btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.agent-btn-secondary{background:transparent;color:var(--color-text-secondary);border:var(--border-width-thin) solid var(--border-normal)}.agent-btn-secondary:hover{background:var(--color-hover);color:var(--color-text-primary);border-color:var(--border-strong)}.agent-edit-content::-webkit-scrollbar{width:8px}.agent-edit-content::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.agent-edit-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-full)}.agent-edit-content::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}@media(max-width:768px){.agent-edit-panel{width:95%;max-height:90vh}.agent-edit-header,.agent-edit-content,.agent-edit-footer{padding:var(--space-3)}}.agent-warning-box{background:var(--color-warning-light);border:var(--border-width-thin) solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-2)}.agent-warning-icon{font-size:var(--font-size-lg);flex-shrink:0}.agent-warning-content strong{color:var(--color-warning);display:block;margin-bottom:var(--space-1)}.agent-warning-content p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.agent-operations-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.agent-operation-item{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--border-normal));border:1px solid var(--border-normal);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:all .2s ease}.agent-operation-item:hover{background:linear-gradient(135deg,var(--border-normal));border-color:rgba(var(--color-primary),.4);transform:translate(2px)}.agent-operation-badge{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.agent-operation-index{color:rgba(var(--color-primary),.5);font-size:10px;font-weight:600;background:rgba(var(--color-primary),.15);padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}.agent-operation-type{font-weight:600;font-size:var(--font-size-xs);color:var(--color-primary-rgb);text-transform:capitalize}.agent-operation-config{color:rgba(var(--color-primary),.6);font-size:var(--font-size-xs);font-family:SF Mono,Consolas,monospace;background:rgba(var(--color-primary),.15);padding:2px 8px;border-radius:var(--radius-sm);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-operation-remove{background:transparent;color:rgba(var(--color-danger),.4);cursor:pointer;padding:4px 8px;font-size:var(--font-size-sm);line-height:1;border:1px solid var(--border-normal);border-radius:var(--radius-sm);transition:all .15s ease}.agent-operation-remove:hover{color:var(--color-danger);border:1px solid var(--color-danger);background:rgba(var(--color-danger),.15)}.agent-operations-list .agent-operation-item:not(:last-child):after{content:"";position:absolute;left:20px;bottom:-8px;width:2px;height:8px;background:rgba(var(--color-primary),.3)}.agent-empty-state{padding:var(--space-4);background:linear-gradient(135deg,rgba(var(--color-primary),.06),rgba(var(--color-primary),.03));border:1px dashed rgba(var(--color-primary),.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:rgba(var(--color-primary),.5);text-align:center}.agent-empty-state strong{color:var(--color-primary-light)}.agent-operation-tag{display:flex;align-items:center;justify-content:space-between;background:var(--border-normal);border:var(--border-width-thin) solid var(--color-primary-light);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3)}.agent-operation-tag-text{display:flex;align-items:center;gap:var(--space-2)}.agent-operation-tag-type{font-weight:var(--font-weight-medium);color:var(--color-primary-light);font-size:var(--font-size-sm)}.agent-operation-tag-field{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.agent-field-row-flex{display:flex;gap:var(--space-2);align-items:flex-start}.agent-field-flex-1{flex:1}.agent-field-flex-2{flex:2}.agent-operations-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.agent-operations-list-vertical{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.agent-btn-full-width{width:100%;margin-bottom:var(--space-3)}.agent-btn-nowrap{white-space:nowrap}.agent-field-checkbox-inline{margin-top:var(--space-6)}.wand-field-wrapper{position:relative}.agent-edit-panel .wand-field-wrapper .wand-button{position:absolute;right:0;font-size:var(--font-size-sm);cursor:pointer;padding:6px;border-radius:var(--radius-md);transition:all var(--transition-base)}.agent-edit-panel .wand-field-wrapper .wand-button:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.agent-edit-panel .wand-field-wrapper .wand-button:active{transform:scale(.95)}.file-upload-zone{position:relative;border:2px dashed var(--border-normal);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base)}.file-upload-zone:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.file-upload-input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center}.file-upload-icon{font-size:28px}.file-upload-text{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.file-upload-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.agent-ingest-button{width:100%;padding:var(--space-2) var(--space-2);background:linear-gradient(135deg,var(--color-success),var(--color-success-light));border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.agent-ingest-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-success)}.agent-ingest-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.optimizer-config-section{margin-top:var(--space-2);padding:var(--space-2);background:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-normal);border-radius:var(--radius-md)}.optimizer-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-1)}.optimizer-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2)}.optimizer-field-small{display:flex;flex-direction:column}.optimizer-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1);display:block}.optimizer-hint{margin-top:var(--space-1)}.coord-config-section{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border:var(--border-width-thin) solid var(--border-normal);border-radius:var(--radius-md)}.coord-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-1)}.range-slider-wrapper{display:flex;gap:var(--space-2);align-items:center}.range-slider-wrapper input[type=range]{flex:1}.range-value-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:50px;text-align:right;color:var(--text-primary)}.router-output-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-1);align-items:center}.router-output-label{font-size:var(--font-size-xs);color:var(--text-muted);min-width:45px}.router-output-row select{font-size:var(--font-size-xs);flex:1}.quality-metrics-list{display:flex;flex-direction:column;gap:var(--space-1)}.quality-metric-item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.quality-metric-item input[type=checkbox]{width:14px;height:14px;cursor:pointer}.quality-metric-label{font-size:var(--font-size-sm);color:var(--text-primary)}.pii-types-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pii-type-item{display:flex;align-items:center;gap:var(--space-1);cursor:pointer}.pii-type-item input[type=checkbox]{width:14px;height:14px;cursor:pointer}.pii-type-label{font-size:var(--font-size-xs);color:var(--text-primary)}.field-section-spacing{margin-top:var(--space-4)}.success-message-box{margin-top:var(--space-2);padding:var(--space-2);background:var(--bg-success-light);border:var(--border-width-thin) solid var(--color-success);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-success)}.inline-checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;margin-bottom:var(--space-2)}.inline-checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.inline-checkbox-text{font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.document-picker-container{max-height:300px;overflow-y:auto;border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);padding:var(--space-2)}.document-picker-card{padding:var(--space-1);background:var(--color-surface);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base)}.document-picker-card:hover{background:rgba(var(--color-primary-rgb),.05)}.document-picker-card.selected{background:rgba(var(--color-primary-rgb),.1);border:2px solid var(--color-primary)}.document-picker-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.document-picker-checkbox{cursor:pointer}.document-picker-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.document-picker-content{font-size:var(--font-size-sm);color:var(--text-primary);margin-left:24px;line-height:1.4}.document-picker-empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md)}.tag-pills-container{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.tag-pill-button{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);background:var(--color-surface-light);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-normal);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.tag-pill-button:hover{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.tag-pill-button.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.api-key-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.api-key-modal{background:var(--color-surface-elevated);border-radius:var(--radius-lg);width:90%;max-width:440px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(36,108,243,.15);animation:slideUp .3s ease-out;overflow:hidden}.api-key-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(36,108,243,.15);display:flex;justify-content:space-between;align-items:center}.modal-title{display:flex;gap:var(--space-sm);align-items:center}.service-icon{font-size:24px;line-height:1}.modal-title h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.modal-close-btn{background:none;border:none;color:var(--color-text-muted);font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s}.modal-close-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.api-key-modal-body{padding:var(--space-md) var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:6px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-group label .optional{font-weight:400;color:var(--color-text-muted);font-size:var(--font-size-xs)}.form-input,select.form-input{width:100%;padding:10px 14px;background:#0000004d;border:1px solid rgba(36,108,243,.15);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:Courier New,monospace;transition:all .2s}.form-input:focus,select.form-input:focus{outline:none;border-color:var(--color-primary);background:#0006;box-shadow:0 0 0 3px #246cf326;color:var(--color-text-primary)}select.form-input option{background-color:var(--color-surface);color:var(--color-text-secondary);padding:10px}.form-input::placeholder{color:var(--color-text-muted);opacity:.4}.form-group small{display:none}.alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;gap:12px;align-items:flex-start;font-size:var(--font-size-sm)}.alert span:first-child{font-size:18px;line-height:1}.api-key-modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(36,108,243,.15);display:flex;gap:10px;justify-content:flex-end}.btn-secondary,.btn-primary{padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#ffffff1a;color:var(--color-text-secondary)}.btn-secondary:hover:not(:disabled){background:#ffffff26;color:var(--color-text-primary)}.btn-primary{background:var(--gradient-primary);color:var(--color-text-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #246cf326}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.api-key-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:fadeIn .2s ease-out}.api-key-modal{background:var(--card-bg, #1a1a2e);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-color, rgba(255, 255, 255, .1));display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .api-key-modal{--card-bg: #ffffff;--border-color: rgba(0, 0, 0, .08);--text-primary: #1a1a2e;--text-secondary: #666;--input-bg: #f5f5f5;--input-border: #e0e0e0;--input-focus: #0ea5e9}[data-theme=dark] .api-key-modal{--card-bg: #1a1a2e;--border-color: rgba(255, 255, 255, .15);--text-primary: #ffffff;--text-secondary: #a0a0a0;--input-bg: #0f172a;--input-border: rgba(36, 108, 243, .15);--input-focus: #0ea5e9}.api-key-modal-header{padding:14px 18px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);position:sticky;top:0;z-index:10}.modal-title{display:flex;align-items:center;gap:12px}.service-icon-large{font-size:32px;line-height:1}.modal-title h3{margin:0;font-size:17px;font-weight:600;color:var(--text-primary)}.modal-close-btn:hover{background:#ffffff0d;color:var(--text-primary)}[data-theme=light] .modal-close-btn:hover{background:#0000000d}.api-key-modal-body{padding:16px 18px;overflow-y:auto;flex:1}.modal-form-group{margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.modal-form-input,.modal-form-select{width:100%;padding:8px 11px;border-radius:6px;border:2px solid var(--input-border);background:var(--input-bg);color:var(--text-primary);font-size:13px;transition:all .2s;font-family:inherit}.modal-form-input:focus,.modal-form-select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #0ea5e91a}.form-input::placeholder{color:var(--text-secondary)}.form-group small{display:block;margin-top:3px;font-size:10px;color:var(--text-secondary);line-height:1.3}.modal-alert{padding:9px 12px;border-radius:6px;display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:12px;line-height:1.3}.alert span:first-child{font-size:16px;flex-shrink:0}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}[data-theme=light] .modal-alert-error{background:#fef2f2;color:#dc2626;border-color:#fee2e2}.alert-success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}[data-theme=light] .modal-alert-success{background:#f0fdf4;color:#16a34a;border-color:#dcfce7}.modal-security-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#0ea5e90f;border-radius:6px;border:1px solid rgba(14,165,233,.15);margin-top:12px}[data-theme=light] .modal-security-note{background:#f0f9ff;border-color:#bae6fd}.modal-security-note span{font-size:16px;flex-shrink:0}.modal-security-note strong{display:block;font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.modal-security-note p{margin:0;font-size:10px;color:var(--text-secondary);line-height:1.3}.api-key-modal-footer{padding:12px 18px;border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:flex-end;background:var(--card-bg);position:sticky;bottom:0}.modal-btn-primary,.modal-btn-secondary{padding:9px 18px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:4px}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 2px 8px #0ea5e94d}.modal-btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:var(--text-secondary)}[data-theme=light] .modal-btn-secondary:hover:not(:disabled){background:#00000008}.modal-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.modal-form-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 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}[data-theme=light] .modal-form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}[data-theme=dark] .modal-form-select option{background-color:#1a1a2e;color:#fff}[data-theme=light] .modal-form-select option{background-color:#fff;color:#1a1a2e}@media(max-width:600px){.api-key-modal{max-width:100%;margin:10px;border-radius:12px}.api-key-modal-header,.api-key-modal-body,.api-key-modal-footer{padding:16px}.modal-title h3{font-size:16px}.service-icon-large{font-size:28px}}[data-theme=light] .form-input,[data-theme=light] select.form-input{background:#f8fafc;border:1px solid rgba(36,108,243,.15);color:#0f172a}[data-theme=light] .form-input:focus,[data-theme=light] select.form-input:focus{background:#fff;border-color:var(--color-primary);color:#0f172a}[data-theme=light] select.form-input option{background-color:#fff;color:#0f172a}[data-theme=light] .form-input::placeholder{color:#64748b;opacity:.7}[data-theme=light] .form-group label{color:#1e293b;font-weight:600}[data-theme=light] .form-group small{color:#475569}[data-theme=light] .modal-title h3{color:#0f172a}[data-theme=light] .form-group label .optional{color:#64748b}.message-renderer{line-height:1.6;color:#e5e7eb}.message-renderer h1,.message-renderer h2,.message-renderer h3,.message-renderer h4,.message-renderer h5,.message-renderer h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.message-renderer h1{font-size:24px}.message-renderer h2{font-size:20px}.message-renderer h3{font-size:18px}.message-renderer h4{font-size:16px}.message-renderer p{margin:8px 0}.message-renderer ul,.message-renderer ol{margin:8px 0;padding-left:24px}.message-renderer li{margin:4px 0}.message-renderer a{color:#0ea5e9;text-decoration:none;transition:color .2s}.message-renderer a:hover{color:#38bdf8;text-decoration:underline}.message-renderer .inline-code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9em;color:#f472b6}.code-block-wrapper{margin:12px 0;border-radius:8px;overflow:hidden;background:#1e1e1e;border:1px solid rgba(255,255,255,.1)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#2d2d2d;border-bottom:1px solid #3e3e3e}.code-language{font-size:12px;color:#858585;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.code-copy-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s}.code-copy-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.code-copy-btn svg{flex-shrink:0}.table-wrapper{overflow-x:auto;margin:12px 0;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.message-renderer table{border-collapse:collapse;width:100%;font-size:14px}.message-renderer th,.message-renderer td{border:1px solid rgba(255,255,255,.1);padding:10px 14px;text-align:left}.message-renderer th{background:#ffffff0d;font-weight:600;color:#f3f4f6}.message-renderer td{background:#ffffff05}.message-renderer tr:hover td{background:#ffffff0d}.message-renderer blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid #0ea5e9;background:#0ea5e91a;border-radius:0 8px 8px 0}.message-renderer blockquote p{margin:0}.message-renderer hr{margin:16px 0;border:none;border-top:1px solid rgba(255,255,255,.1)}.message-renderer strong{font-weight:600;color:#f3f4f6}.message-renderer em{font-style:italic;color:#d1d5db}.message-renderer del{text-decoration:line-through;opacity:.7}.message-renderer input[type=checkbox]{margin-right:8px;cursor:pointer}.chat-toast{position:fixed;bottom:80px;right:370px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #0000004d;z-index:1000;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.chat-toast.visible{opacity:1;transform:translateY(0);pointer-events:auto}.chat-toast-content{display:flex;align-items:center;gap:10px;color:#e2e8f0;font-size:13px;font-weight:500}.chat-toast-success{border-left:3px solid #10b981}.chat-toast-success svg{color:#10b981}.chat-toast-error{border-left:3px solid #ef4444}.chat-toast-error svg{color:#ef4444}.chat-toast-info{border-left:3px solid #3b82f6}.chat-toast-info svg{color:#3b82f6}.suggested-prompts{padding:16px;max-width:100%}.prompts-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.header-icon{font-size:14px}.prompts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:600px){.prompts-grid{grid-template-columns:repeat(2,1fr)}}.prompt-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:linear-gradient(135deg,var(--prompt-color, #6366f1) 0%,color-mix(in srgb,var(--prompt-color, #6366f1) 70%,black) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.prompt-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .2s}.prompt-card:hover:before{opacity:1}.prompt-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #00000026}.prompt-card:active{transform:translateY(0) scale(.98)}.prompt-icon{font-size:20px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.prompt-title{font-size:11px;font-weight:600;color:#fff;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.assistant-chat-panel{position:fixed;top:48px;right:0;bottom:0;width:350px;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:var(--border-width-thin) solid var(--border-primary);display:flex;flex-direction:column;z-index:200;box-shadow:-4px 0 20px var(--bg-overlay);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;transform:translate(0);opacity:1}.assistant-chat-panel.closed{transform:translate(100%);opacity:0;pointer-events:none}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-width-thin) solid var(--border-normal);background-color:var(--color-surface);color:var(--color-text-primary)}.chat-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.provider-select{background:var(--bg-input);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:4px 8px;color:var(--color-text-primary);font-size:11px;cursor:pointer;outline:none;transition:border-color var(--transition-base)}.provider-select:hover{border-color:var(--color-primary)}.provider-select option{background:var(--color-surface)}.close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:var(--color-hover);color:var(--color-text-primary)}.stop-streaming-btn{display:flex;align-items:center;gap:4px;background-color:var(--color-danger);color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.stop-streaming-btn:hover{background-color:var(--color-danger-dark);transform:scale(1.05)}.stop-streaming-btn span{font-weight:500}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:12px;font-size:13px;line-height:1.5;color:var(--color-text-primary)}.message.user{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.assistant .message-avatar{background-color:var(--color-primary-chatbot);color:#fff}.message.assistant .message-content{color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-primary-chatbot)}.message-content{background-color:var(--color-surface-subtle);padding:5px 12px;border-radius:var(--radius-md);border-top-left-radius:0;max-width:80%;white-space:pre-wrap}.message.user .message-content{border:var(--border-width-thin) solid var(--color-primary);border-top-right-radius:0;color:var(--color-text-primary)}.message-renderer{line-height:1.6;color:var(--color-text-primary)}.message-content-wrapper{display:flex;flex-direction:column;gap:4px;max-width:80%}.message-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}.message:hover .message-actions{opacity:1}.message-action-btn{background:var(--bg-section-subtle);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.message-action-btn:hover{background:var(--color-hover);border-color:var(--border-normal);color:var(--color-text-primary)}.apply-btn{align-self:flex-start;display:flex;align-items:center;gap:4px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;cursor:pointer;margin-top:2px}.apply-btn:hover{background-color:var(--color-primary-dark)}.apply-btn span{font-weight:500}.typing-indicator{display:flex;gap:4px;padding:8px;align-items:center}.typing-indicator span{width:6px;height:6px;background-color:var(--color-text-muted);border-radius:var(--radius-full);animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{padding:16px;border-top:var(--border-width-thin) solid var(--border-normal);background-color:var(--color-surface);display:flex;gap:8px;align-items:flex-end}.chat-input-area textarea{flex:1;background-color:var(--bg-input);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:8px;color:var(--color-text-primary);resize:none;font-size:13px;max-height:100px}.chat-input-area textarea:focus{outline:none;border-color:var(--color-primary)}.send-btn{width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--color-secondary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background-color:var(--color-secondary-dark)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--color-danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.stop-btn:hover{background-color:var(--color-danger-dark)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.message-timestamp{font-size:10px;color:var(--color-text-muted);margin-top:4px}.scroll-to-bottom{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:rgba(var(--color-secondary-rgb),.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:20px;padding:8px 16px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:var(--shadow-lg);transition:all var(--transition-base);z-index:10}.scroll-to-bottom:hover{background:rgba(var(--color-secondary-rgb),1);transform:translate(-50%) translateY(-2px);box-shadow:var(--shadow-xl)}.message.streaming .message-content{border:var(--border-width-thin) solid var(--color-primary);box-shadow:0 0 12px var(--color-primary);animation:streamingPulse 2s ease-in-out infinite}@keyframes streamingPulse{0%,to{border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary .3)}50%{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary .5)}}.expand-collapse-btn{margin-top:8px;padding:6px 12px;background:rgba(var(--color-primary-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);color:var(--color-primary);font-size:12px;cursor:pointer;transition:all var(--transition-base);width:100%}.expand-collapse-btn:hover{background:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.5)}.full-demo-page{min-height:100vh;height:100vh;overflow:hidden;background:var(--gradient-bg);display:flex;flex-direction:column}.demo-topbar{display:flex;align-items:center;gap:var(--space-md);height:48px;padding:0 var(--space-lg);border-bottom:1px solid var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:18px;text-decoration:none;border-radius:8px;transition:all .2s ease;background:#0ea5e91a;border:1px solid var(--color-primary)}.home-button:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}.topbar-desc{font-size:13px;color:var(--color-text-secondary);padding-left:var(--space-md);border-left:1px solid var(--color-primary);flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.topbar-projects-menu{position:relative;display:inline-flex}.projects-dropdown{position:absolute;top:110%;background:var(--color-surface-elevated, #0d0d14);border:1px solid var(--color-primary);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px var(--shadow-md);padding:6px;min-width:130px;z-index:200;display:flex;flex-direction:column;gap:4px}.projects-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;color:var(--color-text-primary);text-decoration:none;border-radius:10px;cursor:pointer;font-size:13px;text-align:left;transition:all .15s ease}.projects-dropdown-item:hover{background:#0ea5e91f}.demo-canvas-container{position:relative;width:100%;flex:1;min-height:0}.canvas-wrapper{width:100%;height:100%;background:linear-gradient(to right,rgba(14,165,233,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,165,233,.05) 1px,transparent 1px),#08081080;background-size:20px 20px,20px 20px,auto;overflow:hidden}:global(.react-flow__edge.type-colored-connection path){transition:all .3s ease;filter:drop-shadow(0 0 4px currentColor)}:global(.react-flow__edge.type-colored-connection:hover path){stroke-width:5px!important;filter:drop-shadow(0 0 8px currentColor)}:global(.react-flow__node.selected){box-shadow:0 0 0 3px #0ea5e999!important}:global(.react-flow__edge-path){stroke-width:2px;filter:drop-shadow(0 0 4px rgba(14,165,233,.3))}:global(.react-flow__edge.selected .react-flow__edge-path),:global(.react-flow__edge:hover .react-flow__edge-path){stroke-width:3px;filter:drop-shadow(0 0 8px rgba(14,165,233,.6))}:global(.react-flow__minimap){background:#080810e6!important;border:1px solid rgba(14,165,233,.3);border-radius:8px}:global(.react-flow__minimap-node){fill:#0ea5e966;stroke:#0ea5e999}[data-theme=light] .demo-topbar{background:#ffffffe6;border-bottom-color:#0ea5e94d}[data-theme=light] .canvas-wrapper{background:linear-gradient(to right,rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,165,233,.08) 1px,transparent 1px),#f0f7fff2}.demo-topbar{position:relative;z-index:100}.topbar-actions{position:relative}.topbar-divider{width:1px;height:24px;background:#0ea5e94d;margin:0 4px}.premium-btn{position:relative;border-color:#f59e0b4d!important;background:#f59e0b14!important}.premium-btn:hover{border-color:#f59e0b80!important;background:#f59e0b26!important}.premium-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:8px;font-weight:700;padding:2px 5px;border-radius:6px;letter-spacing:.5px;box-shadow:0 2px 6px #f59e0b66}.deploy-btn{border-color:#22c55e4d!important;background:#22c55e14!important}.deploy-btn:hover{border-color:#22c55e80!important;background:#22c55e26!important}.premium-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.premium-modal{background:linear-gradient(145deg,#0f172afa,#1e293bfa);border:1px solid rgba(245,158,11,.3);border-radius:20px;padding:40px;max-width:420px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #f59e0b1a;animation:modalSlide .3s ease}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-modal-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.premium-modal-close:hover{background:#ef444433;color:#ef4444}.premium-modal-icon{margin-bottom:20px}.premium-modal-icon svg{filter:drop-shadow(0 4px 12px rgba(245,158,11,.4))}.premium-modal-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 12px}.premium-modal-subtitle{font-size:15px;color:var(--color-text-secondary);margin:0 0 24px;line-height:1.5}.premium-features-list{text-align:left;margin-bottom:28px}.premium-feature-item{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--color-text-primary);font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.premium-feature-item:last-child{border-bottom:none}.premium-upgrade-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 28px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #f59e0b66}.premium-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b80}.premium-modal-note{font-size:13px;color:var(--color-text-muted);margin:16px 0 0}[data-theme=light] .premium-modal{background:linear-gradient(145deg,#fffffffa,#f8fafcfa);box-shadow:0 20px 60px #0003,0 0 40px #f59e0b1a}[data-theme=light] .premium-modal-title{color:#0f172a}[data-theme=light] .premium-feature-item{color:#1e293b;border-bottom-color:#0000000d}.history-panel-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.history-panel-content{width:900px;height:80vh;background:linear-gradient(145deg,#1e293bfa,#0f172afc);border:1px solid rgba(14,165,233,.3);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0ea5e926,inset 0 1px #ffffff0d;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@media(max-width:768px){.history-panel-content{max-width:100%;width:100%;max-height:100vh;border-radius:0}}.plan-usage-stats{border-radius:8px;padding:12px;border:1px solid var(--color-border);background:var(--color-surface)}.plan-usage-stats.compact{padding:8px 12px}.usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.plan-usage-stats.compact .usage-header{margin-bottom:0}.usage-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.premium-badge{background:linear-gradient(135deg,#246cf326,#0ea5e926);color:var(--color-primary);border:1px solid rgba(36,108,243,.3)}.premium-badge svg{fill:var(--color-primary);stroke:none}.free-badge{background:#6b72801a;color:var(--color-text-secondary);border:1px solid var(--color-border)}.upgrade-link{background:linear-gradient(135deg,#1752f5,#0ea5e9);color:#fff;border:none;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #246cf34d}.usage-details{display:flex;flex-direction:column;gap:12px}.plan-usage-stats.compact .usage-details{flex-direction:row;gap:16px;margin-top:8px}.usage-item{display:flex;flex-direction:column;gap:6px}.usage-label-row{display:flex;align-items:center;justify-content:space-between}.usage-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.usage-count{font-size:14px;font-weight:700;color:var(--color-text)}.usage-count.near-limit{color:var(--color-warning)}.usage-count.at-limit{color:var(--color-error)}.usage-value.unlimited{font-size:14px;font-weight:700;background:linear-gradient(135deg,#1752f5,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.usage-bar{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.usage-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:3px;transition:width .3s ease,background .3s ease}.usage-progress.warning{background:linear-gradient(90deg,var(--color-warning),#f59e0b)}.usage-progress.full{background:linear-gradient(90deg,var(--color-error),#dc2626)}.limit-message{display:flex;align-items:flex-start;gap:8px;padding:10px;background:#ef44441a;border-left:3px solid var(--color-error);border-radius:6px;font-size:12px;color:var(--color-text-secondary);margin-top:4px}.limit-message svg{flex-shrink:0;margin-top:1px;color:var(--color-error)}[data-theme=light] .plan-usage-stats{background:#fff;border-color:#0000001a}[data-theme=light] .usage-bar{background:#0000000d}[data-theme=light] .free-badge{background:#6b728014;border-color:#6b728033}[data-theme=light] .limit-message{background:#ef444414}.projects-page{min-height:100vh;background:var(--gradient-bg);display:flex;flex-direction:column}.projects-topbar{display:flex;align-items:center;gap:var(--space-md);height:48px;padding:0 var(--space-lg);background:#080810cc;border-bottom:1px solid rgba(14,165,233,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;position:relative;z-index:100}.home-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:18px;text-decoration:none;border-radius:8px;transition:all .2s ease;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);color:var(--color-text-primary)}.home-button:hover{background:#0ea5e933;border-color:#0ea5e980;transform:translateY(-1px)}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:10px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background:#0ea5e933;border-color:#0ea5e980}.topbar-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.topbar-desc{font-size:13px;color:var(--color-text-secondary);padding-left:var(--space-md);border-left:1px solid rgba(14,165,233,.3);flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--space-sm);position:relative}.topbar-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:8px;color:var(--color-text-primary);font-family:var(--font-heading);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.topbar-action-btn:hover{background:#0ea5e933;border-color:#0ea5e980;transform:translateY(-1px)}.topbar-action-btn:active{transform:translateY(0)}.topbar-action-btn span:first-child{font-size:16px}.projects-body{display:flex;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);transition:all .3s ease}.projects-sidebar{width:240px;min-width:240px;background:var(--color-surface-elevated);border:1px solid rgba(14,165,233,.15);border-radius:16px;padding:var(--space-lg);height:fit-content;position:sticky;top:calc(48px + var(--space-lg));transition:all .3s cubic-bezier(.4,0,.2,1)}.projects-sidebar.closed{width:0;min-width:0;padding:0;border:none;overflow:hidden;opacity:0;margin-right:calc(var(--space-lg) * -1)}.projects-sidebar.open{opacity:1}.sidebar-title{font-weight:700;color:var(--color-text-primary);font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.sidebar-links{display:flex;flex-direction:column;gap:6px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;color:var(--color-text-secondary);text-decoration:none;border:1px solid transparent;transition:all .2s ease;font-size:14px;font-weight:500}.sidebar-link:hover{background:#0ea5e914;border-color:#0ea5e926;color:var(--color-text-primary);transform:translate(4px)}.sidebar-link.active{background:linear-gradient(135deg,#0ea5e926,#06b6d41a);border-color:#0ea5e94d;color:var(--color-primary-light);box-shadow:0 4px 12px #0ea5e926}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary)}.projects-container{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:var(--space-md) 0 0 0;overflow:visible}.projects-usage-header{margin:0 var(--space-lg) var(--space-xl) var(--space-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.projects-loading,.projects-error,.projects-empty{text-align:center;padding:var(--space-2xl) var(--space-lg)}.loading-spinner{width:48px;height:48px;margin:0 auto var(--space-md);border:3px solid rgba(14,165,233,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.projects-error p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.projects-error button{padding:8px 16px;background:#0ea5e933;color:var(--color-text-primary);border:1px solid rgba(14,165,233,.3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm)}.projects-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-xl)}.btn-new-project-large{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:12px;color:var(--color-text-primary);font-family:var(--font-heading);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-new-project-large:hover{background:#0ea5e933;border-color:#0ea5e980;transform:translateY(-2px)}.btn-new-project-large:active{transform:translateY(0)}.projects-empty{padding:var(--space-3xl) var(--space-lg)}.empty-icon{font-size:64px;margin-bottom:var(--space-md)}.projects-empty h2{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-xl);color:var(--color-text-primary)}.projects-empty p{margin:0 0 var(--space-lg) 0;color:var(--color-text-secondary)}.projects-empty .btn-new-project{display:inline-flex;align-items:center;gap:var(--space-xs);padding:12px 24px;background:var(--gradient-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s}.projects-empty .btn-new-project:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e966}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-xl);padding:var(--space-sm);overflow:visible}.project-card{background:var(--color-surface-elevated);border:1px solid rgba(14,165,233,.2);border-radius:16px;padding:var(--space-xl);cursor:pointer;transition:all .25s ease}.project-card:hover{transform:translateY(-6px);border-color:#0ea5e980;box-shadow:0 12px 32px #0ea5e940}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm);gap:var(--space-sm)}.project-card-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-delete{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.6;transition:all .2s;flex-shrink:0}.btn-delete:hover{opacity:1;transform:scale(1.1)}.project-description{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-sm);border-top:1px solid rgba(14,165,233,.1)}.project-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.project-arrow{font-size:20px;color:var(--color-primary);opacity:.6;transition:all .2s}.project-card:hover .project-arrow{opacity:1;transform:translate(4px)}[data-theme=light] .projects-page{background:var(--gradient-bg)}[data-theme=light] .projects-topbar{background:#ffffffe6;border-bottom-color:#0ea5e94d}[data-theme=light] .projects-sidebar{background:#fff;border-color:#0ea5e933}[data-theme=light] .project-card{background:#fff;border-color:#0ea5e94d}[data-theme=light] .project-card:hover{box-shadow:0 8px 24px #0ea5e926}@media(max-width:1024px){.projects-body{gap:var(--space-md)}.projects-sidebar.open{width:200px;min-width:200px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:768px){.projects-topbar{height:auto;min-height:48px;padding:var(--space-sm) var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.topbar-title{font-size:14px}.topbar-desc{display:none}.topbar-actions{gap:var(--space-xs)}.topbar-action-btn{padding:5px 10px;font-size:12px}.topbar-action-btn span:first-child{font-size:14px}.projects-body{flex-direction:column;padding:var(--space-md)}.projects-sidebar{width:100%!important;min-width:100%!important;position:static;padding:var(--space-md)}.projects-sidebar.closed{display:none}.sidebar-links{flex-direction:row;flex-wrap:wrap;gap:var(--space-xs)}.sidebar-link{padding:8px 12px;font-size:var(--font-size-sm)}.projects-header{flex-direction:column;margin-bottom:var(--space-lg)}.projects-grid{grid-template-columns:1fr;gap:var(--space-md)}.project-card{padding:var(--space-md)}.btn-new-project-large{width:100%;justify-content:center;padding:10px 16px}}@media(max-width:480px){.projects-topbar{padding:var(--space-xs) var(--space-sm)}.home-button{width:32px;height:32px;font-size:16px}.sidebar-toggle{width:32px;height:32px}.topbar-title{font-size:13px}.topbar-action-btn{padding:4px 8px;font-size:11px}.topbar-action-btn span:last-child{display:none}.topbar-action-btn span:first-child{font-size:16px}.projects-body,.projects-sidebar{padding:var(--space-sm)}.sidebar-title{font-size:12px}.sidebar-link{padding:6px 10px;font-size:var(--font-size-xs)}.project-card-header h3{font-size:var(--font-size-base)}.project-description{font-size:var(--font-size-xs)}.empty-icon{font-size:48px}.projects-empty h2{font-size:var(--font-size-lg)}.projects-empty p{font-size:var(--font-size-sm)}}:root{--block-bg: var(--bg-card var(--color-surface));--block-bg-gradient: linear-gradient(135deg, var(--color-surface-elevated) 0%, var(--color-surface) 100%);--block-border: var(--border-normal);--block-border-accent: var(--border-primary);--block-hover: var(--color-hover);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--input-bg: var(--bg-input);--input-border: var(--border-subtle);--btn-primary: var(--color-primary);--btn-primary-hover: var(--color-primary-dark)}[data-theme=light] .block-body-sections,[data-theme=light] .block-body{background:var(--bg-section-normal)}[data-theme=light] .quick-input-toggle{background:var(--bg-section-subtle)}[data-theme=light] .quick-input-toggle:hover{background:var(--bg-section-normal)}.sim-block-card{min-width:auto;max-width:350px;background:var(--block-bg-gradient);border:2px solid var(--block-border);border-radius:16px;box-shadow:0 8px 24px -4px var(--block-hover),0 4px 8px -2px var(--block-hover),inset 0 1px 0 var(--block-hover);color:var(--text-primary);font-family:Inter,sans-serif;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sim-block-card:hover{border-color:var(--block-border-accent);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.sim-block-card.selected{border-color:var(--block-color, var(--color-primary));border-width:var(--border-width-normal);box-shadow:0 0 0 var(--border-width-thick) rgba(var(--block-color-rgb, var(--color-primary-rgb)),.3),var(--shadow-lg)}.sim-block-card.expanded{width:350px;max-width:350px;z-index:1000;border-color:var(--block-color, var(--color-primary))}.sim-block-card *{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.block-header{display:flex;align-items:center;padding:var(--space-2) var(--space-3);gap:var(--space-2);border-bottom:var(--border-width-thin) solid transparent;cursor:pointer;border-radius:14px 14px 0 0}.sim-block-card.expanded .block-header{border-bottom-color:var(--border-subtle)}.block-icon-wrapper{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-lg);background:var(--color-hover);border:var(--border-width-thin) solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--block-color, var(--color-primary));box-shadow:var(--shadow-sm)}.block-info{flex:1;min-width:0}.block-type-name{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-secondary);font-weight:var(--font-weight-semibold);letter-spacing:.05em}.block-instance-label{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.action-btn:hover{background:var(--color-hover);color:var(--text-primary)}.block-body-sections{padding:var(--space-2) var(--space-3);border-radius:0 0 14px 14px;min-height:30px}.sim-block-card:not(.expanded) .block-body-sections{padding:var(--space-1) var(--space-2)}.block-body{padding:var(--space-3);background:var(--bg-section-normal);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.block-fields{display:flex;flex-direction:column;gap:var(--space-2)}.field-row{display:flex;gap:var(--space-2)}.block-description{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-2);font-style:italic}.api-key-section{margin-bottom:var(--space-1)}.api-key-btn{width:100%;padding:var(--space-2) var(--space-3);background:rgba(var(--color-primary-rgb),.15);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.api-key-btn:hover{background:rgba(var(--color-primary-rgb),.25);border-color:rgba(var(--color-primary-rgb),.5)}.block-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--border-subtle);display:flex;justify-content:flex-end}.done-btn{background:var(--btn-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.done-btn:hover{background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.block-chips{padding:0 var(--space-3) var(--space-3);display:flex;gap:var(--space-1);flex-wrap:wrap}.chip{font-size:var(--font-size-2xs);background:var(--bg-section-normal);padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-subtle)}.sim-handle{width:14px!important;height:14px!important;background:var(--block-color, var(--color-primary))!important;border:2px solid var(--block-bg)!important;box-shadow:var(--shadow-sm)!important;transition:transform .2s ease,box-shadow .2s ease!important;transform-origin:center center!important}.sim-handle:hover{transform:scale(1.4)!important;box-shadow:var(--shadow-md)!important;z-index:10!important}.sim-handle.input-handle{border-radius:var(--radius-sm)!important}.sub-block-container{display:flex;flex-direction:column;gap:var(--space-1)}.sub-block-header{display:flex;justify-content:space-between;align-items:center}.sub-block-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.required{color:var(--color-danger);margin-left:var(--space-1)}.wand-button{background:transparent;border:none;color:var(--color-primary);cursor:pointer;padding:var(--space-1) var(--space-1);opacity:.8;transition:all var(--transition-base);font-size:var(--font-size-md);line-height:1;border-radius:var(--radius-sm)}.wand-button:hover{opacity:1;background:rgba(var(--color-primary-rgb),.1);transform:scale(1.1)}.block-input,.block-select,.block-textarea{width:100%;background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2);color:var(--text-primary);font-size:var(--font-size-xs);transition:all var(--transition-base);box-sizing:border-box}.block-input:focus,.block-select:focus,.block-textarea:focus{outline:none;border-width:2px;border-color:var(--block-color, var(--color-primary));box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.block-textarea{resize:vertical;font-family:Fira Code,monospace}.block-checkbox-label{display:flex;align-items:center;gap:var(--space-1);cursor:pointer}.checkbox-text{font-size:var(--font-size-xs)}.block-info-text{display:flex;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--text-secondary);background:rgba(var(--color-primary-rgb),.1);padding:var(--space-2);border-radius:var(--radius-md);align-items:flex-start}.block-execution-status{margin:var(--space-1) var(--space-3) var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-2xs)}.block-execution-status.status-pending{background:rgba(var(--color-warning-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-warning-rgb),.3)}.block-execution-status.status-running{background:var(--bg-status-running);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);animation:pulse 1s infinite}.block-execution-status.status-completed{background:var(--bg-status-success);border:var(--border-width-thin) solid rgba(var(--color-success-rgb),.3)}.block-execution-status.status-error{background:var(--bg-status-error);border:var(--border-width-thin) solid rgba(var(--color-danger-rgb),.3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.execution-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer}.execution-indicator{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.expand-toggle{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:#ffffff0d;border-radius:var(--radius-sm);transition:all var(--transition-base);white-space:nowrap;flex-shrink:0}.expand-toggle:hover{background:rgba(var(--color-text-muted-rgb),.1);color:var(--color-text-secondary)}.status-dot{font-size:var(--font-size-sm);display:inline-flex;align-items:center;line-height:1}.status-text{text-transform:capitalize;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1}.status-completed .status-text{color:var(--color-status-success)}.status-error .status-text{color:var(--color-status-error)}.status-running .status-text{color:var(--color-status-running)}.status-pending .status-text{color:var(--color-warning)}.execution-result{margin-top:var(--space-2)}.execution-result pre{background:#0000004d;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;max-width:280px;margin:0;overflow-y:auto}.execution-error{margin-top:var(--space-2);padding:var(--space-2) var(--space-2);background:var(--bg-status-error);border-radius:var(--radius-md);color:var(--color-status-error);font-size:var(--font-size-xs)}.block-section{margin-bottom:var(--space-1)}.section-header{font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) 0}.section-content{display:flex;flex-direction:column;gap:var(--space-2)}.input-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:#ffffff08;border-radius:var(--radius-md);font-size:var(--font-size-xs)}.connection-dot{color:var(--color-primary);font-size:var(--font-size-base);flex-shrink:0}.required-asterisk{color:var(--color-danger)}.input-info{color:var(--text-secondary);cursor:help;font-size:var(--font-size-base);opacity:.7}.input-info:hover{opacity:1}.output-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-2);background:#ffffff08;border-radius:var(--radius-md);font-size:var(--font-size-xs)}.additional-params-content{padding:var(--space-3) var(--space-2);display:flex;flex-direction:column}.block-fields{display:flex;flex-direction:column;gap:var(--space-3)}.field-row{display:flex;gap:var(--space-2);align-items:flex-start}.field-row>*{flex:1;min-width:0}.field-row .sub-block-container{margin-bottom:0}.param-row{display:flex;gap:var(--space-2);align-items:flex-start}.param-row-item{flex:1;min-width:0}.param-row-item .sub-block-container{margin-bottom:0}.additional-params-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:rgba(var(--color-primary-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.additional-params-btn:hover{background:rgba(var(--color-primary-rgb),.15);border-color:rgba(var(--color-primary-rgb),.5)}.additional-params-btn .chevron{transition:transform var(--transition-base)}.additional-params-btn.collapsed .chevron{transform:rotate(-90deg)}.additional-params-content{max-height:1000px;opacity:1;overflow:hidden;transition:all .3s ease}.additional-params-content.collapsed{max-height:0;opacity:0;margin:0}.input-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);position:relative;min-height:28px}.input-label{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex:1}.required-asterisk{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.input-info{color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:help;margin-left:var(--space-1)}.input-info:hover{color:var(--color-text-primary)}.input-handle-dot,.output-handle-dot{width:14px!important;height:14px!important;background:var(--color-primary);border:var(--border-width-normal) solid var(--block-bg)!important;border-radius:var(--radius-full)!important;cursor:crosshair!important;transition:transform var(--transition-base),box-shadow var(--transition-base)!important}.input-handle-dot{left:-20px!important;transform:translate(0)!important;transform-origin:center center!important}.output-handle-dot{right:-20px!important;transform:translate(0)!important;transform-origin:center center!important}.input-handle-dot:hover,.output-handle-dot:hover{filter:brightness(1.3);transform:translateY(-50%) scale(1.4)!important;box-shadow:0 0 12px currentColor!important;z-index:10!important}.connection-dot-visual{color:var(--color-primary);font-size:var(--font-size-base);flex-shrink:0;width:14px;text-align:center;pointer-events:none;opacity:0}.connection-dot-placeholder{width:14px;height:14px;flex-shrink:0}.api-key-config-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--handle-object);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;justify-content:center}.api-key-config-button:hover:not(:disabled){background:var(--handle-model);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.api-key-config-button:active:not(:disabled){transform:translateY(0)}.api-key-config-button:disabled{opacity:.5;cursor:not-allowed}.api-key-config-button svg{flex-shrink:0}.output-item{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-1) var(--space-3);position:relative;min-height:28px}.output-label{color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.handle-tool{background:var(--handle-tool)!important}.handle-model{background:var(--handle-model)!important}.handle-memory{background:var(--handle-memory)!important}.handle-string{background:var(--handle-string)!important}.handle-object{background:var(--handle-object)!important}.io-section.hidden-labels .section-header,.io-section.hidden-labels .input-label,.io-section.hidden-labels .output-label,.io-section.hidden-labels .input-info{display:none}.io-section.hidden-labels .input-item,.io-section.hidden-labels .output-item{padding:0;margin:0;min-height:0}.io-section.hidden-labels .section-content{padding:0;gap:0}.no-config-message{padding:var(--space-4);text-align:center;color:var(--color-status-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--bg-status-success);border:var(--border-width-thin) solid rgba(var(--color-success-rgb),.3);border-radius:var(--radius-md)}.chips-container{display:flex;flex-direction:column;gap:var(--space-2)}.chips-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chip-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-2);background:rgba(var(--color-primary-rgb),.15);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.4);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-light);transition:all var(--transition-base)}.chip-tag:hover{background:rgba(var(--color-primary-rgb),.25);border-color:rgba(var(--color-primary-rgb),.6)}.chip-remove{display:flex;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);padding:0;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1;cursor:pointer;transition:all var(--transition-base)}.chip-remove:hover{background:rgba(var(--color-danger-rgb),.3);color:var(--color-status-error)}.chip-input{width:100%;background:var(--input-bg);border:var(--border-width-thin) solid var(--input-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-base)}.chip-input:focus{outline:none;border-color:var(--color-primary)}.chip-input::placeholder{color:var(--text-secondary);opacity:.7}.folder-picker-container{width:100%}.folder-picker-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),.1));border:var(--border-width-thin) dashed rgba(var(--color-primary-rgb),.5);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.folder-picker-button:hover:not(:disabled){background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.25),rgba(var(--color-primary-rgb),.15));border-color:rgba(var(--color-primary-rgb),.7)}.folder-picker-button:disabled{opacity:.5;cursor:not-allowed}.folder-picker-button svg{width:18px;height:18px}.folder-picker-selected{display:flex;flex-direction:column;gap:var(--space-2)}.folder-path{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--color-primary),.1);border:var(--border-width-thin) solid rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.folder-path svg{width:var(--space-4);height:var(--space-4);color:var(--color-primary);flex-shrink:0}.folder-picker-revoke{padding:var(--space-1) var(--space-3);background:var(--bg-status-error);border:var(--border-width-thin) solid rgba(var(--color-danger-rgb),.3);border-radius:var(--radius-md);color:var(--color-status-error);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base)}.folder-picker-revoke:hover:not(:disabled){background:rgba(var(--color-danger-rgb),.2);border-color:rgba(var(--color-danger-rgb),.5)}.folder-picker-unsupported{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:rgba(var(--color-warning-rgb),.1);border:var(--border-width-thin) solid rgba(var(--color-warning-rgb),.3);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--font-size-xs)}.folder-picker-unsupported svg{width:var(--space-4);height:var(--space-4);flex-shrink:0}.block-switch-label{display:flex;align-items:center;cursor:pointer;position:relative}.block-switch-label input{opacity:0;width:0;height:0;position:absolute}.switch-slider{width:44px;height:var(--space-6);background:rgba(var(--color-secondary-rgb),.4);border-radius:var(--radius-xl);transition:all .3s ease;position:relative}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;background:var(--color-text-primary);border-radius:var(--radius-full);top:var(--space-1);left:var(--space-1);transition:all .3s ease;box-shadow:var(--shadow-sm)}.block-switch-label input:checked+.switch-slider{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%)}.block-switch-label input:checked+.switch-slider:before{transform:translate(20px);background:#fff}.block-switch-label input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.quick-input-section{padding-top:var(--space-1);border-top:var(--border-width-thin) solid var(--block-border)}.quick-input-toggle{width:100%;padding:var(--space-1) var(--space-3);background:#1e293b66;border:var(--border-width-thin) solid var(--input-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-2xs);color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-base)}.quick-input-toggle:hover{background:#1e293b99;border-color:var(--block-border-accent)}.quick-input-container{margin-top:var(--space-1)}.quick-input-field{width:100%;padding:var(--space-2);background:var(--input-bg);border:var(--border-width-thin) solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-body),monospace;color:var(--text-primary);resize:vertical;min-height:60px;transition:all var(--transition-base)}.quick-input-field:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 0 var(--border-width-thick) rgba(var(--color-primary-rgb),.15)}.quick-input-field::placeholder{color:var(--text-secondary);opacity:.5}.quick-input-status{font-size:var(--font-size-2xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.quick-input-status{padding:0 var(--space-1)}.block-edit-panel-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base)}.block-edit-panel{background:var(--bg-panel);border:var(--border-width-thin) solid var(--border-normal);border-radius:var(--radius-lg);width:auto;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideIn var(--transition-slow);transition:transform .05s ease-out;-webkit-user-select:none;user-select:none}.block-edit-panel.dragging{transition:none;box-shadow:var(--shadow-2xl),0 0 0 2px var(--color-primary)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.edit-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-normal);-webkit-user-select:none;user-select:none}.edit-panel-header:active{cursor:grabbing!important}.edit-panel-title{display:flex;align-items:center;gap:var(--space-3)}.edit-panel-block-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.edit-panel-block-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.edit-panel-close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base)}.edit-panel-close:hover{background:var(--color-hover);color:var(--color-text-primary)}.edit-panel-content{flex:1;overflow-y:auto;padding:var(--space-4);-webkit-user-select:text;user-select:text}.edit-panel-fields{display:flex;flex-direction:column;gap:var(--space-3)}.edit-panel-footer{padding:var(--space-4);border-top:var(--border-width-thin) solid var(--border-normal);display:flex;justify-content:flex-end}.edit-panel-footer .done-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.edit-panel-footer .done-btn:hover{background:var(--color-primary-light);transform:translateY(-1px)}.no-config-message{text-align:center;padding:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sub-block-highlight{animation:amber-block-pulse 1s ease-in-out 3;border-radius:var(--radius-md)}@keyframes amber-block-pulse{0%,to{box-shadow:none;background:transparent}50%{box-shadow:0 0 0 3px var(--color-warning);background:rgba(var(--color-warning-rgb),.08)}}.demo-topbar .topbar-action-btn.active{background:#0ea5e933;border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary)}.demo-topbar .run-btn{border-color:#10b98166;background:#10b9811a}.demo-topbar .run-btn:hover{border-color:#10b98199;background:#10b98133;box-shadow:0 0 12px #10b9814d}.save-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.save-modal{background:linear-gradient(145deg,#1e293bfa,#0f172afc);border:1px solid rgba(14,165,233,.3);border-radius:20px;padding:32px 40px;width:100%;max-width:400px;text-align:center;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0ea5e926,inset 0 1px #ffffff0d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.save-modal-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#0ea5e933,#06b6d433);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#0ea5e9}.save-modal-title{font-size:22px;font-weight:700;color:#f8fafc;margin:0 0 8px;letter-spacing:-.02em}.save-modal-desc{font-size:14px;color:#94a3b8;margin:0 0 24px}.save-modal-input{width:100%;padding:14px 18px;background:#ffffff0d;border:2px solid rgba(71,85,105,.5);border-radius:12px;font-size:16px;color:#f8fafc;text-align:center;transition:all .2s ease;outline:none}.save-modal-input:focus{border-color:#0ea5e9;background:#0ea5e90d;box-shadow:0 0 0 4px #0ea5e926}.save-modal-input::placeholder{color:#64748b}.save-modal-buttons{display:flex;gap:12px;margin-top:24px}.save-modal-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.save-modal-btn.cancel{background:#4755694d;border:1px solid rgba(71,85,105,.5);color:#94a3b8}.save-modal-btn.cancel:hover{background:#47556980;color:#f1f5f9}.save-modal-btn.save{background:linear-gradient(135deg,#0ea5e9,#06b6d4);border:none;color:#fff;box-shadow:0 4px 14px #0ea5e966}.save-modal-btn.save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e980}.save-modal-btn.save:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-modal-btn .spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.execution-logs-panel{position:absolute;bottom:20px;right:20px;width:360px;max-height:280px;background:linear-gradient(145deg,#1e293bf2,#0f172afa);border:1px solid rgba(14,165,233,.3);border-radius:12px;box-shadow:0 15px 40px #0006,0 0 20px #0ea5e91a;z-index:100;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.logs-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003;border-radius:12px 12px 0 0}.logs-title{font-size:13px;font-weight:600;color:#e2e8f0}.logs-close-btn{background:transparent;border:none;color:#64748b;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s}.logs-close-btn:hover{background:#ffffff1a;color:#f1f5f9}.logs-content{flex:1;overflow-y:auto;padding:12px;font-family:JetBrains Mono,Fira Code,monospace;font-size:11px;line-height:1.6}.logs-empty{color:#64748b;text-align:center;padding:20px;font-style:italic}.log-entry{padding:4px 8px;border-radius:4px;margin-bottom:4px;color:#94a3b8;transition:background .2s}.log-entry:hover{background:#ffffff0d}.log-entry.success{color:var(--color-success)}.log-entry.error{color:var(--color-danger)}.logs-content::-webkit-scrollbar{width:6px}.logs-content::-webkit-scrollbar-track{background:transparent}.logs-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.logs-content::-webkit-scrollbar-thumb:hover{background:#fff3}.deploy-btn{position:relative;padding-right:15px}.deploy-status-dot{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:var(--radius-full);transition:all var(--transition-base)}.deploy-status-dot.loading{background:var(--color-text-muted)}.deploy-status-dot.public{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.deploy-status-dot.private{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.deploy-status-dot.not-deployed{background:var(--color-danger)}.history-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.history-modal-container{width:900px;height:80vh;background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));border:1px solid var(--primary-color);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0ea5e926,inset 0 1px #ffffff0d;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.embed-container *{box-sizing:border-box;margin:0;padding:0}.embed-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--color-bg-dark);font-family:var(--font-body);color:var(--color-text-primary);overflow:hidden}.embed-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-text-primary);flex-shrink:0;box-shadow:var(--shadow-md)}.embed-header-icon{width:40px;height:40px;background:var(--bg-status-info);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.embed-header-icon svg{width:22px;height:22px;stroke:#fff}.embed-header-text{display:flex;flex-direction:column;min-width:0;flex:1}.embed-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:-.01em}.embed-subtitle{font-size:var(--font-size-xs);opacity:.85;font-weight:var(--font-weight-medium)}.embed-header-status{display:flex;align-items:center;background:var(--bg-card-elevated);padding:var(--space-2);border-radius:var(--border-radius-lg);gap:var(--space-2);font-size:var(--font-size-xs);opacity:.9;font-weight:var(--font-weight-medium)}.embed-header-status .status-dot{width:10px;height:10px;border-radius:var(--radius-full);animation:pulse-dot 2s infinite;box-shadow:var(--shadow-md)}.embed-header-status.checking .status-dot{background:var(--color-text-muted);animation:none}.embed-header-status.offline .status-dot{background:var(--color-danger);animation:none}.embed-welcome.embed-offline .embed-welcome-icon svg{stroke:var(--color-danger)}.embed-header-status.online .status-dot{background:var(--color-success);animation:none}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.embed-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);scroll-behavior:smooth;background:var(--color-bg-lighter)}.embed-messages::-webkit-scrollbar{width:6px}.embed-messages::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.embed-messages::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-sm)}.embed-messages::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.embed-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center}.embed-welcome-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);box-shadow:var(--shadow-glow-cyan)}.embed-welcome-icon svg{width:32px;height:32px;stroke:#fff}.embed-welcome h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.embed-welcome p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);max-width:260px}.embed-message{max-width:85%;min-width:40px;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-2xl);font-size:var(--font-size-sm);line-height:var(--line-height-normal);animation:message-appear .3s ease-out}@keyframes message-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.embed-message.user{margin-left:auto;margin-right:var(--space-3);max-width:75%;padding-right:calc(var(--space-4) + 4px);background:var(--color-accent);color:var(--color-text-primary);border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.embed-message.assistant{align-self:flex-start;background:var(--bg-card);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle)}.message-content{white-space:pre-wrap}.message-content.typing{display:flex;gap:5px;padding:var(--space-1) 0}.message-content.typing span{width:8px;height:8px;background:var(--color-text-muted);border-radius:var(--radius-full);animation:typing 1.4s infinite}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.embed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-6);text-align:center;background:var(--color-bg-dark)}.embed-error-icon{width:48px;height:48px;background:var(--bg-status-error);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.embed-error-icon svg{width:24px;height:24px;stroke:var(--color-danger)}.embed-error p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.embed-error-message{background:var(--bg-status-error);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:center;border:1px solid var(--border-danger)}.embed-input-container{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom,0px));background:var(--color-bg-dark);border-top:1px solid var(--border-subtle);flex-shrink:0;min-height:60px}.embed-input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--border-normal);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-family:inherit;outline:none;background:var(--bg-input);color:var(--color-text-primary);transition:all var(--transition-base)}.embed-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-focus)}.embed-input::placeholder{color:var(--color-text-muted)}.embed-send-btn{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--gradient-primary);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0;box-shadow:var(--shadow-md),var(--shadow-glow-cyan)}.embed-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-lg),var(--shadow-glow-cyan)}.embed-send-btn:active:not(:disabled){transform:scale(.98)}.embed-send-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.embed-send-btn svg{width:20px;height:20px;stroke:#fff;fill:none}.embed-branding{text-align:center;padding:var(--space-2);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom,0px));font-size:var(--font-size-2xs);color:var(--color-text-muted);background:var(--color-bg-dark);flex-shrink:0}.embed-branding a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.embed-branding a:hover{text-decoration:underline}.contact-form .form-group input.input,.contact-form .form-group textarea.input,.contact-form input.input,.contact-form textarea.input{width:100%;padding:var(--space-md);font-family:var(--font-body);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);border:1px solid rgba(36,108,243,.15);border-radius:var(--border-radius-md);outline:none;transition:all var(--transition-base)}.contact-form .form-group input.input::placeholder,.contact-form .form-group textarea.input::placeholder{color:var(--color-text-muted)}.contact-form .form-group input.input:focus,.contact-form .form-group textarea.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e933}.form button[type=submit]{width:100%;margin-top:var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.contact-page{min-height:100vh;padding-top:80px}.contact-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.contact-title{margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem)}.contact-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);align-items:start}.contact-info{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.info-item{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-lg);transition:all .2s ease;border-radius:12px}.info-item:hover{transform:translateY(-2px);border-color:#246cf366}.info-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-primary);margin-top:2px}.info-item h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:4px;color:var(--color-text-primary)}.info-item p{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-sm);line-height:1.5}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:var(--space-2xl)}.contact-hero{padding:var(--space-xl) 0 var(--space-lg)}}@media(max-width:640px){.contact-info{gap:var(--space-sm)}.info-item{padding:var(--space-md)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#06b6d4);padding:20px}.auth-container{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(36,108,243,.2)}[data-theme=light] .auth-container{background:#fffffff2;border:1px solid rgba(36,108,243,.1)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-bottom:24px;font-size:24px;font-weight:700;color:var(--color-primary);transition:transform .2s}.auth-logo:hover{transform:scale(1.05)}.logo-icon{font-size:32px}.auth-header h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.auth-header p{color:var(--color-text-secondary);font-size:15px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.form-group input{padding:12px 16px;border:2px solid rgba(36,108,243,.3);border-radius:10px;font-size:15px;transition:all .2s;background:var(--color-surface-elevated);color:var(--color-text-primary)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:var(--color-surface-elevated)}[data-theme=light] .form-group input{background:#fff;border-color:#e2e8f0}[data-theme=light] .form-group input:focus{background:#fff;border-color:#667eea}.form-hint{font-size:13px;color:var(--color-text-muted)}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px}.strength-bar{flex:1;height:6px;background:#246cf333;border-radius:3px;overflow:hidden}.strength-fill{height:100%;border-radius:3px;transition:width .3s,background-color .3s}.strength-label{font-size:12px;font-weight:600;min-width:80px;text-align:right}.password-requirements{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:12px;background:#246cf30d;border-radius:8px}.password-requirements small{font-size:12px;color:var(--color-text-muted);opacity:.6;transition:all .2s}.password-requirements small.met{color:#10b981;opacity:1}[data-theme=light] .password-requirements{background:#f7f3ff}.alert{padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}[data-theme=light] .alert-error{background:#fff5f5;color:#c53030;border:1px solid #feb2b2}.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}[data-theme=light] .alert-success{background:#f0fff4;color:#276749;border:1px solid #9ae6b4}.auth-submit-btn{padding:14px;background:linear-gradient(135deg,#06b6d4,#0651d4);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:-20px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{position:relative;text-align:center}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#246cf333}[data-theme=light] .auth-divider:before{background:#e2e8f0}.auth-divider span{position:relative;background:var(--color-surface);padding:0 16px;color:var(--color-text-muted);font-size:14px}[data-theme=light] .auth-divider span{background:#fffffff2}.auth-toggle-btn{padding:12px;background:transparent;color:#667eea;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.auth-toggle-btn:hover{border-color:#667eea;background:#667eea0d}.terms-checkbox-group{margin-top:8px;margin-bottom:0}.terms-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--color-text-secondary);line-height:1.5}.terms-checkbox-label input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid rgba(102,126,234,.55);border-radius:4px;cursor:pointer;display:inline-block;position:relative;vertical-align:middle;transition:background .2s ease,border-color .2s ease;background:transparent;box-sizing:border-box}.terms-checkbox-label input[type=checkbox]:hover{border-color:#667eea}.terms-checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#1752f5);border-color:#667eea}.terms-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;transform:translate(-50%,-50%);color:#fff;font-size:12px;line-height:1;display:block}.terms-checkbox-label input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #667eea59}.terms-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s}.terms-link:hover{color:var(--color-primary-light);text-decoration:underline}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(36,108,243,.2)}[data-theme=light] .auth-footer{border-top:1px solid #e2e8f0}.auth-footer a{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.auth-footer a:hover{color:var(--color-primary-light)}@media(max-width:500px){.auth-container{padding:30px 20px}.auth-header h1{font-size:24px}}.provider-section{border:1px solid var(--border-subtle, rgba(139, 92, 246, .2));border-radius:var(--border-radius-lg, 12px);background:var(--bg-surface, var(--color-surface, #151520));overflow:hidden;transition:all var(--transition-base, .2s)}.provider-section:hover{border-color:var(--border-primary, rgba(14, 165, 233, .4));box-shadow:var(--shadow-md)}.provider-header{padding:var(--space-md, 16px) var(--space-lg, 20px);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle, rgba(139, 92, 246, .1));transition:background var(--transition-fast, .15s);-webkit-user-select:none;user-select:none}.provider-header:hover{background:var(--bg-elevated, var(--color-surface-elevated, #1a1a28))}.provider-header:focus{outline:2px solid var(--color-primary, #0ea5e9);outline-offset:-2px}.provider-info{display:flex;align-items:center;gap:var(--space-md, 12px)}.provider-icon{font-size:var(--font-size-2xl, 24px);line-height:1}.provider-info h3{margin:0;font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #f8fafc)}.key-count{font-size:var(--font-size-xs, 12px);color:var(--color-text-muted, #94a3b8);padding:2px 8px;background:var(--bg-accent-subtle, rgba(14, 165, 233, .1));border-radius:var(--border-radius-full, 9999px)}.expand-icon{font-size:var(--font-size-xs, 12px);color:var(--color-text-muted, #94a3b8);transition:transform var(--transition-fast, .15s)}.collapsed-preview{padding:var(--space-sm, 12px) var(--space-lg, 20px);font-size:var(--font-size-sm, 13px);color:var(--color-text-secondary, #cbd5e1);background:var(--bg-accent-subtle, rgba(14, 165, 233, .05));border-bottom:1px solid var(--border-subtle, rgba(139, 92, 246, .1))}.key-list{padding:var(--space-md, 16px) var(--space-lg, 20px)}.empty-state{text-align:center;padding:var(--space-xl, 24px) var(--space-md, 16px)}.empty-state p{color:var(--color-text-muted, #94a3b8);margin-bottom:var(--space-md, 16px);font-size:var(--font-size-sm, 14px)}.key-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md, 12px) var(--space-md, 16px);margin-bottom:var(--space-sm, 8px);background:var(--bg-accent-subtle, rgba(14, 165, 233, .05));border:1px solid var(--border-subtle, rgba(139, 92, 246, .15));border-radius:var(--border-radius-sm, 6px);transition:all var(--transition-fast, .15s)}.key-item:hover{background:var(--bg-hover, rgba(14, 165, 233, .08));border-color:var(--border-primary, rgba(14, 165, 233, .3))}.key-info{flex:1;min-width:0}.key-label{font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-sm, 14px);color:var(--color-text-primary, #f8fafc);margin-bottom:var(--space-xs, 6px)}.key-value{font-family:var(--font-mono, "Consolas", "Monaco", monospace);font-size:var(--font-size-xs, 13px);color:var(--color-text-secondary, #cbd5e1);background:var(--bg-accent-subtle, rgba(14, 165, 233, .1));padding:var(--space-xs, 4px) var(--space-sm, 8px);border-radius:var(--border-radius-sm, 4px);display:inline-block;margin-bottom:var(--space-xs, 4px)}.key-meta{font-size:var(--font-size-xs, 12px);color:var(--color-text-muted, #94a3b8)}.btn-delete{padding:var(--space-xs, 6px) var(--space-sm, 12px);font-size:var(--font-size-xs, 13px);border:1px solid var(--color-danger, #ef4444);background:transparent;color:var(--color-danger, #ef4444);border-radius:var(--border-radius-sm, 4px);cursor:pointer;transition:all var(--transition-fast, .15s);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.btn-delete:hover:not(:disabled){background:var(--color-danger, #ef4444);color:var(--color-text-on-primary, white)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-add-first,.btn-add-another{padding:var(--space-sm, 8px) var(--space-md, 16px);font-size:var(--font-size-sm, 14px);border:1px dashed var(--border-primary, rgba(14, 165, 233, .4));background:transparent;color:var(--color-text-secondary, #cbd5e1);border-radius:var(--border-radius-sm, 6px);cursor:pointer;transition:all var(--transition-fast, .15s);font-weight:var(--font-weight-medium, 500);width:100%;margin-top:var(--space-sm, 8px)}.btn-add-first:hover,.btn-add-another:hover{border-color:var(--color-primary, #0ea5e9);color:var(--color-primary, #0ea5e9);background:var(--bg-hover, rgba(14, 165, 233, .1))}.btn-add-first{margin-top:0;width:auto;display:inline-block}.provider-actions{display:flex;align-items:center;gap:var(--space-sm, 8px)}.btn-pricing{padding:var(--space-xs, 4px) var(--space-sm, 8px);font-size:var(--font-size-xs, 12px);border:1px solid var(--border-primary, rgba(14, 165, 233, .3));background:transparent;color:var(--color-text-secondary, #cbd5e1);border-radius:var(--border-radius-sm, 6px);cursor:pointer;transition:all var(--transition-fast, .15s);font-weight:var(--font-weight-medium, 500);white-space:nowrap}.btn-pricing:hover{border-color:var(--color-primary, #0ea5e9);color:var(--color-primary, #0ea5e9);background:var(--bg-hover, rgba(14, 165, 233, .1))}.pricing-badge{font-size:var(--font-size-sm, 14px);margin-left:var(--space-xs, 4px);animation:pulse-subtle 2s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}[data-theme=light] .provider-section{background:var(--bg-surface-light, white);border-color:var(--border-light, rgba(14, 165, 233, .2))}[data-theme=light] .provider-header:hover{background:var(--bg-hover-light, #fafbfc)}[data-theme=light] .collapsed-preview{background:var(--bg-accent-light, #f0f7ff)}[data-theme=light] .key-item{background:var(--bg-accent-light, #f0f7ff);border-color:var(--border-light, rgba(14, 165, 233, .2))}[data-theme=light] .key-item:hover{background:var(--bg-hover-light, #e0f2fe)}[data-theme=light] .key-value{background:var(--bg-input-light, rgba(14, 165, 233, .15))}[data-theme=light] .btn-pricing{border-color:var(--border-light, rgba(14, 165, 233, .3));color:var(--color-text-secondary)}[data-theme=light] .btn-pricing:hover{background:var(--bg-hover-light, rgba(14, 165, 233, .08))}.pricing-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);animation:fadeIn var(--transition-base) ease-out}.pricing-modal{background:var(--color-surface-elevated);border-radius:var(--border-radius-xl);width:100%;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);display:flex;flex-direction:column;animation:slideUp var(--transition-slow) cubic-bezier(.16,1,.3,1)}.pricing-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-elevated);position:sticky;top:0;z-index:10}.pricing-modal-title{display:flex;align-items:center;gap:var(--space-sm)}.pricing-modal-title .provider-icon{font-size:var(--font-size-2xl);line-height:1}.pricing-modal-title h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pricing-modal-title h3 span{color:var(--color-text-muted);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);margin-left:var(--space-sm)}.pricing-close-btn{width:32px;height:32px;border-radius:var(--border-radius-md);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.pricing-close-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}.pricing-modal-description{padding:var(--space-sm) var(--space-lg);background:var(--bg-section-subtle);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.pricing-modal-description .info-icon{font-size:var(--font-size-base);flex-shrink:0}.pricing-modal-body{padding:var(--space-md) var(--space-lg);overflow-y:auto;flex:1}.pricing-model-list{display:flex;flex-direction:column;gap:var(--space-sm)}.pricing-model-item{background:var(--bg-section-subtle);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-md);transition:all var(--transition-fast)}.pricing-model-item:hover{border-color:var(--border-primary)}.pricing-model-item.has-custom{border-color:rgba(var(--color-success-rgb),.3);background:rgba(var(--color-success-rgb),.04)}.pricing-model-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.pricing-model-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.pricing-custom-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-sm);background:rgba(var(--color-success-rgb),.15);color:var(--color-success)}.pricing-reset-btn{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-danger-rgb),.3);background:transparent;color:var(--color-danger);cursor:pointer;transition:all var(--transition-fast)}.pricing-reset-btn:hover{background:rgba(var(--color-danger-rgb),.1)}.pricing-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.pricing-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.pricing-input-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.pricing-input-wrapper{position:relative;display:flex;align-items:center}.pricing-input-wrapper .currency{position:absolute;left:10px;font-size:var(--font-size-sm);color:var(--color-text-muted);pointer-events:none}.pricing-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:SF Mono,Consolas,monospace;transition:all var(--transition-fast)}.pricing-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus)}.pricing-input::placeholder{color:var(--color-text-muted);font-style:italic}.pricing-default-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.pricing-add-custom{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);border:1px dashed var(--border-primary);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);width:100%;margin-top:var(--space-sm)}.pricing-add-custom:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--bg-section-subtle)}.pricing-custom-model-input{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm);background:var(--bg-section-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.pricing-custom-model-input input{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-input);color:var(--color-text-primary);font-size:var(--font-size-sm)}.pricing-custom-model-input input:focus{outline:none;border-color:var(--color-primary)}.pricing-custom-model-input button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pricing-custom-model-input .btn-add{background:var(--gradient-primary);color:#fff}.pricing-custom-model-input .btn-add:hover{transform:translateY(-1px)}.pricing-custom-model-input .btn-cancel{background:transparent;color:var(--color-text-secondary);border:1px solid var(--border-subtle)}.pricing-modal-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-sm);justify-content:flex-end;background:var(--color-surface-elevated);position:sticky;bottom:0}.pricing-btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex;align-items:center;gap:var(--space-xs)}.pricing-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-blue)}.pricing-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.pricing-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pricing-btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--border-subtle)}.pricing-btn-secondary:hover{background:var(--color-hover);border-color:var(--border-normal)}.pricing-empty-state{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted)}.pricing-empty-state p{margin:0 0 var(--space-md) 0;font-size:var(--font-size-sm)}.pricing-saved-indicator{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-success);padding:var(--space-xs) var(--space-sm);background:rgba(var(--color-success-rgb),.1);border-radius:var(--radius-sm)}@media(max-width:768px){.pricing-modal{max-width:100%;margin:var(--space-sm);max-height:90vh}.pricing-inputs{grid-template-columns:1fr}.pricing-modal-header,.pricing-modal-body,.pricing-modal-footer{padding:var(--space-md)}}.api-keys-page{min-height:100vh;background:var(--gradient-bg);padding:var(--space-xl, 24px);padding-top:80px}.api-keys-page.loading{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #94a3b8)}.api-keys-container{max-width:1200px;margin:0 auto}.api-keys-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2xl, 32px)}.api-keys-header h1{margin:0 0 var(--space-sm, 8px) 0;font-size:var(--font-size-4xl, 2.25rem);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #f8fafc)}.api-keys-header p{margin:0;color:var(--color-text-secondary, #cbd5e1);font-size:var(--font-size-sm, 14px)}.copilot-section{background:#0ea5e90d;padding:var(--space-lg, 24px);border-radius:var(--border-radius-lg, 8px);border:2px solid rgba(14,165,233,.2)}.copilot-section summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm, 8px) 0;margin-bottom:var(--space-md, 16px)}.copilot-section summary::-webkit-details-marker{display:none}.copilot-section summary h2{margin:0;font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-bold, 700)}.summary-indicator{font-size:var(--font-size-sm, 14px);color:var(--color-text-secondary);opacity:.7}.copilot-keys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md, 16px)}.copilot-key-item{display:flex;flex-direction:column;gap:var(--space-sm, 8px)}.copilot-key-item label{font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary);font-size:var(--font-size-sm, 14px)}.alert{display:flex;align-items:center;gap:var(--space-md, 12px);padding:var(--space-md, 12px) var(--space-md, 16px);border-radius:var(--border-radius-sm, 6px);margin-bottom:var(--space-lg, 20px);font-size:var(--font-size-sm, 14px)}.alert button{margin-left:auto;background:none;border:none;color:inherit;font-size:20px;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast, .15s)}.alert button:hover{opacity:1}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.provider-category{margin-bottom:var(--space-2xl, 32px)}.category-header{font-size:var(--font-size-lg, 18px);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary, #f8fafc);margin:0 0 var(--space-md, 16px) 0;padding-bottom:var(--space-sm, 8px);border-bottom:2px solid rgba(14,165,233,.2)}.category-description{color:var(--color-text-secondary, #cbd5e1);font-size:var(--font-size-sm, 14px);margin:0 0 var(--space-md, 16px) 0;line-height:1.5}.provider-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md, 16px);margin-bottom:var(--space-2xl, 32px);align-items:start}.security-notice{display:flex;gap:var(--space-md, 12px);padding:var(--space-md, 16px);background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:var(--border-radius-md, 8px);font-size:var(--font-size-sm, 14px)}.security-notice span{font-size:20px;line-height:1}.security-notice strong{display:block;margin-bottom:var(--space-xs, 4px);color:var(--color-text-primary, #f8fafc)}.security-notice p{margin:0;color:var(--color-text-secondary, #cbd5e1);font-size:var(--font-size-xs, 13px)}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1300);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--color-surface, #151520);border:1px solid rgba(36,108,243,.2);border-radius:var(--border-radius-xl, 12px);width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.api-keys-modal-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(36,108,243,.2);display:flex;justify-content:space-between;align-items:center}.api-keys-modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close{background:none;border:none;color:var(--color-text-muted, #94a3b8);font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm, 4px);transition:all var(--transition-fast, .15s)}.modal-close:hover{background:#0ea5e91a;color:var(--color-text-primary, #f8fafc)}.modal-body{padding:var(--space-xl, 24px);overflow-y:auto}.form-group{margin-bottom:var(--space-lg, 20px)}.form-group label{display:block;margin-bottom:var(--space-sm, 8px);font-size:var(--font-size-sm, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #f8fafc)}.form-control{width:100%;padding:var(--space-sm, 10px) var(--space-md, 12px);background:var(--color-bg-lighter, #0f0f1a);border:1px solid rgba(36,108,243,.2);border-radius:var(--border-radius-sm, 6px);color:var(--color-text-primary, #f8fafc);font-size:var(--font-size-sm, 14px);transition:border-color var(--transition-fast, .15s)}.form-control:focus{outline:none;border-color:var(--color-primary, #0ea5e9)}.form-group small{display:block;margin-top:var(--space-xs, 6px);font-size:var(--font-size-xs, 12px);color:var(--color-text-muted, #94a3b8)}.modal-footer{padding:var(--space-md, 16px) var(--space-xl, 24px);border-top:1px solid rgba(36,108,243,.2);display:flex;gap:var(--space-md, 12px);justify-content:flex-end}@media(max-width:768px){.api-keys-page{padding:var(--space-md, 16px)}.api-keys-header{flex-direction:column;gap:var(--space-md, 16px)}.provider-sections{grid-template-columns:1fr}.modal{width:95%}}[data-theme=light] .category-header{color:var(--color-text-primary, #0f172a);border-bottom-color:#0ea5e94d}[data-theme=light] .modal{background:#fff;border-color:#0ea5e933}[data-theme=light] .form-control{background:#fafbfc;border-color:#0ea5e933}[data-theme=light] .security-notice{background:#f0f7ff}.profile-page{min-height:100vh;background:var(--gradient-bg);padding:100px 20px 40px}.profile-container{max-width:900px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding:32px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(14,165,233,.2)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;box-shadow:0 4px 12px #0ea5e966}.profile-info h1{font-size:32px;color:#fff;margin:0 0 8px}.profile-email{color:#7dd3fc;font-size:16px;margin:0}.profile-sections{display:flex;flex-direction:column;gap:24px}.profile-section{background:#ffffff0d;border-radius:16px;padding:32px;border:1px solid rgba(14,165,233,.2)}.profile-section h2{font-size:20px;color:#fff;margin:0 0 24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#7dd3fc;font-size:14px;font-weight:500}.info-value{color:#fff;font-size:16px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-free{background:var(--color-primary);color:var(--color-blue);border:1px solid var(--color-blue)}.badge-premium{background:linear-gradient(135deg,var(--bg-yellow) 0%,var(--bg-yellow) 100%);color:var(--color-yellow);border:1px solid var(--color-yellow)}.badge-loading{background:var(--color-gray);color:var(--color-gray);border:1px solid var(--color-gray)}.status-verified{color:var(--color-green)}.status-unverified{color:var(--color-yellow)}.password-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#bae6fd;font-size:14px;font-weight:500}.form-input{background:#ffffff0d;border:1px solid rgba(14,165,233,.3);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s}.form-input:focus{outline:none;border-color:#0ea5e9;background:#ffffff14;box-shadow:0 0 0 3px #0ea5e926}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.alert{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.api-keys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.api-key-item{display:flex;flex-direction:column;gap:8px}.api-key-item label{color:#bae6fd;font-size:13px;font-weight:500}@media(max-width:768px){.api-keys-grid{grid-template-columns:1fr}}.quick-links{display:flex;flex-direction:column;gap:12px}.link-btn{background:#ffffff0d;border:1px solid rgba(14,165,233,.3);border-radius:8px;padding:16px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.link-btn:hover{background:#0ea5e91a;border-color:#0ea5e9;transform:translate(4px)}.danger-zone{border-color:#ef44444d!important}.danger-zone h2{color:#fca5a5}.danger-zone p{color:#fecaca;margin:0 0 16px;font-size:14px}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.btn-danger:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .profile-page{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd)}[data-theme=light] .profile-header,[data-theme=light] .profile-section{background:#ffffffe6;border-color:#0ea5e94d;box-shadow:0 4px 16px #0ea5e91a}[data-theme=light] .profile-info h1,[data-theme=light] .profile-section h2{color:#0f172a}[data-theme=light] .profile-email,[data-theme=light] .info-item label{color:#0284c7}[data-theme=light] .info-value{color:#1e293b}[data-theme=light] .form-group label{color:#0369a1}[data-theme=light] .form-input{background:#0ea5e90d;border-color:#0ea5e94d;color:#1e293b}[data-theme=light] .form-input:focus{background:#fff}[data-theme=light] .link-btn{background:#0ea5e90d;color:#0f172a}[data-theme=light] .link-btn:hover{background:#0ea5e926}[data-theme=light] .danger-zone p{color:#dc2626}@media(max-width:1024px){.profile-page{padding:80px 16px 32px}.profile-header{padding:24px;gap:20px}.profile-section{padding:24px}}@media(max-width:768px){.profile-page{padding:70px 12px 24px}.profile-header{flex-direction:column;text-align:center;padding:20px;gap:16px}.profile-avatar{width:64px;height:64px;font-size:28px}.profile-info h1{font-size:24px}.profile-email{font-size:14px}.profile-sections{gap:16px}.profile-section{padding:20px;border-radius:12px}.profile-section h2{font-size:18px;margin-bottom:16px}.info-grid{grid-template-columns:1fr;gap:16px}.password-form{gap:16px}.form-input{padding:10px 14px}.btn-primary,.btn-danger{width:100%;padding:12px 20px}.link-btn{padding:14px 16px}}@media(max-width:480px){.profile-page{padding:60px 8px 16px}.profile-header{padding:16px;margin-bottom:24px}.profile-avatar{width:56px;height:56px;font-size:24px}.profile-info h1{font-size:20px}.profile-section{padding:16px}.profile-section h2{font-size:16px}.info-item label{font-size:13px}.info-value{font-size:14px}.form-group label{font-size:13px}.link-btn{font-size:13px;padding:12px 14px}}.pricing-page{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#12121a)}.pricing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;position:fixed;top:0;left:0;right:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid rgba(36,108,243,.1)}.pricing-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700;transition:transform .2s}.pricing-logo:hover{transform:scale(1.02)}.pricing-logo span{background:linear-gradient(135deg,#0ea5e9,#1752f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-content{max-width:1200px;margin:0 auto;padding:100px 24px 80px}.pricing-header{text-align:center;margin-bottom:60px}.pricing-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#6366f133,#246cf333);border:1px solid rgba(99,102,241,.3);border-radius:20px;color:#a5b4fc;font-size:.875rem;font-weight:500;margin-bottom:20px}.pricing-header h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.pricing-header>p{font-size:1.125rem;color:#94a3b8;margin-bottom:32px}.billing-toggle{display:inline-flex;align-items:center;gap:12px;padding:8px 20px;background:#ffffff0d;border-radius:30px;border:1px solid rgba(255,255,255,.1)}.billing-toggle span{font-size:.875rem;color:#64748b;transition:color .3s;display:flex;align-items:center;gap:8px}.billing-toggle span.active{color:#fff}.toggle-switch{width:48px;height:26px;background:#334155;border-radius:13px;border:none;cursor:pointer;position:relative;transition:background .3s}.toggle-switch.annual{background:linear-gradient(135deg,#06b6d4,#1752f5)}.toggle-thumb{position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-switch.annual .toggle-thumb{transform:translate(22px)}.save-badge{background:linear-gradient(135deg,#7af0c8,#36c0d8);padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600;color:#fff}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}@media(max-width:1024px){.pricing-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto 80px}}.pricing-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-4px);border-color:#ffffff26}.pricing-card.featured{background:linear-gradient(135deg,#6366f11a,#246cf31a);border-color:#6366f14d;transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#06b6d4,#1752f5);padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.card-header{margin-bottom:24px}.card-header h3{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:8px}.card-desc{color:#64748b;font-size:.875rem}.card-price{margin-bottom:24px;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px}.price{font-size:3rem;font-weight:700;color:#fff}.period{font-size:1rem;color:#64748b}.billed-note{width:100%;font-size:.75rem;color:#64748b;margin-top:4px}.feature-list{list-style:none;margin:0 0 32px;padding:0}.feature-list li{display:flex;align-items:center;gap:12px;padding:10px 0;color:#cbd5e1;font-size:.9375rem;border-bottom:1px solid rgba(255,255,255,.05)}.feature-list li:last-child{border-bottom:none}.feature-list svg{color:#10b981;flex-shrink:0}.pricing-card .btn-primary,.pricing-card .btn-secondary{width:100%;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.pricing-card .btn-primary{background:linear-gradient(135deg,#0ea5e9,#1752f5);color:#fff;border:none}.pricing-card .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.pricing-card .btn-primary:disabled{opacity:.7;cursor:not-allowed}.pricing-card .btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.pricing-card .btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.pricing-faq{text-align:center}.pricing-faq h2{font-size:2rem;font-weight:600;color:#fff;margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.faq-item h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:12px}.faq-item p{color:#94a3b8;font-size:.875rem;line-height:1.6}.faq-item a{color:#1752f5;text-decoration:none}.faq-item a:hover{text-decoration:underline}.pricing-disclaimer{text-align:center;color:#64748b;font-size:.75rem;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.pricing-disclaimer a{color:#1752f5;text-decoration:none}.pricing-disclaimer a:hover{text-decoration:underline}[data-theme=light] .pricing-page{background:linear-gradient(180deg,#f8fafc,#e2e8f0)}[data-theme=light] .pricing-nav{background:#ffffffe6;border-bottom:1px solid rgba(36,108,243,.2)}[data-theme=light] .pricing-logo{color:#1e293b}[data-theme=light] .pricing-badge{background:linear-gradient(135deg,#6366f126,#246cf326);border:1px solid rgba(99,102,241,.3);color:#0ea5e9}[data-theme=light] .pricing-header h1{background:linear-gradient(135deg,#1e293b,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .pricing-header>p{color:#64748b}[data-theme=light] .billing-toggle{background:#0000000a;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .billing-toggle span{color:#64748b}[data-theme=light] .billing-toggle span.active{color:#1e293b}[data-theme=light] .toggle-switch{background:#cbd5e1}[data-theme=light] .pricing-card{background:#fffc;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .pricing-card:hover{border-color:#0003}[data-theme=light] .pricing-card.featured{background:linear-gradient(135deg,#6366f114,#246cf314);border-color:#6366f166}[data-theme=light] .card-header h3{color:#1e293b}[data-theme=light] .card-desc{color:#64748b}[data-theme=light] .price{color:#1e293b}[data-theme=light] .period,[data-theme=light] .billed-note{color:#64748b}[data-theme=light] .feature-list li{color:#475569;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=light] .pricing-card .btn-secondary{color:#1e293b;border:1px solid rgba(0,0,0,.2)}[data-theme=light] .pricing-card .btn-secondary:hover{background:#0000000d;border-color:#0000004d}[data-theme=light] .pricing-faq h2{color:#1e293b}[data-theme=light] .faq-item{background:#fffc;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .faq-item h4{color:#1e293b}[data-theme=light] .faq-item p{color:#64748b}[data-theme=light] .faq-item a{color:#6366f1}[data-theme=light] .pricing-disclaimer{color:#64748b;border-top:1px solid rgba(0,0,0,.08)}[data-theme=light] .pricing-disclaimer a{color:#6366f1}.checkout-success-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0a0a0f,#12121a);padding:24px}.success-card{max-width:500px;width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px;text-align:center}.success-spinner{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-icon,.error-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-icon{background:linear-gradient(135deg,#10b98133,#05966933);color:#10b981}.error-icon{background:linear-gradient(135deg,#ef444433,#dc262633);color:#ef4444}.success-card h1{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:12px}.success-card>p{color:#94a3b8;font-size:1rem;line-height:1.6}.features-unlocked{margin:32px 0;padding:24px;background:#6366f11a;border-radius:16px;text-align:left}.features-unlocked h3{font-size:.875rem;font-weight:600;color:#a5b4fc;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.features-unlocked ul{list-style:none;margin:0;padding:0}.features-unlocked li{color:#e2e8f0;font-size:.9375rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.features-unlocked li:last-child{border-bottom:none}.success-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px}.success-actions .btn-primary,.success-actions .btn-secondary{width:100%;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.success-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#1752f5);color:#fff;border:none}.success-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.success-actions .btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.success-actions .btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.terms-page{min-height:100vh;background:var(--bg-panel);padding:2.5rem 1rem;color:var(--color-text-primary)}.terms-container{max-width:960px;margin:0 auto;background:var(--bg-panel);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 16px 50px var(--border-normal);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-normal)}.terms-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-normal)}.terms-logo{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-text-primary);margin-bottom:1.25rem;transition:opacity .2s}.terms-logo:hover{opacity:.9}.logo-icon{display:flex;align-items:center}.logo-text{font-size:1.35rem;font-weight:600;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.terms-header h1{font-size:2.1rem;font-weight:700;margin:.5rem 0 .35rem;color:var(--color-text-primary)}.terms-last-updated{color:var(--color-text-secondary);font-size:.95rem;margin:0}.terms-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-top:.5rem}.inline-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s}.inline-link:hover{color:var(--color-primary-hover);text-decoration:underline}.terms-content h3{font-size:1.05rem;font-weight:600;color:var(--color-primary);margin:1rem 0 .5rem}.terms-content{line-height:1.7;font-size:1rem;display:grid;gap:1.75rem}.terms-content section{background:var(--bg-panel);border:1px solid var(--border-normal);border-radius:var(--radius-lg);padding:1.25rem 1.25rem 1.1rem}.terms-content h2{font-size:1.2rem;font-weight:650;color:var(--color-primary);margin-bottom:.55rem}.terms-content p{margin-bottom:.65rem;color:var(--color-text-secondary)}.terms-content ul{margin:.35rem 0 .5rem;padding-left:1.25rem;color:var(--color-text-secondary)}.terms-content li{margin-bottom:.35rem;line-height:1.55}.terms-content a{color:var(--color-primary);text-decoration:none;transition:color .2s}.terms-content a:hover{color:var(--color-primary-hover);text-decoration:underline}.terms-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border-normal);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.terms-footer .back-link,.terms-footer .home-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .2s}.terms-footer .back-link:hover,.terms-footer .home-link:hover{color:var(--color-primary-hover)}[data-theme=light] .terms-page{background:var(--bg-panel);color:var(--color-text-primary)}[data-theme=light] .terms-container{background:var(--bg-panel);box-shadow:0 16px 50px var(--border-normal);border:1px solid var(--border-normal)}[data-theme=light] .terms-header{border-bottom:1px solid var(--border-normal)}[data-theme=light] .terms-logo,[data-theme=light] .terms-header h1{color:var(--color-text-primary)}[data-theme=light] .terms-last-updated,[data-theme=light] .terms-subtitle{color:var(--color-text-secondary)}[data-theme=light] .inline-link{color:var(--color-primary)}[data-theme=light] .inline-link:hover{color:var(--color-primary-hover)}[data-theme=light] .terms-content h3{color:var(--color-primary)}[data-theme=light] .terms-content section{background:var(--bg-panel);border:1px solid var(--border-normal)}[data-theme=light] .terms-content h2{color:var(--color-primary)}[data-theme=light] .terms-content p,[data-theme=light] .terms-content ul{color:var(--color-text-secondary)}[data-theme=light] .terms-content a{color:var(--color-primary)}[data-theme=light] .terms-content a:hover{color:var(--color-primary-hover)}[data-theme=light] .terms-footer{border-top:1px solid var(--border-normal)}[data-theme=light] .terms-footer .back-link,[data-theme=light] .terms-footer .home-link{color:var(--color-primary)}[data-theme=light] .terms-footer .back-link:hover,[data-theme=light] .terms-footer .home-link:hover{color:var(--color-primary-hover)}@media(max-width:768px){.terms-container{padding:2rem 1.5rem}.terms-header h1{font-size:1.8rem}.terms-content{font-size:.97rem}.terms-content h2{font-size:1.15rem}.terms-footer{flex-direction:column;align-items:flex-start}}.docs-page{display:flex;min-height:100vh;background:var(--gradient-bg)}.docs-sidebar{width:280px;min-width:280px;background:var(--bg-panel);border-right:1px solid var(--border-subtle);padding:var(--space-lg);position:sticky;top:70px;height:calc(100vh - 70px);overflow-y:auto;display:flex;flex-direction:column}.docs-sidebar-header{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-lg)}.docs-sidebar-logo{width:32px;height:32px}.docs-sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.docs-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.docs-nav-section{margin-bottom:var(--space-md)}.docs-nav-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-sm);margin-bottom:var(--space-xs)}.docs-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.docs-nav-item:hover{background:var(--color-hover);color:var(--color-text-primary)}.docs-nav-item.active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary-light);border-left:3px solid var(--color-primary);margin-left:-3px}.docs-nav-item-icon{font-size:var(--font-size-base);opacity:.8;display:flex;align-items:center;justify-content:center}.docs-nav-icon-svg{width:18px;height:18px;stroke:currentColor}.docs-nav-subitems{margin-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.docs-nav-subitem{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.docs-nav-subitem:hover{color:var(--color-text-secondary);background:var(--color-hover)}.docs-nav-subitem.active{color:var(--color-primary-light)}.docs-main{flex:1;padding:var(--space-2xl) var(--space-3xl);max-width:900px;margin-top:40px}.docs-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.docs-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.docs-breadcrumb a:hover{color:var(--color-primary-light)}.docs-breadcrumb-separator{opacity:.5}.docs-content h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);color:var(--color-text-primary)}.docs-content h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-2xl);margin-bottom:var(--space-md);color:var(--color-text-primary);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.docs-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-top:var(--space-xl);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.docs-content p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.docs-content ul,.docs-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.docs-content li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.docs-content code{font-family:Fira Code,Monaco,monospace;font-size:var(--font-size-sm);background:var(--bg-section-normal);padding:.2em .4em;border-radius:var(--border-radius-sm);color:var(--color-primary-light)}.docs-content pre{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);overflow-x:auto}.docs-content pre code{background:none;padding:0;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary)}.docs-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.docs-feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-lg);transition:all var(--transition-base);cursor:pointer;text-decoration:none}.docs-feature-card:hover{border-color:var(--border-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.docs-feature-card-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:flex-start;color:var(--color-primary)}.docs-feature-card-icon svg{width:32px;height:32px;stroke:currentColor}.docs-feature-card h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm);margin-top:0}.docs-feature-card p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.docs-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-xl)}.docs-table th,.docs-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-subtle)}.docs-table th{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.docs-table td{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.docs-table tr:hover td{background:var(--color-hover)}.docs-callout{padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius-md);margin-bottom:var(--space-lg);display:flex;gap:var(--space-md)}.docs-callout-info{background:var(--bg-accent-blue);border-left:4px solid var(--color-accent-blue)}.docs-callout-tip{background:var(--bg-accent-green);border-left:4px solid var(--color-accent-green)}.docs-callout-warning{background:var(--bg-accent-amber);border-left:4px solid var(--color-accent-amber)}.docs-callout-icon{font-size:var(--font-size-lg)}.docs-callout-content{flex:1}.docs-callout-content strong{color:var(--color-text-primary)}.docs-callout-content p{margin:0;font-size:var(--font-size-sm)}@media(max-width:768px){.docs-page{flex-direction:column}.docs-sidebar{width:100%;min-width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-subtle)}.docs-main{padding:var(--space-lg)}.docs-feature-grid{grid-template-columns:1fr}}.docs-mobile-toggle{display:none;position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);border:none;color:#fff;font-size:var(--font-size-xl);cursor:pointer;box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}@media(max-width:768px){.docs-mobile-toggle{display:flex;align-items:center;justify-content:center}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:20px;pointer-events:none;animation:slideUp .4s ease-out}.cookie-consent-banner{max-width:1200px;margin:0 auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px 28px;box-shadow:0 10px 40px #2798ba4d;display:flex;align-items:center;gap:24px;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cookie-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--primary-color),var(--secondary-color));border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.cookie-icon svg{color:var(--primary-color)}.cookie-content{flex:1}.cookie-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.cookie-content p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.cookie-learn-more{margin-top:8px!important;font-size:13px!important}.cookie-learn-more a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.cookie-learn-more a:hover{color:var(--secondary-color);text-decoration:underline}.cookie-actions{display:flex;gap:12px;flex-shrink:0}.cookie-btn{padding:10px 20px;border-radius:var(--border-radius-lg);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.cookie-btn-decline{background:var(--bg-elevated);border:1px solid var(--color-primary);color:var(--text-secondary)}.cookie-btn-decline:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-primary)}.cookie-btn-accept{background:var(--bg-elevated);border:1px solid var(--color-primary);color:var(--text-primary)}.cookie-btn-accept:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-primary)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.cookie-consent-overlay{padding:12px}.cookie-consent-banner{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.cookie-icon{align-self:flex-start}.cookie-content h3{font-size:16px}.cookie-content p{font-size:13px}.cookie-actions{flex-direction:column-reverse;gap:8px}.cookie-btn{width:100%;text-align:center}}:root{--handle-tool: #f59e0b;--handle-model: #10b981;--handle-memory: #a855f7;--handle-string: #3b82f6;--handle-object: #6366f1;--handle-default: #6366f1}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-dark: #080810;--color-bg-darker: #040408;--color-bg-lighter: #0f0f1a;--color-surface: rgba(15, 23, 42, .98);--color-surface-elevated: rgba(30, 41, 59, .95);--color-primary: #0ea5e9;--color-primary-chatbot: #2f9a39;--color-primary-light: #38bdf8;--color-primary-dark: #0284c7;--color-secondary: #06b6d4;--color-secondary-light: #22d3ee;--color-secondary-dark: #0891b2;--color-accent: #16bcda;--color-accent-light: #22d3ee;--color-accent-dark: #0891b2;--color-synthetic: #10b981;--color-synthetic-light: #34d399;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-warning-muted: rgb(157, 102, 6);--color-success-muted: rgb(3, 128, 57);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-blue: #3b82f6;--color-purple: #5f35e0;--gradient-primary: linear-gradient(135deg, #06b6d4 10%, #1b7be9 100%);--gradient-secondary: linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);--gradient-accent: linear-gradient(135deg, #1b7be9 0%, #0ea5e9 100%);--gradient-synthetic: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-bg: linear-gradient(180deg, #080810 0%, #0f0f1a 50%, #080810 100%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Space Grotesk", "Inter", sans-serif;--font-size-2xs: .5rem;--font-size-xs: .7rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-glow-blue: 0 0 30px rgba(14, 165, 233, .4), 0 0 60px rgba(14, 165, 233, .2);--shadow-glow-cyan: 0 0 30px rgba(6, 182, 212, .4), 0 0 60px rgba(6, 182, 212, .2);--shadow-glow-purple: 0 0 30px rgba(36, 108, 243, .4), 0 0 60px rgba(36, 108, 243, .2);--shadow-glow-green: 0 0 30px rgba(16, 185, 129, .4), 0 0 60px rgba(16, 185, 129, .2);--shadow-text: 0 0 10px rgba(0, 0, 0, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500;--color-primary-rgb: 14, 165, 233;--color-secondary-rgb: 6, 182, 212;--color-success-rgb: 16, 185, 129;--color-danger-rgb: 239, 68, 68;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--border-width-thin: 1px;--border-width-normal: 2px;--border-width-thick: 3px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--border-subtle: rgba(100, 116, 139, .2);--border-normal: rgba(100, 116, 139, .3);--border-strong: rgba(100, 116, 139, .4);--border-primary: rgba(14, 165, 233, .3);--border-primary-strong: rgba(14, 165, 233, .5);--bg-panel: rgba(15, 23, 42, .98);--bg-card: rgba(30, 41, 59, .5);--bg-card-hover: rgba(30, 41, 59, .7);--bg-card-elevated: rgba(45, 61, 87, .3);--bg-elevated: rgba(26, 26, 40, .95);--bg-input: rgba(15, 23, 42, .8);--bg-overlay: rgba(0, 0, 0, .5);--color-status-pending: #94a3b8;--color-status-running: #60a5fa;--color-status-success: #4ade80;--color-status-error: #f87171;--bg-status-pending: rgba(100, 116, 139, .1);--bg-status-running: rgba(59, 130, 246, .1);--bg-status-success: rgba(34, 197, 94, .1);--bg-status-error: rgba(239, 68, 68, .1);--bg-danger-background: rgba(239, 68, 68, .3);--color-scrollbar-track: rgba(100, 116, 139, .1);--color-scrollbar-thumb: rgba(100, 116, 139, .3);--color-scrollbar-thumb-hover: rgba(100, 116, 139, .5);--color-hover: rgba(255, 255, 255, .02);--color-active: rgba(255, 255, 255, .05);--color-focus: rgba(14, 165, 233, .2);--bg-section-subtle: rgba(0, 0, 0, .15);--bg-section-normal: rgba(0, 0, 0, .2);--color-accent-blue: #60a5fa;--color-accent-blue-rgb: 96, 165, 250;--color-accent-green: #4ade80;--color-accent-green-rgb: 74, 222, 128;--color-accent-amber: #f59e0b;--color-accent-amber-rgb: 245, 158, 11;--color-accent-purple: #a78bfa;--color-accent-purple-rgb: 167, 139, 250;--color-yellow: #f59e0b;--color-yellow-rgb: 245, 158, 11;--bg-accent-blue: rgba(96, 165, 250, .08);--bg-accent-green: rgba(74, 222, 128, .08);--bg-accent-amber: rgba(245, 158, 11, .08);--bg-accent-purple: rgba(167, 139, 250, .08);--bg-yellow: rgba(245, 158, 11, .08);--border-accent-blue: rgba(96, 165, 250, .3);--border-accent-green: rgba(74, 222, 128, .3);--border-accent-amber: rgba(245, 158, 11, .4);--border-accent-purple: rgba(167, 139, 250, .3);--border-yellow: rgba(245, 158, 11, .4)}[data-theme=light]{--color-bg-dark: #ffffff;--color-bg-darker: #fafbfc;--color-bg-lighter: #f0f7ff;--color-surface: #ffffff;--color-surface-elevated: #fafbfc;--color-accent-blue: #60a5fa;--color-accent-blue-rgb: 96, 165, 250;--color-accent-green: #4ade80;--color-accent-green-rgb: 74, 222, 128;--color-accent-amber: #f59e0b;--color-accent-amber-rgb: 245, 158, 11;--color-accent-purple: #a78bfa;--color-accent-purple-rgb: 167, 139, 250;--color-yellow: #f59e0b;--color-yellow-rgb: 245, 158, 11;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--gradient-bg: linear-gradient(180deg, #ffffff 0%, #f0f7ff 50%, #e0f2fe 100%);--shadow-sm: 0 1px 2px 0 rgba(14, 165, 233, .08);--shadow-md: 0 4px 6px -1px rgba(14, 165, 233, .12), 0 2px 4px -1px rgba(14, 165, 233, .08);--shadow-lg: 0 10px 15px -3px rgba(14, 165, 233, .15), 0 4px 6px -2px rgba(14, 165, 233, .08);--shadow-xl: 0 20px 25px -5px rgba(14, 165, 233, .15), 0 10px 10px -5px rgba(14, 165, 233, .08);--shadow-glow-blue: 0 0 20px rgba(14, 165, 233, .25), 0 0 40px rgba(14, 165, 233, .15);--shadow-glow-cyan: 0 0 20px rgba(6, 182, 212, .25), 0 0 40px rgba(6, 182, 212, .15);--shadow-glow-purple: 0 0 20px rgba(36, 108, 243, .25), 0 0 40px rgba(36, 108, 243, .15);--shadow-glow-green: 0 0 20px rgba(16, 185, 129, .25), 0 0 40px rgba(16, 185, 129, .15);--border-subtle: rgba(14, 165, 233, .15);--border-normal: rgba(14, 165, 233, .25);--border-strong: rgba(14, 165, 233, .35);--border-primary: rgba(14, 165, 233, .3);--border-primary-strong: rgba(14, 165, 233, .5);--bg-panel: rgba(255, 255, 255, .98);--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, .95);--bg-card-elevated: rgba(233, 242, 247, .8);--bg-elevated: rgba(250, 251, 252, .98);--bg-input: rgba(255, 255, 255, .9);--bg-overlay: rgba(0, 0, 0, .3);--color-scrollbar-track: rgba(14, 165, 233, .05);--color-scrollbar-thumb: rgba(14, 165, 233, .2);--color-scrollbar-thumb-hover: rgba(14, 165, 233, .4);--color-hover: rgba(14, 165, 233, .05);--color-active: rgba(14, 165, 233, .1);--color-focus: rgba(14, 165, 233, .2);--bg-status-pending: rgba(100, 116, 139, .08);--bg-status-running: rgba(59, 130, 246, .08);--bg-status-success: rgba(34, 197, 94, .08);--bg-status-error: rgba(239, 68, 68, .08);--bg-section-subtle: rgba(14, 165, 233, .03);--bg-section-normal: rgba(14, 165, 233, .05)}[data-theme=light] .glass{background:#ffffffb3;border:1px solid rgba(14,165,233,.3);box-shadow:var(--shadow-lg)}[data-theme=light] .glass-strong{background:#ffffffe6;border:1px solid rgba(14,165,233,.3)}[data-theme=light] .card{background:#fff;border:1px solid rgba(14,165,233,.3);box-shadow:var(--shadow-md)}[data-theme=light] .card:hover{border-color:#0ea5e980;box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}[data-theme=light] .card-glass{background:#fffc;border:1px solid rgba(14,165,233,.3)}[data-theme=light] .card-glass:hover{background:#fffffff2;border-color:#0ea5e980}[data-theme=light] .input{background:#fff;border:1px solid rgba(14,165,233,.3)}[data-theme=light] .badge{background:#0ea5e91a;border:1px solid rgba(14,165,233,.3)}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--gradient-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl);letter-spacing:-.02em}h2{font-size:var(--font-size-4xl);letter-spacing:-.01em}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}p{margin-bottom:var(--space-md)}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.container-wide{max-width:1600px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#1a182599;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(14,165,233,.2);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.glass-strong{background:#1a1825cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:.01em;border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;outline:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow-cyan)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-cyan)}.btn-outline{background:transparent;color:var(--color-primary-light);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg)}.btn-small{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.card{background:var(--color-surface);border-radius:var(--border-radius-xl);padding:var(--space-xl);border:1px solid rgba(36,108,243,.2);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);border-color:#0ea5e999;box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.card-glass{background:#1a182599;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);padding:var(--space-xl);border:1px solid rgba(14,165,233,.2);transition:all var(--transition-base)}.card-glass:hover{transform:translateY(-4px);border-color:#0ea5e966;box-shadow:var(--shadow-lg),var(--shadow-glow-blue);background:#1a1825cc}.input{width:100%;padding:var(--space-md);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);border:1px solid rgba(36,108,243,.2);border-radius:var(--border-radius-md);transition:all var(--transition-base);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #246cf333}.input::placeholder{color:var(--color-text-muted)}textarea.input{resize:vertical;min-height:120px}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}@media(max-width:768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.5rem}.section{padding:var(--space-3xl) 0}.container,.container-wide{padding:0 var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}.animate-float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.react-flow__attribution,.react-flow__panel.react-flow__attribution,.react-flow__panel.bottom.right,.react-flow__panel[data-message]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
