.performance-factory-workflow{--ink:var(--color-primary-100);--muted:var(--color-primary-60);border:1px solid var(--color-primary-solid-12);background:var(--color-background);width:100%;max-width:800px;color:var(--ink);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;margin-inline:auto;display:grid;position:relative;overflow:hidden;container-type:inline-size}.dark .performance-factory-workflow{--workflow-line-art:invert(1)}@media (prefers-color-scheme:dark){.performance-factory-workflow:not(.light *){--workflow-line-art:invert(1)}}@scope(.performance-factory-workflow){.title-block{overflow-wrap:anywhere;min-width:0;padding:15px}.workflow-agent img,.engineer-glasses img,.play-button img{filter:var(--workflow-line-art,none)}.play-button[aria-pressed=true] img{display:none}.play-button[aria-pressed=true]:before{content:"";border-inline:2px solid;width:9px;height:10px}.track-viewport{scrollbar-width:none;grid-column:1/-1;overflow-x:auto}.track{width:800px;padding-block:150px 80px;position:relative}:scope:not([data-ready]) .play-button{visibility:hidden}.card-face{background:#fff;border-radius:4px}.header{display:contents}.title-block h3,.title-block p{margin:0}.title-block h3{letter-spacing:-.32px;font-size:16px;font-weight:700;line-height:1}.title-block p{margin-top:10px;font-size:12px;font-weight:500;line-height:1.4}.diagram-description{min-height:3em;color:var(--ink);display:grid}.diagram-description span{opacity:0;will-change:transform, opacity;grid-area:1/1;transform:translateY(2px)}.diagram-description .caption-measure{visibility:hidden;will-change:auto}.diagram-description [data-part=descriptionIncoming]{opacity:1;transform:translateY(0)}.play-button{overflow-wrap:anywhere;border:1px solid var(--ink);background:var(--color-background);max-width:min(12rem,40cqi);min-height:30px;color:var(--ink);cursor:pointer;letter-spacing:.4px;text-transform:uppercase;border-radius:3px;justify-content:center;place-self:start end;align-items:center;gap:10px;margin:15px;padding:0 10px;font-family:SF Mono,Roboto Mono,ui-monospace,monospace;font-size:10px;font-weight:700;line-height:1;transition:background-color .14s,color .14s;display:inline-flex}.play-button:hover{background:var(--color-primary-solid-12)}.play-button:focus-visible{outline-offset:2px;outline:2px solid #0d99ff}.play-button img{width:11.3485px;height:12.4837px}.moving-card{z-index:2;opacity:0;transform-origin:50%;will-change:transform, opacity;width:60px;height:60px;position:absolute;top:61px;left:30px;transform:translate(0,0)scale(.72)}.workflow-agent,.engineer-glasses{z-index:2;opacity:0;transform-origin:50%;will-change:transform, opacity;pointer-events:none;position:absolute;top:-90px;left:0}.workflow-agent{width:30px;height:51px}.agent-face{width:30px;height:30px;position:absolute;top:0;left:0;overflow:hidden}.agent-face img{width:24.75px;height:24px;position:absolute;top:2px;left:2.5px}.agent-face-awake{opacity:1}.agent-face-sleep{opacity:0}.agent-arm{transform-origin:50%;width:15px;height:1px;position:absolute;top:33px;left:7.5px;transform:rotate(90deg)}.agent-claw{transform-origin:50% 0;will-change:transform;width:12.388px;height:10.4453px;position:absolute;top:41.055px;left:9.306px}.agent-snores{pointer-events:none;width:24px;height:22px;font-family:SF Mono,Roboto Mono,ui-monospace,monospace;font-weight:700;line-height:1;position:absolute;top:-8px;left:23px}.agent-snores span{color:var(--ink);opacity:0;will-change:transform, opacity;font-size:8px;position:absolute;top:8px;left:0}.agent-snores span:last-child{font-size:10px}.engineer-glasses,.engineer-glasses img{width:40px;height:40px}.card-face,.card-outline,.line-states,.icon-layer{position:absolute;inset:0}.card-outline{border:1px solid var(--ink);border-radius:4px}.line-states{height:36px}.line-state{opacity:0;width:60px;height:36px;transition:opacity .15s linear;position:absolute;top:0;left:0}.line-state.is-active{opacity:1}.icon-layer img{opacity:0;width:30px;height:30px;transform:translate3d(var(--icon-x,28px), var(--icon-y,28px), 0) scale(.78);transform-origin:50%;transition:opacity .16s,transform .48s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.icon-layer img.is-active{opacity:1;transform:translate3d(var(--icon-x,28px), var(--icon-y,28px), 0) scale(1)}.search-highlight{z-index:1;top:var(--scan-y,24px);left:var(--scan-x,30px);width:var(--scan-width,11px);background:var(--scan-color,#05c099);opacity:0;border-radius:999px;height:2px;transition:opacity .16s,top .48s cubic-bezier(.4,0,.2,1),left .48s cubic-bezier(.4,0,.2,1),width .48s cubic-bezier(.4,0,.2,1),background-color .16s linear;position:absolute}.search-highlight.is-active{opacity:1}.stages{grid-template-columns:140px 140px 130px 140px 130px 120px;margin:0;padding:0;list-style:none;display:grid}.stage{overflow-wrap:anywhere;width:120px;color:var(--muted);text-align:center;flex-direction:column;align-items:center;transition:color .22s;display:flex}.stage.is-active{color:var(--ink)}.stage-title,.stage-owner{justify-content:center;align-items:center;width:120px;min-height:20px;display:flex}.stage-title{font-size:14px;font-weight:600;line-height:1.1}.stage-owner{font-size:10px;font-weight:500;line-height:1.1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@container (max-width:480px){.title-block{grid-column:1/-1}.track{padding-block-end:40px}.play-button{grid-row:3;justify-self:start;min-height:44px;padding-inline:14px}}@media (prefers-reduced-motion:reduce){.line-state,.icon-layer img,.search-highlight,.stage,.play-button{transition:none!important}.moving-card,.workflow-agent,.engineer-glasses,.agent-claw,.agent-snores span,.diagram-description span{will-change:auto}}}