.pipeline-stepper-module__bgOrBa__wrapper{--stepper-done:#49a46e;--stepper-active:var(--color-accent);--stepper-pending:var(--color-muted);--chrome-radius:10px;--thread-blue:#3a93e6;--thread-amber:#cb9317;--thread-teal:#00a692;border-radius:var(--chrome-radius);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 1px 2px hsl(var(--shadow-color) / .08), 0 4px 12px hsl(var(--shadow-color) / .12), 0 8px 24px hsl(var(--shadow-color) / .06);font-family:var(--font-mono);margin:2rem 0;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.pipeline-stepper-module__bgOrBa__wrapper{--stepper-done:lab(60.9663% -38.1109 19.6303);--thread-blue:lab(58.7199% -5.55909 -50.5326);--thread-amber:lab(65.2056% 15.0051 65.5114);--thread-teal:lab(60.9056% -42.1645 -.30551)}}.pipeline-stepper-module__bgOrBa__wrapper:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root:not([data-theme=light]) .pipeline-stepper-module__bgOrBa__wrapper:after,[data-theme=dark] .pipeline-stepper-module__bgOrBa__wrapper:after{content:"";border-radius:var(--chrome-radius);pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0a}.pipeline-stepper-module__bgOrBa__chromeBar{background:var(--color-bg);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex;position:relative}.pipeline-stepper-module__bgOrBa__chromeBar:before{content:"";opacity:.35;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}.pipeline-stepper-module__bgOrBa__chromeDots{align-items:center;gap:6px;padding-right:4px;display:flex}.pipeline-stepper-module__bgOrBa__chromeDot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.pipeline-stepper-module__bgOrBa__chromeDotRed{background:#ff5f57}.pipeline-stepper-module__bgOrBa__chromeDotYellow{background:#febc2e}.pipeline-stepper-module__bgOrBa__chromeDotGreen{background:#28c840}[data-theme=light] .pipeline-stepper-module__bgOrBa__chromeDotRed{background:#ff6961}[data-theme=light] .pipeline-stepper-module__bgOrBa__chromeDotYellow{background:#f5c542}[data-theme=light] .pipeline-stepper-module__bgOrBa__chromeDotGreen{background:#4cd964}.pipeline-stepper-module__bgOrBa__chromeTitle{color:var(--color-muted);letter-spacing:.02em;white-space:nowrap;font-size:11px}.pipeline-stepper-module__bgOrBa__chromeSpacer{flex:1}.pipeline-stepper-module__bgOrBa__chromeStep{color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.pipeline-stepper-module__bgOrBa__chromeControls{align-items:center;gap:2px;display:flex}.pipeline-stepper-module__bgOrBa__chromeBtn{border-radius:var(--radius-1);width:28px;height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:14px;transition:background .15s,color .15s;display:flex}.pipeline-stepper-module__bgOrBa__chromeBtn:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.pipeline-stepper-module__bgOrBa__chromeBtn:disabled{opacity:.25;cursor:not-allowed}.pipeline-stepper-module__bgOrBa__stripContainer{border-bottom:1px solid var(--color-border);position:relative}.pipeline-stepper-module__bgOrBa__progressRail{height:2px;width:calc(var(--progress) * 100%);background:linear-gradient(90deg, var(--stepper-done), var(--stepper-active));z-index:2;transition:width .5s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;left:0}.pipeline-stepper-module__bgOrBa__progressRail:after{content:"";background:var(--stepper-active);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklch, var(--stepper-active) 50%, transparent);border-radius:50%;position:absolute;top:-2px;right:0}.pipeline-stepper-module__bgOrBa__strip{background:linear-gradient(90deg, color-mix(in oklch, var(--stepper-done) 3%, transparent), color-mix(in oklch, var(--stepper-active) 3%, transparent));grid-template-columns:repeat(7,1fr);gap:0;padding:14px 10px 16px;display:grid;position:relative}.pipeline-stepper-module__bgOrBa__cell{text-align:center;cursor:pointer;border-radius:var(--radius-1);border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px;transition:border-color .2s,background .2s,opacity .25s,box-shadow .3s,transform .2s;display:flex;position:relative}.pipeline-stepper-module__bgOrBa__cell:hover{background:color-mix(in oklch, var(--color-text) 3%, transparent);transform:translateY(-1px)}.pipeline-stepper-module__bgOrBa__cell:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.pipeline-stepper-module__bgOrBa__cellBadge{font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;line-height:1;transition:background .2s,border-color .2s,color .2s,box-shadow .3s;display:flex;position:relative}.pipeline-stepper-module__bgOrBa__badgeCheck{font-size:9px}.pipeline-stepper-module__bgOrBa__cellLabel{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;line-height:1.2;transition:color .2s;overflow:hidden}.pipeline-stepper-module__bgOrBa__threadDots{gap:2px;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.pipeline-stepper-module__bgOrBa__threadDot{border-radius:50%;width:3px;height:3px}.pipeline-stepper-module__bgOrBa__threadDotBlue{background:var(--thread-blue)}.pipeline-stepper-module__bgOrBa__threadDotAmber{background:var(--thread-amber)}.pipeline-stepper-module__bgOrBa__threadDotTeal{background:var(--thread-teal)}.pipeline-stepper-module__bgOrBa__cellDone{border-color:color-mix(in oklch, var(--stepper-done) 30%, transparent)}.pipeline-stepper-module__bgOrBa__cellDone .pipeline-stepper-module__bgOrBa__cellBadge{background:var(--stepper-done);color:var(--color-bg);box-shadow:0 0 8px color-mix(in oklch, var(--stepper-done) 35%, transparent)}.pipeline-stepper-module__bgOrBa__cellDone .pipeline-stepper-module__bgOrBa__cellLabel{color:var(--color-text);opacity:.8}.pipeline-stepper-module__bgOrBa__cellActive{border-color:var(--stepper-active);background:color-mix(in oklch, var(--stepper-active) 6%, var(--color-surface));box-shadow:0 0 0 1px color-mix(in oklch, var(--stepper-active) 20%, transparent), 0 0 15px color-mix(in oklch, var(--stepper-active) 12%, transparent), 0 0 35px color-mix(in oklch, var(--stepper-active) 6%, transparent);animation:2.7s ease-in-out infinite pipeline-stepper-module__bgOrBa__activeBreath}.pipeline-stepper-module__bgOrBa__cellActive .pipeline-stepper-module__bgOrBa__cellBadge{background:var(--stepper-active);color:var(--color-bg);box-shadow:0 0 12px color-mix(in oklch, var(--stepper-active) 50%, transparent);animation:2.7s ease-in-out infinite pipeline-stepper-module__bgOrBa__badgePulse}.pipeline-stepper-module__bgOrBa__cellActive .pipeline-stepper-module__bgOrBa__cellLabel{color:var(--color-text)}@keyframes pipeline-stepper-module__bgOrBa__activeBreath{0%,to{box-shadow:0 0 0 1px color-mix(in oklch, var(--stepper-active) 20%, transparent), 0 0 15px color-mix(in oklch, var(--stepper-active) 12%, transparent), 0 0 35px color-mix(in oklch, var(--stepper-active) 6%, transparent)}50%{box-shadow:0 0 0 1px color-mix(in oklch, var(--stepper-active) 30%, transparent), 0 0 20px color-mix(in oklch, var(--stepper-active) 18%, transparent), 0 0 45px color-mix(in oklch, var(--stepper-active) 10%, transparent)}}@keyframes pipeline-stepper-module__bgOrBa__badgePulse{0%,to{box-shadow:0 0 12px color-mix(in oklch, var(--stepper-active) 50%, transparent);transform:scale(1)}50%{box-shadow:0 0 18px color-mix(in oklch, var(--stepper-active) 65%, transparent);transform:scale(1.05)}}.pipeline-stepper-module__bgOrBa__cellPending{border-style:dashed;border-color:color-mix(in oklch, var(--stepper-pending) 25%, transparent);opacity:.4}.pipeline-stepper-module__bgOrBa__cellPending:hover{opacity:.6}.pipeline-stepper-module__bgOrBa__cellPending .pipeline-stepper-module__bgOrBa__cellBadge{border:1px dashed var(--stepper-pending);color:var(--stepper-pending);background:0 0}.pipeline-stepper-module__bgOrBa__cellPending .pipeline-stepper-module__bgOrBa__cellLabel{color:var(--stepper-pending)}.pipeline-stepper-module__bgOrBa__detail{background:var(--color-bg);min-height:120px;padding:16px;position:relative}.pipeline-stepper-module__bgOrBa__detail:before{content:"";background:linear-gradient(180deg, color-mix(in oklch, var(--stepper-active) 4%, transparent), transparent);pointer-events:none;height:40px;position:absolute;top:0;left:0;right:0}.pipeline-stepper-module__bgOrBa__detailHeader{align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex;position:relative}.pipeline-stepper-module__bgOrBa__detailBadge{background:var(--stepper-active);width:22px;height:22px;color:var(--color-bg);box-shadow:0 0 10px color-mix(in oklch, var(--stepper-active) 30%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.pipeline-stepper-module__bgOrBa__detailName{color:var(--color-text);font-weight:600}.pipeline-stepper-module__bgOrBa__transformView{flex-direction:column;gap:0;display:flex}.pipeline-stepper-module__bgOrBa__transformInput{margin-bottom:8px}.pipeline-stepper-module__bgOrBa__inputToggle{border:1px dashed color-mix(in oklch, var(--color-border) 60%, transparent);border-radius:var(--radius-1);width:100%;color:var(--color-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:flex}.pipeline-stepper-module__bgOrBa__inputToggle:hover{background:color-mix(in oklch, var(--color-text) 3%, transparent);border-color:var(--color-border);color:var(--color-text)}.pipeline-stepper-module__bgOrBa__inputToggleChevron{font-size:14px;line-height:1;transition:transform .2s;display:inline-block}.pipeline-stepper-module__bgOrBa__inputToggleOpen .pipeline-stepper-module__bgOrBa__inputToggleChevron{transform:rotate(90deg)}.pipeline-stepper-module__bgOrBa__inputToggleLabel{text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pipeline-stepper-module__bgOrBa__inputToggleHint{opacity:.6;font-style:italic}.pipeline-stepper-module__bgOrBa__transformLabelBar{color:var(--color-muted);align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.pipeline-stepper-module__bgOrBa__transformArrowDown{color:var(--stepper-active);font-size:16px;line-height:1}.pipeline-stepper-module__bgOrBa__transformFn{font-family:var(--font-mono);border-radius:var(--radius-1);background:color-mix(in oklch, var(--stepper-active) 8%, transparent);color:var(--stepper-active);border:1px solid color-mix(in oklch, var(--stepper-active) 15%, transparent);padding:2px 8px;font-size:11px}.pipeline-stepper-module__bgOrBa__codePanel{border-radius:var(--radius-1);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:inset 0 2px 4px color-mix(in oklch, var(--color-bg) 60%, transparent);padding:8px 0;overflow-x:auto}.pipeline-stepper-module__bgOrBa__codePanelLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);padding:2px 12px 6px;font-size:10px;font-weight:600}.pipeline-stepper-module__bgOrBa__codeLine{white-space:pre;height:22px;font-size:12.5px;line-height:22px;font-family:var(--font-mono);align-items:center;padding:0 12px;transition:background .15s;display:flex}.pipeline-stepper-module__bgOrBa__lineNum{text-align:right;width:2.5ch;color:var(--color-muted);opacity:.4;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;flex-shrink:0;margin-right:1ch;font-size:11px;display:inline-block}.pipeline-stepper-module__bgOrBa__lineText{color:var(--color-text);flex:1}.pipeline-stepper-module__bgOrBa__threadBlue{background:color-mix(in oklch, var(--thread-blue) 20%, transparent);border-left:2px solid var(--thread-blue);padding-left:10px}.pipeline-stepper-module__bgOrBa__threadAmber{background:color-mix(in oklch, var(--thread-amber) 20%, transparent);border-left:2px solid var(--thread-amber);padding-left:10px}.pipeline-stepper-module__bgOrBa__threadTeal{background:color-mix(in oklch, var(--thread-teal) 20%, transparent);border-left:2px solid var(--thread-teal);padding-left:10px}.pipeline-stepper-module__bgOrBa__narration{border-top:1px solid var(--color-border);min-height:48px;font-size:13px;line-height:1.6;font-family:var(--font-sans);background:color-mix(in oklch, var(--stepper-active) 2%, transparent);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pipeline-stepper-module__bgOrBa__narrationAccent{background:linear-gradient(180deg, var(--stepper-active), var(--stepper-done));border-radius:2px;flex-shrink:0;align-self:stretch;width:3px;min-height:20px}.pipeline-stepper-module__bgOrBa__narrationText{color:var(--color-text)}.pipeline-stepper-module__bgOrBa__narrationStep{color:var(--stepper-active);font-weight:700}@media (max-width:640px){.pipeline-stepper-module__bgOrBa__strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;padding:12px 8px 14px;display:flex;overflow-x:auto}.pipeline-stepper-module__bgOrBa__cell{scroll-snap-align:center;flex-shrink:0;min-width:72px}.pipeline-stepper-module__bgOrBa__chromeTitle,.pipeline-stepper-module__bgOrBa__chromeStep{font-size:10px}.pipeline-stepper-module__bgOrBa__detail{padding:12px}.pipeline-stepper-module__bgOrBa__narration{padding:10px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.pipeline-stepper-module__bgOrBa__cell,.pipeline-stepper-module__bgOrBa__chromeBtn,.pipeline-stepper-module__bgOrBa__codeLine,.pipeline-stepper-module__bgOrBa__progressRail,.pipeline-stepper-module__bgOrBa__inputToggleChevron{transition:none}.pipeline-stepper-module__bgOrBa__cellActive,.pipeline-stepper-module__bgOrBa__cellActive .pipeline-stepper-module__bgOrBa__cellBadge{animation:none}}