:root{--primary:#1a1a1a;--primary-light:#2a2a2a;--accent:#ff5858;--accent-light:#ff7a7a;--accent-dark:#e63d3d;--surface:#fafaf9;--surface-elevated:#fff;--surface-dark:#f5f5f4;--text:#1a1a1a;--text-secondary:#6b6b6b;--text-tertiary:#9b9b9b;--text-inverse:#fafaf9;--border:#e5e5e0;--border-light:#f0f0eb;--success:#4caf50;--warning:#ffa726;--info:#42a5f5;--font-main:"Crimson Pro",Georgia,serif;--font-sans:"Inter",-apple-system,sans-serif;--font-mono:"IBM Plex Mono",monospace;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.08);--shadow-lg:0 4px 16px rgba(0,0,0,.12);--shadow-xl:0 8px 32px rgba(0,0,0,.16)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--surface);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:2;background:hsla(60,9%,98%,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:var(--transition-base)}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 var(--space-lg);height:72px;justify-content:space-between}.logo,.navbar-inner{display:flex;align-items:center}.logo{gap:var(--space-sm);text-decoration:none;cursor:pointer}.logo-mark{width:40px;height:40px;background:var(--primary);border-radius:10px;position:relative;overflow:hidden}.logo-mark:before{width:20px;height:20px;background:var(--accent)}.logo-mark:after,.logo-mark:before{content:"";position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-mark:after{width:8px;height:8px;background:var(--text-inverse)}.logo-text{font-family:var(--font-main);font-size:1.5rem;font-weight:600;color:var(--text);letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);cursor:pointer}.nav-link.active,.nav-link:hover{color:var(--text)}.nav-actions{gap:var(--space-sm)}.nav-actions,.nav-user-avatar{display:flex;align-items:center}.nav-user-avatar{justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent,#6366f1),var(--accent-hover,#4f46e5));color:#fff;text-decoration:none;font-weight:600;font-size:14px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;margin-right:8px}.nav-user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(99,102,241,.4)}.nav-user-avatar .avatar-initials{line-height:1;letter-spacing:.5px}@media (max-width:768px){.nav-user-avatar{width:32px;height:32px;font-size:12px}}.btn{font-family:var(--font-sans);font-size:.9rem;font-weight:500;padding:.7rem 1.4rem;border-radius:8px;border:none;cursor:pointer;transition:var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--surface-dark)}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:var(--accent);color:var(--text-inverse)}.btn-accent:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);background:var(--surface-dark)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.hero{padding:calc(72px + var(--space-3xl)) var(--space-lg) var(--space-3xl);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(255,88,88,.08) 0,transparent 60%);pointer-events:none;animation:a 8s ease-in-out infinite}.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;position:relative;z-index:1}.hero-content{animation:b 1s ease}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-md);animation:b 1s ease .1s both}.hero-badge-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:c 2s ease-in-out infinite}.hero-title{font-family:var(--font-main);font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-md);animation:b 1s ease .2s both}.hero-title em{font-style:italic;color:var(--accent)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:480px;margin-bottom:var(--space-xl);animation:b 1s ease .3s both}.hero-actions{display:flex;gap:var(--space-sm);animation:b 1s ease .4s both;flex-wrap:wrap}.hero-visual{position:relative;animation:b 1s ease .5s both}.hero-app-preview{background:var(--surface-elevated);border-radius:16px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border)}.app-titlebar{height:40px;background:var(--surface-dark);display:flex;align-items:center;padding:0 var(--space-sm);gap:8px;border-bottom:1px solid var(--border)}.app-titlebar-dot{width:12px;height:12px;border-radius:50%}.app-titlebar-dot:first-child{background:#ff5f57}.app-titlebar-dot:nth-child(2){background:#febc2e}.app-titlebar-dot:nth-child(3){background:#28c840}.app-content{padding:var(--space-lg)}.app-recorder{justify-content:space-between;padding:var(--space-md);background:var(--surface);border-radius:12px;border:1px solid var(--border)}.app-recorder,.recorder-status{display:flex;align-items:center}.recorder-status{gap:var(--space-sm)}.recorder-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;animation:d 1.5s ease-in-out infinite}.recorder-text{font-size:.9rem;color:var(--text-secondary)}.recorder-text strong{color:var(--text);font-weight:600}.recorder-buttons{display:flex;gap:var(--space-xs)}.recorder-btn{width:44px;height:44px;border-radius:50%;background:var(--surface-dark);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.recorder-btn:hover{background:var(--surface-elevated);border-color:var(--primary)}.recorder-btn.active{background:var(--accent);border-color:var(--accent)}.recorder-btn svg{width:20px;height:20px;fill:var(--text-secondary)}.recorder-btn.active svg{fill:#fff}.hero-float{position:absolute;background:var(--surface-elevated);border-radius:12px;padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:e 6s ease-in-out infinite}.hero-float-1{top:-20px;right:-30px}.hero-float-2{bottom:40px;left:-40px;animation-delay:2s}.float-icon{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.float-icon svg{width:18px;height:18px}.section-inner{max-width:1200px;margin:0 auto}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-2xl)}.section-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-sm)}.section-title{font-size:clamp(2rem,4vw,3rem);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.section-subtitle{font-size:1.1rem;color:var(--text-secondary)}.features{padding:var(--space-3xl) var(--space-lg);background:var(--surface-elevated);border-top:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:var(--space-xl);transition:var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(255,88,88,.1),rgba(255,88,88,.05));border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.feature-icon svg{width:28px;height:28px;stroke:var(--accent);fill:none;stroke-width:2}.feature-title{font-family:var(--font-main);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs)}.feature-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.how-it-works{padding:var(--space-3xl) var(--space-lg)}.steps{display:flex;flex-direction:column;gap:var(--space-3xl)}.step{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}.step:nth-child(2n){direction:rtl}.step:nth-child(2n)>*{direction:ltr}.step-content{padding:var(--space-lg)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary);color:var(--text-inverse);border-radius:50%;font-size:1.25rem;margin-bottom:var(--space-md)}.step-number,.step-title{font-family:var(--font-main);font-weight:600}.step-title{font-size:1.75rem;margin-bottom:var(--space-sm)}.step-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.7}.step-visual{background:var(--surface-elevated);border-radius:16px;padding:var(--space-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.step-visual-content{background:var(--surface);border-radius:12px;padding:var(--space-md);border:1px solid var(--border)}.testimonials{padding:var(--space-3xl) var(--space-lg);background:var(--primary);color:var(--text-inverse)}.testimonials .section-badge{color:var(--accent-light)}.testimonials .section-subtitle{color:hsla(60,9%,98%,.7)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.testimonial-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:var(--space-xl);transition:var(--transition-base)}.testimonial-card:hover{background:hsla(0,0%,100%,.08);transform:translateY(-4px)}.testimonial-quote{font-family:var(--font-main);font-size:1.1rem;font-style:italic;line-height:1.7;margin-bottom:var(--space-md)}.testimonial-author{display:flex;align-items:center;gap:var(--space-sm)}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem}.testimonial-info h4{font-weight:600;font-size:.95rem}.testimonial-info p{font-size:.85rem;opacity:.7}.pricing{padding:var(--space-3xl) var(--space-lg)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);max-width:1000px;margin:0 auto}.pricing-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;padding:var(--space-xl);position:relative;transition:var(--transition-base)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-lg)}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem 1rem;border-radius:100px}.pricing-name{font-family:var(--font-main);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs)}.pricing-desc{font-size:.9rem;color:var(--text-secondary)}.pricing-desc,.pricing-price{margin-bottom:var(--space-md)}.pricing-price .amount{font-family:var(--font-main);font-size:3rem;font-weight:700;letter-spacing:-.02em}.pricing-price .period{font-size:.9rem;color:var(--text-secondary)}.pricing-features{list-style:none;margin-bottom:var(--space-lg)}.pricing-features li{display:flex;align-items:center;gap:.5rem;font-size:.9rem;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.pricing-features li:last-child{border-bottom:none}.pricing-features svg{width:18px;height:18px;stroke:var(--success);fill:none;stroke-width:2;flex-shrink:0}.pricing-card .btn{width:100%;justify-content:center}.cta{padding:var(--space-3xl) var(--space-lg);background:linear-gradient(180deg,var(--surface),var(--surface-dark))}.cta-inner{max-width:800px;margin:0 auto;text-align:center}.cta-title{font-family:var(--font-main);font-size:clamp(2rem,4vw,3rem);font-weight:600;margin-bottom:var(--space-md)}.cta-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-xl)}.footer{padding:var(--space-2xl) var(--space-lg);background:var(--primary);color:var(--text-inverse)}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-brand p{font-size:.9rem;opacity:.7;max-width:280px;margin-top:var(--space-sm)}.footer-column h4{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);opacity:.5}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:var(--text-inverse);text-decoration:none;font-size:.9rem;opacity:.8;transition:var(--transition-fast)}.footer-column a:hover{opacity:1}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);font-size:.85rem;opacity:.6}.footer-bottom a{color:inherit;text-decoration:none;margin-right:1.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--surface),var(--surface-dark))}.login-card{width:100%;max-width:400px;background:var(--surface-elevated);border-radius:24px;padding:var(--space-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-header .logo{display:inline-flex;margin-bottom:var(--space-md)}.login-header h1{font-family:var(--font-main);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-xs)}.login-header p{color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:.85rem;font-weight:500;margin-bottom:var(--space-xs);color:var(--text-secondary)}.form-input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:var(--font-sans);background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,26,26,.1)}.form-input::placeholder{color:var(--text-tertiary)}.code-input-group{display:flex;gap:var(--space-xs)}.code-input-group .form-input{flex:1}.code-input-group .btn{white-space:nowrap}.form-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0;color:var(--text-tertiary);font-size:.85rem}.form-divider:after,.form-divider:before{content:"";flex:1;height:1px;background:var(--border)}.login-footer{text-align:center;margin-top:var(--space-lg);font-size:.9rem;color:var(--text-secondary)}.login-footer a{color:var(--accent);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.form-status{text-align:center;padding:var(--space-sm);border-radius:8px;font-size:.9rem;margin-bottom:var(--space-md);display:none}.form-status.success{display:block;background:rgba(76,175,80,.1);color:var(--success)}.form-status.error{display:block;background:rgba(255,88,88,.1);color:var(--accent)}.dashboard-page{padding-top:72px;min-height:100vh;background:var(--surface-dark)}.dashboard-layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:var(--surface-elevated);border-right:1px solid var(--border);padding:var(--space-lg)}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:var(--space-xs)}.sidebar-link{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem 1rem;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:var(--transition-fast);cursor:pointer}.sidebar-link:hover{background:var(--surface-dark);color:var(--text)}.sidebar-link.active{background:var(--primary);color:var(--text-inverse)}.sidebar-link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.sidebar-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.sidebar-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-sm);padding:0 1rem}.dashboard-main{padding:var(--space-xl);overflow-y:auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.dashboard-header h1{font-family:var(--font-main);font-size:1.75rem;font-weight:600}.dashboard-header p{color:var(--text-secondary);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px;padding:var(--space-lg)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.stat-icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(255,88,88,.1),rgba(255,88,88,.05));border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:2}.stat-trend{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:100px}.stat-trend.up{background:rgba(76,175,80,.1);color:var(--success)}.stat-value{font-family:var(--font-main);font-size:2rem;margin-bottom:var(--space-xs)}.stat-label{font-size:.85rem;color:var(--text-secondary)}.dashboard-section{display:none}.dashboard-section.active{display:block}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.user-avatar:hover{transform:scale(1.05)}.search-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.search-input{flex:1;padding:.75rem 1rem;font-size:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;font-family:var(--font-sans)}.search-input:focus{outline:none;border-color:var(--primary)}.flows-section{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;padding:var(--space-xl)}.flows-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.flows-header h2{font-family:var(--font-main);font-size:1.25rem;font-weight:600}.flows-filters{display:flex;gap:var(--space-sm)}.filter-btn{padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.filter-btn.active,.filter-btn:hover{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.flows-list{display:flex;flex-direction:column;gap:var(--space-sm)}.flow-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:var(--transition-base);overflow:hidden}.flow-item.expanded,.flow-item:hover{border-color:var(--accent)}.flow-item.expanded{box-shadow:var(--shadow-md)}.flow-item-header{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:var(--space-md);align-items:center;padding:var(--space-md);cursor:pointer}.flow-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--surface-dark),var(--surface));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.flow-info h3{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.flow-info p{font-size:.8rem;color:var(--text-secondary)}.flow-meta{text-align:center}.flow-meta-value{font-weight:600;font-size:.9rem}.flow-meta-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.flow-status{padding:.35rem .75rem;border-radius:100px;font-size:.75rem;font-weight:500}.flow-status.active{background:rgba(76,175,80,.1);color:var(--success)}.flow-status.draft{background:rgba(255,167,38,.1);color:var(--warning)}.flow-status.paused{background:var(--surface-dark);color:var(--text-secondary)}.flow-expand-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.flow-expand-icon svg{width:20px;height:20px;stroke:var(--text-tertiary);fill:none;stroke-width:2;transition:var(--transition-fast)}.flow-item.expanded .flow-expand-icon svg{transform:rotate(180deg);stroke:var(--accent)}.flow-details{display:none;border-top:1px solid var(--border);background:var(--surface-dark)}.flow-item.expanded .flow-details{display:block}.flow-details-inner{padding:var(--space-lg)}.flow-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.flow-meta-item{text-align:center;padding:var(--space-sm);background:var(--surface-elevated);border-radius:10px}.flow-meta-item .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:.25rem}.flow-meta-item .value{font-family:var(--font-mono);font-size:.85rem;font-weight:500}.flow-phases{display:flex;flex-direction:column;gap:var(--space-md)}.flow-phase{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden}.flow-phase-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer}.phase-number{width:28px;height:28px;border-radius:50%;font-size:.8rem;font-weight:600}.phase-info{flex:1}.phase-info h4{font-size:.9rem;font-weight:600;margin-bottom:.125rem}.phase-info span{font-size:.75rem;color:var(--text-tertiary)}.phase-badge{font-family:var(--font-mono);font-size:.7rem;padding:.25rem .5rem;background:var(--surface-dark);border-radius:4px;color:var(--text-secondary)}.phase-expand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.phase-expand-icon svg{width:16px;height:16px;stroke:var(--text-tertiary);fill:none;stroke-width:2;transition:var(--transition-fast)}.flow-phase.expanded .phase-expand-icon svg{transform:rotate(180deg)}.phase-steps{display:none;padding:var(--space-md)}.flow-phase.expanded .phase-steps{display:block}.phase-step{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;position:relative}.phase-step:not(:last-child){border-bottom:1px dashed var(--border-light)}.phase-step:not(:last-child):before{content:"";position:absolute;left:15px;top:40px;bottom:-8px;width:2px;background:var(--border-light)}.step-indicator{width:32px;height:32px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);flex-shrink:0;position:relative;z-index:1}.step-indicator.critical{border-color:var(--accent);color:var(--accent)}.step-action{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.7rem;padding:.2rem .5rem;background:var(--primary);color:var(--text-inverse);border-radius:4px;margin-bottom:.5rem;text-transform:uppercase}.step-description{font-size:.85rem;margin-bottom:.5rem}.step-target{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);background:var(--surface);padding:.5rem;border-radius:6px;word-break:break-all}.step-critical-badge{font-size:.65rem;padding:.15rem .4rem;background:rgba(255,88,88,.1);color:var(--accent);border-radius:4px;margin-left:.5rem;text-transform:uppercase;font-weight:600}.flow-conditions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.conditions-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.condition-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;padding:.5rem;background:var(--surface);border-radius:6px;margin-bottom:.5rem}.condition-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center}.condition-icon.success{background:rgba(76,175,80,.1)}.condition-icon.success svg{stroke:var(--success)}.condition-icon svg{width:12px;height:12px;fill:none;stroke-width:2}.condition-text{flex:1;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.flow-actions-bar{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.activity-feed{background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;padding:var(--space-xl);margin-top:var(--space-lg)}.activity-feed h2{font-family:var(--font-main);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md)}.activity-item{display:flex;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:8px;background:var(--surface-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:16px;height:16px;stroke:var(--text-secondary);fill:none;stroke-width:2}.activity-content{flex:1}.activity-content p{font-size:.9rem;margin-bottom:.25rem}.activity-content time{font-size:.75rem;color:var(--text-tertiary)}.docs-page{padding-top:72px;min-height:100vh}.docs-layout{display:grid;grid-template-columns:260px 1fr;max-width:1400px;margin:0 auto}.docs-sidebar{padding:var(--space-xl) var(--space-lg);border-right:1px solid var(--border);position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto}.docs-nav-section{margin-bottom:var(--space-lg)}.docs-nav-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.docs-nav-list{list-style:none}.docs-nav-list li{margin-bottom:.25rem}.docs-nav-list a{display:block;padding:.5rem .75rem;font-size:.9rem;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:var(--transition-fast)}.docs-nav-list a:hover{background:var(--surface-dark);color:var(--text)}.docs-nav-list a.active{background:var(--primary);color:var(--text-inverse)}.docs-content{padding:var(--space-xl) var(--space-2xl);max-width:900px}.docs-content h1{font-size:2.5rem}.docs-content h1,.docs-content h2{font-family:var(--font-main);font-weight:600;margin-bottom:var(--space-md)}.docs-content h2{font-size:1.5rem;margin-top:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.docs-content h3{font-family:var(--font-main);font-size:1.25rem;font-weight:600;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.docs-content p{margin-bottom:var(--space-md);line-height:1.7}.docs-content code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-dark);padding:.2rem .4rem;border-radius:4px}.docs-content pre{background:var(--primary);color:var(--text-inverse);padding:var(--space-md);border-radius:12px;overflow-x:auto;margin-bottom:var(--space-md)}.docs-content pre code{background:none;padding:0;color:inherit}.docs-content ol,.docs-content ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.docs-content li{margin-bottom:var(--space-xs)}.about-hero{padding:calc(72px + var(--space-3xl)) var(--space-lg) var(--space-3xl);text-align:center;background:linear-gradient(180deg,var(--surface),var(--surface-dark))}.about-hero h1{font-family:var(--font-main);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:var(--space-md)}.about-hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.about-section{padding:var(--space-3xl) var(--space-lg)}.about-section:nth-child(2n){background:var(--surface-elevated)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);max-width:1200px;margin:0 auto}.about-card{text-align:center;padding:var(--space-xl)}.about-card-icon{width:80px;height:80px;margin:0 auto var(--space-md);background:linear-gradient(135deg,rgba(255,88,88,.1),rgba(255,88,88,.05));border-radius:20px;display:flex;align-items:center;justify-content:center}.about-card-icon svg{width:40px;height:40px;stroke:var(--accent);fill:none;stroke-width:1.5}.about-card h3{font-family:var(--font-main);font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.about-card p{color:var(--text-secondary);line-height:1.6}@keyframes a{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.4}}@keyframes b{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes c{0%,to{opacity:1}50%{opacity:.4}}@keyframes d{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-subtitle{margin:0 auto var(--space-xl)}.hero-actions{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}.hero-float{display:none}.about-grid,.features-grid,.pricing-grid,.testimonials-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.step{grid-template-columns:1fr}.step:nth-child(2n){direction:ltr}.footer-top{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-layout,.docs-layout{grid-template-columns:1fr}.docs-sidebar,.sidebar{display:none}.flow-meta-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{display:none}.footer-top{grid-template-columns:1fr}.flow-item-header{grid-template-columns:auto 1fr auto}.flow-meta,.flow-status{display:none}.flow-meta-grid,.stats-grid{grid-template-columns:1fr}.docs-content{padding:var(--space-lg)}}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:3;flex-direction:column;pointer-events:none}.toast,.toast-container{display:flex;gap:var(--space-sm)}.toast{pointer-events:auto;min-width:300px;max-width:400px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:var(--space-md);box-shadow:var(--shadow-xl);align-items:flex-start;animation:f .3s cubic-bezier(.4,0,.2,1) forwards;transition:all .3s ease}.toast.removing{animation:g .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes f{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes g{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.toast-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.toast.success .toast-icon{background:rgba(76,175,80,.1);color:var(--success)}.toast.error .toast-icon{background:rgba(255,88,88,.1);color:var(--accent)}.toast.info .toast-icon{background:rgba(66,165,245,.1);color:var(--info)}.toast.warning .toast-icon{background:rgba(255,167,38,.1);color:var(--warning)}.toast-content{flex-grow:1}.toast-title{display:block;font-size:.95rem;font-weight:600;margin-bottom:2px}.toast-message{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.toast-close{padding:4px;margin:-4px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:4px;transition:var(--transition-fast)}.toast-close:hover{background:var(--surface-dark);color:var(--text-secondary)}.process-doc-modal{position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.process-doc-modal.open{opacity:1;visibility:visible}.process-doc-modal-backdrop{position:absolute;inset:0;background:hsla(0,0%,100%,.6);backdrop-filter:blur(4px)}.process-doc-modal-container{position:relative;width:90%;max-width:900px;max-height:90vh;background:var(--bg-primary,#fff);border:1px solid var(--border,hsla(0,0%,100%,.1));border-radius:16px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:translateY(20px) scale(.98);transition:transform .3s ease}.process-doc-modal.open .process-doc-modal-container{transform:translateY(0) scale(1)}.process-doc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border,hsla(0,0%,100%,.1));flex-shrink:0}.process-doc-modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary,#fff);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.process-doc-modal-actions{display:flex;align-items:center;gap:.5rem}.process-doc-modal-body{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:var(--accent,#6366f1) transparent}.process-doc-modal-body::-webkit-scrollbar{width:6px}.process-doc-modal-body::-webkit-scrollbar-track{background:rgb(rgb(255,255,255),rgb(255,255,255),rgb(255,255,255))}.process-doc-modal-body::-webkit-scrollbar-thumb{background:var(--accent,#6366f1);border-radius:3px}.process-doc{font-family:var(--font-sans);line-height:1.6;color:var(--text)}.process-doc-header{margin-bottom:var(--space-xl)}.process-doc-header-top{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.process-doc-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface-dark);border:1px solid var(--border);border-radius:12px;flex-shrink:0}.process-doc-title-block{flex:1;min-width:0}.process-doc-title{font-family:var(--font-main);font-size:1.75rem;font-weight:600;color:var(--text);margin:0 0 .5rem;letter-spacing:-.02em}.process-doc-description{font-size:1rem;color:var(--text-secondary);margin:0}.process-doc-status-badge{padding:.375rem .875rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.process-doc-status-badge.active{background:rgba(76,175,80,.12);color:var(--success)}.process-doc-status-badge.draft{background:rgba(255,167,38,.12);color:var(--warning)}.process-doc-status-badge.paused{background:var(--surface-dark);color:var(--text-tertiary)}.process-doc-meta-bar{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-dark);border-radius:8px}.meta-item{display:flex;flex-direction:column;gap:2px;padding-right:var(--space-md);border-right:1px solid var(--border)}.meta-item:last-child{border-right:none;padding-right:0}.meta-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;font-weight:500;color:var(--text);font-family:var(--font-mono)}.process-doc-section{margin-bottom:var(--space-xl)}.section-title{font-family:var(--font-main);font-size:1.125rem;font-weight:600;color:var(--text);margin:0 0 var(--space-md);padding-bottom:.5rem;border-bottom:2px solid var(--accent);display:inline-block}.process-doc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.stat-item{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;padding:var(--space-md);text-align:center;transition:var(--transition-fast)}.stat-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1.2;font-family:var(--font-mono)}.stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.prereq-box{background:var(--surface-elevated);border:1px solid var(--border);border-left:3px solid var(--warning);border-radius:0 8px 8px 0;padding:var(--space-md)}.prereq-intro{font-size:.9375rem;color:var(--text-secondary);margin:0 0 var(--space-sm)}.prereq-list{list-style:none;padding:0;margin:0}.prereq-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.9375rem;color:var(--text)}.prereq-marker{width:6px;height:6px;background:var(--warning);border-radius:50%;flex-shrink:0;margin-top:.5rem}.phases-container{display:flex;flex-direction:column;gap:var(--space-md)}.phase-block{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;overflow:hidden}.phase-header{gap:var(--space-md);padding:var(--space-md);background:var(--surface-dark);border-bottom:1px solid var(--border)}.phase-header,.phase-number{display:flex;align-items:center}.phase-number{width:36px;height:36px;background:var(--primary);color:var(--text-inverse);border-radius:8px;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.phase-title-group{display:flex;align-items:center;gap:var(--space-sm);flex:1}.phase-title{font-size:1rem;font-weight:600;color:var(--text);margin:0}.phase-mode-badge{font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-dark);color:var(--text-secondary);border:1px solid var(--border)}.phase-mode-badge.guided{background:rgba(66,165,245,.1);color:var(--info);border-color:rgba(66,165,245,.3)}.phase-mode-badge.automated{background:rgba(76,175,80,.1);color:var(--success);border-color:rgba(76,175,80,.3)}.phase-conditions{padding:var(--space-sm) var(--space-md);background:var(--surface-dark);border-bottom:1px solid var(--border)}.phase-conditions.postconditions{border-bottom:none;border-top:1px solid var(--border)}.conditions-label{display:block;font-size:.6875rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.phase-conditions ul{list-style:none;padding:0;margin:0}.phase-conditions li{font-size:.875rem;color:var(--text-secondary);padding:.25rem 0}.phase-conditions code{background:rgba(255,88,88,.1);color:var(--accent);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono);font-size:.8125rem}.steps-list{padding:var(--space-sm) var(--space-md)}.step-item{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light);transition:var(--transition-fast)}.step-item:last-child{border-bottom:none}.step-item:hover{background:var(--surface-dark);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);border-radius:6px}.step-item.critical{border-left:3px solid var(--accent);padding-left:var(--space-sm);margin-left:calc(-1 * var(--space-md))}.step-item .step-number{width:28px;height:28px;background:var(--surface-dark);border:1px solid var(--border);color:var(--text);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8125rem;flex-shrink:0;font-family:var(--font-mono)}.step-item.critical .step-number{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.step-content{flex:1;min-width:0}.step-instruction{font-size:.9375rem;color:var(--text);margin-bottom:.25rem}.step-instruction strong{color:var(--text)}.critical-indicator{display:inline-block;font-size:.6875rem;font-weight:600;padding:.125rem .5rem;background:rgba(255,88,88,.1);color:var(--accent);border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.03em}.step-detail{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.detail-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.detail-value{font-size:.8125rem;font-family:var(--font-mono);background:var(--surface-dark);padding:.125rem .5rem;border-radius:4px;color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-box{background:var(--surface-elevated);border:1px solid var(--border);border-left:3px solid var(--success);border-radius:0 8px 8px 0;padding:var(--space-md)}.success-intro{font-size:.9375rem;color:var(--text-secondary);margin:0 0 var(--space-sm)}.success-list{list-style:none;padding:0;margin:0}.success-list li{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.9375rem;color:var(--text)}.success-check{width:18px;height:18px;border:2px solid var(--success);border-radius:4px;flex-shrink:0;margin-top:2px;position:relative}.success-check:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid var(--success);border-width:0 2px 2px 0;transform:rotate(45deg)}.success-list code{background:rgba(76,175,80,.1);color:var(--success);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono);font-size:.8125rem}.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.tech-group{background:var(--surface-elevated);border:1px solid var(--border);border-radius:10px;padding:var(--space-md)}.tech-group-title{font-size:.8125rem;font-weight:600;color:var(--text);margin:0 0 var(--space-sm);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.tech-params{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.tech-param{display:flex;flex-direction:column;gap:2px}.tech-param .param-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.tech-param .param-value{font-size:.875rem;font-weight:500;color:var(--text);font-family:var(--font-mono)}.process-doc-footer{padding-top:var(--space-md);border-top:1px solid var(--border);text-align:center;display:flex;justify-content:center;align-items:center;gap:.75rem}.footer-text{font-size:.75rem;color:var(--text-tertiary)}.footer-divider{color:var(--border)}@media (max-width:768px){.process-doc-header-top{flex-direction:column}.process-doc-status-badge{align-self:flex-start}.process-doc-meta-bar{flex-direction:column}.meta-item{flex-direction:row;justify-content:space-between;padding-right:0;border-right:none;border-bottom:1px solid var(--border);padding-bottom:var(--space-xs)}.meta-item:last-child{border-bottom:none;padding-bottom:0}.process-doc-stats{grid-template-columns:repeat(2,1fr)}.tech-grid,.tech-params{grid-template-columns:1fr}.step-item:hover{margin:0;padding-left:0;padding-right:0}}@media print{.process-doc{color:#f3f3f3}.section-title{border-bottom-color:#f8f8f8}.phase-block,.prereq-box,.stat-item,.success-box,.tech-group{border-color:#ddd;background:#f9f9f9}.step-item:hover{background:none}}.flow-parameters-section{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-lg)}.parameters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.parameters-title{display:flex;align-items:center;gap:var(--space-xs);font-weight:600;font-size:.9rem;color:var(--text)}.parameters-title svg{stroke:var(--text-secondary);fill:none;stroke-width:2}.parameters-badge{font-size:.7rem;font-weight:600;padding:.25rem .625rem;border-radius:100px;text-transform:uppercase;letter-spacing:.03em}.parameters-badge.generalized{background:rgba(255,88,88,.1);color:var(--accent);border:1px solid rgba(255,88,88,.2)}.parameters-badge.literal{background:rgba(76,175,80,.1);color:var(--success);border:1px solid rgba(76,175,80,.2)}.parameters-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.parameters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-md)}.parameter-input-group{display:flex;flex-direction:column;gap:.375rem}.parameter-label{font-size:.8rem;font-weight:500;color:var(--text)}.required-indicator{color:var(--accent);margin-left:.25rem}.parameter-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.625rem .875rem;color:var(--text);font-family:var(--font-sans);font-size:.85rem;transition:var(--transition-fast)}.parameter-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,88,88,.1)}.parameter-input::placeholder{color:var(--text-tertiary)}.parameter-textarea{min-height:80px;resize:vertical;font-family:var(--font-sans);line-height:1.5}.parameter-json{font-family:var(--font-mono);font-size:.8rem}.parameter-hint{font-size:.7rem;color:var(--text-tertiary);line-height:1.4}.parameter-toggle{position:relative;display:inline-block;width:44px;height:24px}.parameter-toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--surface);border:1px solid var(--border);border-radius:24px}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-tertiary);border-radius:50%}.parameter-toggle input:checked+.toggle-slider{background-color:var(--accent);border-color:var(--accent)}.parameter-toggle input:checked+.toggle-slider:before{transform:translateX(20px);background-color:#fff}.parameter-toggle input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(255,88,88,.1)}.parameters-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.connector-optimization-banner{display:flex;align-items:center;gap:var(--space-md);background:linear-gradient(135deg,rgba(255,88,88,.05),hsla(0,100%,74%,.05));border:1px solid rgba(255,88,88,.15);border-radius:12px;padding:var(--space-md);margin-bottom:var(--space-lg)}.optimization-icon{font-size:1.5rem;flex-shrink:0}.optimization-info{flex:1;min-width:0}.optimization-info strong{display:block;font-size:.9rem;color:var(--text);margin-bottom:.25rem}.optimization-info span{font-size:.8rem;color:var(--text-secondary)}.optimization-stats .stat{background:rgba(255,88,88,.1);color:var(--accent);padding:.375rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap}.flow-phase.connector-phase{border-color:rgba(255,88,88,.3)}.flow-phase.connector-phase .flow-phase-header{background:linear-gradient(135deg,rgba(255,88,88,.03),hsla(0,100%,74%,.03))}.phase-badge.connector,.phase-badge.CONNECTOR{background:rgba(255,88,88,.1);color:var(--accent);border:1px solid rgba(255,88,88,.2)}.connector-inputs-section{background:rgba(255,88,88,.03);border:1px solid rgba(255,88,88,.1);border-radius:8px;padding:var(--space-md);margin-bottom:var(--space-md)}.connector-inputs-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);font-weight:600;font-size:.85rem;color:var(--text)}.connector-icon{font-size:1.125rem}.connector-name{font-family:var(--font-mono);font-size:.8rem}.connector-inputs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.connector-input-item{display:flex;flex-direction:column;gap:.25rem}.connector-input-label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.connector-input-value{font-size:.8rem;color:var(--text);background:var(--surface);padding:.375rem .5rem;border-radius:6px;font-family:var(--font-mono);word-break:break-all}.connector-input-value.parameterized{color:var(--accent);background:rgba(255,88,88,.08)}.connector-benefits{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,88,88,.1)}.connector-benefits .benefits-label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.375rem;display:block}.connector-benefits ul{margin:0;padding-left:var(--space-md)}.connector-benefits li{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1.4}.step-value{margin-top:.5rem;font-size:.8rem;display:flex;align-items:baseline;flex-wrap:wrap;gap:.375rem}.step-value .value-label{color:var(--text-tertiary);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.step-value code{background:var(--surface);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.step-value.parameterized code{color:var(--accent);background:rgba(255,88,88,.08)}.step-value .default-value{color:var(--text-tertiary);font-size:.7rem}.flow-connector-badge,.flow-template-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem;margin-right:.375rem;text-transform:uppercase;letter-spacing:.03em}.flow-template-badge{background:rgba(255,88,88,.1);color:var(--accent)}.flow-connector-badge svg,.flow-template-badge svg{stroke:currentColor;fill:none;stroke-width:2}.flow-connector-badge{background:rgba(66,165,245,.1);color:var(--info)}.step-param-badge{background:rgba(255,88,88,.1);color:var(--accent);font-size:.6rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;margin-left:.375rem;text-transform:uppercase;letter-spacing:.03em}.phase-step.connector-step{background:rgba(255,88,88,.02);border-left:3px solid rgba(255,88,88,.3);margin-left:calc(-1 * var(--space-md));padding-left:calc(var(--space-md) - 3px);border-radius:0}.phase-step.connector-step .step-indicator{border-color:var(--accent);background:rgba(255,88,88,.1);color:var(--accent)}.parameters-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.parameter-doc-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:var(--space-md)}.parameter-doc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.parameter-doc-header strong{font-size:.9rem;color:var(--text)}.required-badge{background:rgba(255,88,88,.1);color:var(--accent)}.optional-badge,.required-badge{font-size:.6rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase}.optional-badge{background:var(--surface-dark);color:var(--text-tertiary)}.parameter-doc-type{font-size:.75rem;font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:.375rem}.parameter-doc-desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.parameter-doc-default{font-size:.75rem;color:var(--text-tertiary)}.parameter-doc-default code{background:var(--surface-dark);padding:.125rem .375rem;border-radius:4px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary)}.optimization-doc-banner{background:linear-gradient(135deg,rgba(255,88,88,.05),hsla(0,100%,74%,.05));border:1px solid rgba(255,88,88,.15);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:var(--space-md)}.optimization-doc-banner p{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-sm)}.optimization-doc-banner ul{list-style:none;padding:0;margin:0}.optimization-doc-banner li{font-size:.85rem;color:var(--text);padding:.375rem 0}.optimization-doc-banner li strong{color:var(--text-secondary);font-weight:500}.phase-connector-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(255,88,88,.05);border-bottom:1px solid rgba(255,88,88,.1);font-size:.8rem}.phase-connector-info .connector-label{color:var(--text-tertiary);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.phase-connector-info .connector-value{font-family:var(--font-mono);color:var(--accent);font-weight:500}.phase-connector-info .connector-replaces{color:var(--text-tertiary);font-size:.75rem;margin-left:auto}.phase-block.connector-phase-block{border-color:rgba(255,88,88,.2)}.phase-block.connector-phase-block .phase-header{background:linear-gradient(135deg,rgba(255,88,88,.03),hsla(0,100%,74%,.03))}.phase-benefits{padding:var(--space-sm) var(--space-md);background:rgba(76,175,80,.03);border-top:1px solid rgba(76,175,80,.1)}.phase-benefits .benefits-label{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.375rem;display:block}.phase-benefits ul{margin:0;padding-left:var(--space-md)}.phase-benefits li{font-size:.8rem;color:var(--success);margin-bottom:.25rem}.param-indicator{display:inline-block;font-size:.6rem;font-weight:600;padding:.125rem .375rem;background:rgba(255,88,88,.1);color:var(--accent);border-radius:4px;margin-left:.375rem;text-transform:uppercase;letter-spacing:.03em}.detail-value.parameterized,code.parameterized{color:var(--accent);background:rgba(255,88,88,.08)}.default-hint{font-size:.7rem;color:var(--text-tertiary);margin-left:.5rem;font-family:var(--font-sans)}.header-badges .badge.template{background:rgba(255,88,88,.1);color:var(--accent)}.header-badges .badge.connector{background:rgba(66,165,245,.1);color:var(--info)}@media (max-width:768px){.parameters-grid{grid-template-columns:1fr}.parameters-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.connector-optimization-banner{flex-direction:column;text-align:center}.optimization-stats{margin-top:var(--space-sm)}.connector-inputs-grid,.parameters-doc-grid{grid-template-columns:1fr}.phase-connector-info{flex-wrap:wrap}.phase-connector-info .connector-replaces{margin-left:0;width:100%;margin-top:.25rem}}@media print{.connector-inputs-section,.connector-optimization-banner,.flow-parameters-section{border-color:#ddd;background:#f9f9f9!important}.parameter-input{border-color:#ddd;background:#fff}.flow-connector-badge,.flow-template-badge,.parameters-badge.generalized,.parameters-badge.literal,.step-param-badge{border:1px solid currentColor}}