.WorkflowDemo-module__POTp5W__root{--progress:0;display:contents}.WorkflowDemo-module__POTp5W__stage{--accent:#ff5868;--mint:#a8cabb;--line:#ffffff13;isolation:isolate;color:#e8eceb;font-family:var(--sans);font-variant-numeric:tabular-nums;background:#13191e;border:1px solid #ffffff24;border-radius:9px;padding:0 18px 14px;position:relative;overflow:hidden;box-shadow:0 16px 40px #10192120;container-type:inline-size}.WorkflowDemo-module__POTp5W__toolbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:42px;display:flex}.WorkflowDemo-module__POTp5W__brand{font:10px var(--mono);letter-spacing:.07em;align-items:center;gap:8px;display:flex}.WorkflowDemo-module__POTp5W__brand>i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px #ff586830}.WorkflowDemo-module__POTp5W__brand>span{color:#8b999f;letter-spacing:.03em}.WorkflowDemo-module__POTp5W__counter{color:var(--accent);font:10px var(--mono);margin-left:auto}.WorkflowDemo-module__POTp5W__counter i{color:#6f7d85;font-style:normal}.WorkflowDemo-module__POTp5W__pause{color:#bfc9ce;cursor:pointer;background:0 0;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:color .2s,background .2s;display:grid}.WorkflowDemo-module__POTp5W__pause:hover{color:#fff;background:#ffffff16}.WorkflowDemo-module__POTp5W__pause:focus-visible,.WorkflowDemo-module__POTp5W__progress button:focus-visible,.WorkflowDemo-module__POTp5W__steps button:focus-visible{outline:2px solid var(--brand-red);outline-offset:3px}.WorkflowDemo-module__POTp5W__heading{align-content:center;gap:5px;height:83px;display:grid}.WorkflowDemo-module__POTp5W__heading strong{letter-spacing:-.04em;font-size:clamp(17px,4.3cqw,24px);font-weight:600;line-height:1.25;animation:.45s both WorkflowDemo-module__POTp5W__title-in}.WorkflowDemo-module__POTp5W__heading>span{color:#92a0a8;text-wrap:pretty;max-width:98%;min-height:28px;font-size:clamp(10px,2.35cqw,12px);line-height:1.5}.WorkflowDemo-module__POTp5W__canvas{grid-template-columns:53% 1fr;align-items:center;gap:16px;height:clamp(140px,34cqw,190px);margin-bottom:18px;display:grid;position:relative}.WorkflowDemo-module__POTp5W__sourceMonitor,.WorkflowDemo-module__POTp5W__fullMonitor{background:#252e34;border:1px solid #ffffff20;border-radius:3px;height:100%;transition:opacity .35s,transform .6s;position:relative;overflow:hidden}.WorkflowDemo-module__POTp5W__sourceMonitor>img,.WorkflowDemo-module__POTp5W__fullMonitor>img{object-fit:cover;width:100%;height:100%}.WorkflowDemo-module__POTp5W__sourceMonitor>img{object-position:center}.WorkflowDemo-module__POTp5W__monitorLabel{z-index:3;color:#f4f5f3;background:linear-gradient(#080c10bb,#0000);justify-content:space-between;padding:8px;font-size:9px;display:flex;position:absolute;inset:0 0 auto}.WorkflowDemo-module__POTp5W__monitorLabel b{font:8px var(--mono)}.WorkflowDemo-module__POTp5W__wave{justify-content:space-between;align-items:center;gap:2px;height:20px;display:flex;overflow:hidden}.WorkflowDemo-module__POTp5W__wave i{min-width:1px;height:calc(var(--h)*1px);background:currentColor;border-radius:1px;flex:1;display:block}.WorkflowDemo-module__POTp5W__scan{z-index:2;opacity:0;background:linear-gradient(90deg,#0000 40%,#f2f7ef18 49.5%,#dcebd999 50%,#0000 50.8%);position:absolute;inset:0;transform:translate(-100%)}.WorkflowDemo-module__POTp5W__stage[data-phase="1"] .WorkflowDemo-module__POTp5W__scan{opacity:1;animation:3.6s ease-in-out infinite WorkflowDemo-module__POTp5W__scan}.WorkflowDemo-module__POTp5W__cropGuides{opacity:0;justify-content:space-between;transition:opacity .5s;display:flex;position:absolute;inset:26px 4% 27%}.WorkflowDemo-module__POTp5W__cropGuides i{border:1px solid #e2ecceaa;width:38%;box-shadow:0 0 0 1px #0002}.WorkflowDemo-module__POTp5W__stage[data-phase="2"] .WorkflowDemo-module__POTp5W__cropGuides{opacity:1}.WorkflowDemo-module__POTp5W__topicPanel,.WorkflowDemo-module__POTp5W__layerPanel{flex-direction:column;justify-content:center;align-self:stretch;gap:8px;min-width:0;display:flex;position:relative}.WorkflowDemo-module__POTp5W__eyebrow{color:#8c9da5;letter-spacing:.04em;font-size:clamp(8px,2.1cqw,11px);display:block}.WorkflowDemo-module__POTp5W__topic{border-bottom:1px solid var(--line);transition:opacity .45s var(--delay),transform .6s var(--delay),color .4s;align-items:center;gap:7px;padding:7px 0;display:flex}.WorkflowDemo-module__POTp5W__topic>span{font:10px var(--mono);color:var(--accent)}.WorkflowDemo-module__POTp5W__topic>div{gap:4px;min-width:0;display:grid}.WorkflowDemo-module__POTp5W__topic b{font-size:clamp(10px,2.6cqw,13px);font-weight:500}.WorkflowDemo-module__POTp5W__topic small{color:#788b96;font:clamp(7px,1.85cqw,9px)var(--mono);white-space:nowrap}.WorkflowDemo-module__POTp5W__topic>em{color:var(--mint);font:9px var(--mono);opacity:0;margin-left:auto;transition:opacity .4s}.WorkflowDemo-module__POTp5W__topicPlaceholder{flex-direction:column;justify-content:center;gap:12px;transition:opacity .3s,transform .5s;display:flex;position:absolute;inset:0}.WorkflowDemo-module__POTp5W__topicPlaceholder>b{color:#e4e9e8;font:clamp(25px,7cqw,40px)var(--mono);letter-spacing:-.065em}.WorkflowDemo-module__POTp5W__topicPlaceholder>span:not(.WorkflowDemo-module__POTp5W__wave){color:#8e9ca3;font-size:11px;line-height:1.6}.WorkflowDemo-module__POTp5W__topicPlaceholder .WorkflowDemo-module__POTp5W__wave{color:#64777b;width:80%}.WorkflowDemo-module__POTp5W__stage[data-phase="0"] .WorkflowDemo-module__POTp5W__topic,.WorkflowDemo-module__POTp5W__stage[data-phase="0"] .WorkflowDemo-module__POTp5W__topicPanel>.WorkflowDemo-module__POTp5W__eyebrow{opacity:0;transform:translateY(7px)}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]) .WorkflowDemo-module__POTp5W__topicPlaceholder{opacity:0;pointer-events:none;transform:translateY(-8px)}.WorkflowDemo-module__POTp5W__stage[data-phase="2"] .WorkflowDemo-module__POTp5W__topic>em,.WorkflowDemo-module__POTp5W__stage[data-phase="3"] .WorkflowDemo-module__POTp5W__topic>em{opacity:1}.WorkflowDemo-module__POTp5W__stage[data-phase="2"] .WorkflowDemo-module__POTp5W__topic>span{color:var(--mint)}.WorkflowDemo-module__POTp5W__deliveries{opacity:0;pointer-events:none;grid-template-rows:20px 1fr;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 15px;transition:opacity .35s;display:grid;position:absolute;inset:0}.WorkflowDemo-module__POTp5W__deliveries>.WorkflowDemo-module__POTp5W__eyebrow{grid-column:1/-1}.WorkflowDemo-module__POTp5W__delivery{opacity:0;min-width:0;transition:opacity .45s var(--delay),transform .75s cubic-bezier(.16,1,.3,1)var(--delay);flex-direction:column;justify-content:center;gap:9px;display:flex;transform:translateY(18px)scale(.94)}.WorkflowDemo-module__POTp5W__formatPair{align-items:center;gap:4px;height:76%;display:flex}.WorkflowDemo-module__POTp5W__formatPair>div{aspect-ratio:16/9;border:1px solid #ffffff40;border-radius:2px;width:68%;position:relative;overflow:hidden}.WorkflowDemo-module__POTp5W__formatPair>div+div{aspect-ratio:9/16;width:32%}.WorkflowDemo-module__POTp5W__formatPair img{object-fit:cover;width:100%;height:100%}.WorkflowDemo-module__POTp5W__formatPair>div+div img{object-position:28% center}.WorkflowDemo-module__POTp5W__formatPair small{color:#fff;font:7px var(--mono);background:#0e151cbb;padding:2px 3px;position:absolute;bottom:2px;right:2px}.WorkflowDemo-module__POTp5W__delivery>b{color:var(--accent);font:9px var(--mono)}.WorkflowDemo-module__POTp5W__delivery>b>span{color:#c6cecf;font-family:var(--sans);margin-left:6px}.WorkflowDemo-module__POTp5W__stage[data-scene=long2short][data-phase="3"] .WorkflowDemo-module__POTp5W__deliveries,.WorkflowDemo-module__POTp5W__stage[data-phase="6"] .WorkflowDemo-module__POTp5W__deliveries{opacity:1}.WorkflowDemo-module__POTp5W__stage[data-scene=long2short][data-phase="3"] .WorkflowDemo-module__POTp5W__delivery,.WorkflowDemo-module__POTp5W__stage[data-phase="6"] .WorkflowDemo-module__POTp5W__cover{opacity:1;transform:none}.WorkflowDemo-module__POTp5W__stage[data-scene=long2short][data-phase="3"] .WorkflowDemo-module__POTp5W__sourceMonitor,.WorkflowDemo-module__POTp5W__stage[data-scene=long2short][data-phase="3"] .WorkflowDemo-module__POTp5W__topicPanel,.WorkflowDemo-module__POTp5W__stage[data-phase="6"] .WorkflowDemo-module__POTp5W__fullMonitor,.WorkflowDemo-module__POTp5W__stage[data-phase="6"] .WorkflowDemo-module__POTp5W__layerPanel{opacity:0;transform:scale(.97)}.WorkflowDemo-module__POTp5W__fullMonitor .WorkflowDemo-module__POTp5W__speaker{object-position:center;transition:width .65s,height .65s,top .65s,left .65s,border-radius .65s;position:absolute;inset:0}.WorkflowDemo-module__POTp5W__brollPicture{clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.WorkflowDemo-module__POTp5W__stage:is([data-phase="3"],[data-phase="4"],[data-phase="5"]) .WorkflowDemo-module__POTp5W__brollPicture{clip-path:inset(0)}.WorkflowDemo-module__POTp5W__stage:is([data-phase="3"],[data-phase="4"],[data-phase="5"]) .WorkflowDemo-module__POTp5W__speaker{z-index:2;border:1px solid #fff6;border-radius:3px;width:22%;height:30%;top:66%;left:75%}.WorkflowDemo-module__POTp5W__stage[data-phase="5"] .WorkflowDemo-module__POTp5W__speaker{z-index:3;width:19%;height:26%;top:52%;left:78%}.WorkflowDemo-module__POTp5W__shotTag{z-index:3;font:9px var(--mono);text-shadow:0 1px 3px #000;position:absolute;bottom:9px;left:9px}.WorkflowDemo-module__POTp5W__shotTag>i{opacity:.6;font-style:normal}.WorkflowDemo-module__POTp5W__editSentence{align-items:center;gap:3px;height:17px;margin:5px 0;display:flex}.WorkflowDemo-module__POTp5W__editSentence>*{background:#8296a4;border-radius:1px;flex:1;height:5px;display:block}.WorkflowDemo-module__POTp5W__editSentence>del{background:repeating-linear-gradient(135deg,#ff58682a 0 3px,#ff586861 3px 4px);flex:.6;height:11px;transition:flex .7s,opacity .4s}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]) .WorkflowDemo-module__POTp5W__editSentence>del{opacity:0;flex:0}.WorkflowDemo-module__POTp5W__layer{border-top:1px solid var(--line);color:#63737d;align-items:center;gap:6px;padding-top:9px;transition:color .5s;display:flex}.WorkflowDemo-module__POTp5W__layer>i{width:14px;height:14px;font:9px var(--mono);border:1px solid;border-radius:50%;place-items:center;display:grid}.WorkflowDemo-module__POTp5W__layer>span{font-size:clamp(9px,2.5cqw,12px)}.WorkflowDemo-module__POTp5W__layer>b{font:7px var(--mono);opacity:.65;margin-left:auto}.WorkflowDemo-module__POTp5W__layer[data-on=true]{color:var(--mint)}.WorkflowDemo-module__POTp5W__mgGraphic{z-index:2;opacity:0;background:#142128b8;padding:8% 9% 0;transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0 0 26%;transform:translateY(8px)}.WorkflowDemo-module__POTp5W__mgGraphic>span{color:#d9e2da;font:7px var(--mono);letter-spacing:.15em}.WorkflowDemo-module__POTp5W__mgGraphic>strong{color:#fff6e8;letter-spacing:-.05em;margin-top:6px;font-size:clamp(14px,5cqw,26px);line-height:1.15;display:block}.WorkflowDemo-module__POTp5W__mgGraphic em{color:#f0a49d;font-style:normal}.WorkflowDemo-module__POTp5W__mgGraphic>i{transform-origin:bottom;background:#e9b0a5;width:10%;height:6%;transition:transform .7s .2s;position:absolute;bottom:32%;right:9%;transform:scaleY(0)}.WorkflowDemo-module__POTp5W__mgGraphic>i:nth-last-child(2){height:14%;transition-delay:.3s;right:21%}.WorkflowDemo-module__POTp5W__mgGraphic>i:last-child{height:22%;transition-delay:.4s;right:33%}.WorkflowDemo-module__POTp5W__stage:is([data-phase="4"],[data-phase="5"]) .WorkflowDemo-module__POTp5W__mgGraphic{opacity:1;transform:none}.WorkflowDemo-module__POTp5W__stage:is([data-phase="4"],[data-phase="5"]) .WorkflowDemo-module__POTp5W__mgGraphic>i{transform:scaleY(1)}.WorkflowDemo-module__POTp5W__subtitle{z-index:4;text-align:center;color:#f7ead1;opacity:0;background:#101516d9;padding:3px;font-size:clamp(7px,2.2cqw,10px);transition:opacity .4s,transform .4s;position:absolute;bottom:8px;left:9%;right:9%;transform:translateY(4px)}.WorkflowDemo-module__POTp5W__stage[data-phase="5"] .WorkflowDemo-module__POTp5W__subtitle{opacity:1;transform:none}.WorkflowDemo-module__POTp5W__stage:is([data-phase="4"],[data-phase="5"]) .WorkflowDemo-module__POTp5W__shotTag{opacity:0}.WorkflowDemo-module__POTp5W__covers{grid-template-columns:1.55fr 1fr .65fr;align-items:center;gap:6px 18px}.WorkflowDemo-module__POTp5W__cover{text-align:center;opacity:0;min-width:0;transition:opacity .4s var(--delay),transform .8s cubic-bezier(.16,1,.3,1)var(--delay);transform:translateY(20px)rotate(3deg)}.WorkflowDemo-module__POTp5W__cover>div{aspect-ratio:16/9;text-align:left;border:1px solid #dfd4c04a;position:relative;overflow:hidden;box-shadow:0 10px 20px #0003}.WorkflowDemo-module__POTp5W__cover:nth-child(3)>div{aspect-ratio:1}.WorkflowDemo-module__POTp5W__cover:nth-child(4)>div{aspect-ratio:9/16}.WorkflowDemo-module__POTp5W__cover img{object-fit:cover;opacity:.45;width:100%;height:100%;position:absolute}.WorkflowDemo-module__POTp5W__cover>div:after{content:"";background:linear-gradient(90deg,#141f22c9,#0000);position:absolute;inset:0}.WorkflowDemo-module__POTp5W__cover span,.WorkflowDemo-module__POTp5W__cover strong,.WorkflowDemo-module__POTp5W__cover i{z-index:1;position:absolute;left:9%}.WorkflowDemo-module__POTp5W__cover span{color:#d7ccac;font:clamp(4px,1.25cqw,7px)var(--mono);letter-spacing:.05em;top:12%}.WorkflowDemo-module__POTp5W__cover strong{letter-spacing:-.04em;color:#f5ecd7;font-size:clamp(11px,3.7cqw,20px);line-height:1.12;top:32%}.WorkflowDemo-module__POTp5W__cover:nth-child(4) strong{font-size:clamp(10px,2.7cqw,15px);top:42%}.WorkflowDemo-module__POTp5W__cover i{background:var(--accent);width:18%;height:2px;bottom:11%}.WorkflowDemo-module__POTp5W__cover>small{color:#8d9c9e;font:8px var(--mono);margin-top:7px;display:block}.WorkflowDemo-module__POTp5W__timeline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:5px;padding:10px 0;display:grid;position:relative}.WorkflowDemo-module__POTp5W__ruler{color:#657681;height:14px;font:7px var(--mono);grid-template-columns:45px repeat(4,1fr);align-items:center;gap:4px;margin-bottom:4px;display:grid}.WorkflowDemo-module__POTp5W__ruler>span{font-family:var(--sans)}.WorkflowDemo-module__POTp5W__ruler>i{font-style:normal;position:relative}.WorkflowDemo-module__POTp5W__ruler>i:after{content:"";background:repeating-linear-gradient(90deg,#70838b55 0 1px,#0000 1px 12px);width:100%;height:3px;position:absolute;top:12px;left:0}.WorkflowDemo-module__POTp5W__track{grid-template-columns:45px minmax(0,1fr);align-items:center;gap:4px;display:grid}.WorkflowDemo-module__POTp5W__track>span{color:#7e8d96;font:7px var(--mono)}.WorkflowDemo-module__POTp5W__lane{background:#ffffff04;border-radius:2px;align-items:center;gap:3px;height:17px;display:flex;position:relative}.WorkflowDemo-module__POTp5W__lane>b{border-radius:2px;min-width:0;height:100%;display:block;position:relative;overflow:hidden}.WorkflowDemo-module__POTp5W__lane em{color:#e7eef2;font:7px var(--mono);font-style:normal;position:absolute;top:3px;left:4px}.WorkflowDemo-module__POTp5W__lane .WorkflowDemo-module__POTp5W__wave{opacity:.5;height:100%;position:absolute;inset:0 3px}.WorkflowDemo-module__POTp5W__lane .WorkflowDemo-module__POTp5W__wave i{height:calc(var(--h)*.6px)}.WorkflowDemo-module__POTp5W__scrub{pointer-events:none;position:absolute;inset:10px 0 10px 49px}.WorkflowDemo-module__POTp5W__scrub>i{top:15px;bottom:0;left:calc(var(--progress)*100%);background:#e7a69e;width:1px;position:absolute;box-shadow:0 0 8px #ff586835}.WorkflowDemo-module__POTp5W__scrub>i:before{content:"";border:3.5px solid #0000;border-top:5px solid #e7a69e;position:absolute;top:-4px;left:-3px}.WorkflowDemo-module__POTp5W__textTrack .WorkflowDemo-module__POTp5W__lane{gap:4px;height:12px}.WorkflowDemo-module__POTp5W__textTrack .WorkflowDemo-module__POTp5W__lane>i{opacity:0;transform-origin:0;height:4px;transition:opacity .3s var(--delay),transform .4s var(--delay);background:#c4c2b3;border-radius:1px;flex:1;transform:scaleX(0)}.WorkflowDemo-module__POTp5W__textTrack .WorkflowDemo-module__POTp5W__lane>i:nth-child(3n){flex:.5}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]) .WorkflowDemo-module__POTp5W__textTrack .WorkflowDemo-module__POTp5W__lane>i{opacity:.75;transform:none}.WorkflowDemo-module__POTp5W__sourceTrack .WorkflowDemo-module__POTp5W__lane{gap:1px;height:29px;transition:gap .5s}.WorkflowDemo-module__POTp5W__sourceTrack b{flex:var(--size);color:#afc0c7;background:#455e73;transition:opacity .4s,background .4s,transform .6s}.WorkflowDemo-module__POTp5W__stage:is([data-phase="2"],[data-phase="3"]) .WorkflowDemo-module__POTp5W__sourceTrack b{opacity:.2}.WorkflowDemo-module__POTp5W__stage:is([data-phase="2"],[data-phase="3"]) .WorkflowDemo-module__POTp5W__sourceTrack b[data-picked=true]{opacity:1;background:#668c80}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]) .WorkflowDemo-module__POTp5W__sourceTrack .WorkflowDemo-module__POTp5W__lane{gap:4px}.WorkflowDemo-module__POTp5W__outputTrack .WorkflowDemo-module__POTp5W__lane{gap:14px;height:24px}.WorkflowDemo-module__POTp5W__outputTrack b{opacity:0;transition:opacity .4s var(--delay),transform .65s var(--delay);background:#a8cabb12;border:1px solid #a8cabb44;flex:1;align-items:center;gap:6px;padding:0 6px;display:flex;transform:translateY(-9px)}.WorkflowDemo-module__POTp5W__outputTrack b>i{color:var(--mint);font:8px var(--mono)}.WorkflowDemo-module__POTp5W__outputTrack b>span{color:#b7c7c3;font:7px var(--mono);white-space:nowrap}.WorkflowDemo-module__POTp5W__stage:is([data-phase="2"],[data-phase="3"]) .WorkflowDemo-module__POTp5W__outputTrack b{opacity:1;transform:none}.WorkflowDemo-module__POTp5W__dispatchTrack .WorkflowDemo-module__POTp5W__lane{gap:2px;height:12px}.WorkflowDemo-module__POTp5W__dispatchTrack b{flex:var(--w);opacity:0;transition:opacity .35s var(--delay),transform .5s var(--delay);align-items:center;padding-left:3px;display:flex;transform:translateY(-6px)}.WorkflowDemo-module__POTp5W__dispatchTrack b[data-kind=ov]{background:#35b28f}.WorkflowDemo-module__POTp5W__dispatchTrack b[data-kind=b]{background:#d9954a}.WorkflowDemo-module__POTp5W__dispatchTrack b[data-kind=mg]{background:#4a86e8}.WorkflowDemo-module__POTp5W__dispatchTrack em{color:#0d1117;font:600 6.5px var(--mono);white-space:nowrap;position:static;overflow:hidden}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]):not([data-phase="1"]) .WorkflowDemo-module__POTp5W__dispatchTrack b{opacity:1;transform:none}.WorkflowDemo-module__POTp5W__mgTrack b{opacity:0;background:#b17f7c;width:18%;margin-left:10%;transition:opacity .4s,transform .6s;transform:translateY(-7px)}.WorkflowDemo-module__POTp5W__brollTrack b{opacity:0;background:#446b61;width:24%;margin-left:5%;transition:opacity .4s,transform .6s;transform:translateY(-8px)}.WorkflowDemo-module__POTp5W__brollTrack img{object-fit:cover;opacity:.5;width:100%;height:100%}.WorkflowDemo-module__POTp5W__brollTrack .WorkflowDemo-module__POTp5W__lane>b:nth-child(2),.WorkflowDemo-module__POTp5W__mgTrack .WorkflowDemo-module__POTp5W__lane>b:nth-child(2){transition-delay:.12s}.WorkflowDemo-module__POTp5W__brollTrack .WorkflowDemo-module__POTp5W__lane>b:nth-child(3),.WorkflowDemo-module__POTp5W__mgTrack .WorkflowDemo-module__POTp5W__lane>b:nth-child(3){transition-delay:.24s}.WorkflowDemo-module__POTp5W__stage:is([data-phase="3"],[data-phase="4"],[data-phase="5"],[data-phase="6"]) .WorkflowDemo-module__POTp5W__brollTrack b,.WorkflowDemo-module__POTp5W__stage:is([data-phase="4"],[data-phase="5"],[data-phase="6"]) .WorkflowDemo-module__POTp5W__mgTrack b{opacity:1;transform:none}.WorkflowDemo-module__POTp5W__mainTrack .WorkflowDemo-module__POTp5W__lane{gap:0;height:23px;transition:gap .5s}.WorkflowDemo-module__POTp5W__mainTrack b{color:#a1b6c2;background:#455e73;border-right:1px solid #10192150;flex:1;transition:flex .75s cubic-bezier(.3,0,.2,1),opacity .35s}.WorkflowDemo-module__POTp5W__mainTrack b[data-waste=true]{background:repeating-linear-gradient(135deg,#856264 0 3px,#59494d 3px 6px);flex:.55}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]) .WorkflowDemo-module__POTp5W__mainTrack b[data-waste=true]{opacity:0;border:0;flex:0}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]):not([data-phase="1"]) .WorkflowDemo-module__POTp5W__mainTrack .WorkflowDemo-module__POTp5W__lane{gap:3px}.WorkflowDemo-module__POTp5W__stage:not([data-phase="0"]):not([data-phase="1"]) .WorkflowDemo-module__POTp5W__mainTrack b[data-waste=true]{display:none}.WorkflowDemo-module__POTp5W__subTrack .WorkflowDemo-module__POTp5W__lane{height:8px}.WorkflowDemo-module__POTp5W__subTrack b{opacity:0;background:#c3b385;flex:1;transition:opacity .4s,transform .6s;transform:scaleX(.5)}.WorkflowDemo-module__POTp5W__bgmTrack .WorkflowDemo-module__POTp5W__lane{color:#8bb998;height:13px;overflow:hidden}.WorkflowDemo-module__POTp5W__bgmTrack .WorkflowDemo-module__POTp5W__wave{opacity:0;width:100%;transition:opacity .5s}.WorkflowDemo-module__POTp5W__stage:is([data-phase="5"],[data-phase="6"]) .WorkflowDemo-module__POTp5W__subTrack b{opacity:.8;transform:none}.WorkflowDemo-module__POTp5W__stage:is([data-phase="5"],[data-phase="6"]) .WorkflowDemo-module__POTp5W__bgmTrack .WorkflowDemo-module__POTp5W__wave{opacity:.7}.WorkflowDemo-module__POTp5W__audioFade{clip-path:polygon(0 100%,6% 0,93% 0,100% 100%);border:1px solid #8bb99855;position:absolute;inset:0}.WorkflowDemo-module__POTp5W__footer{color:#8e9fa5;justify-content:space-between;align-items:center;padding-top:12px;font-size:9px;display:flex}.WorkflowDemo-module__POTp5W__footer>span{align-items:center;gap:6px;display:flex}.WorkflowDemo-module__POTp5W__footer i{background:var(--mint);border-radius:50%;width:4px;height:4px}.WorkflowDemo-module__POTp5W__footer small{color:#64757e;font-size:8px}.WorkflowDemo-module__POTp5W__progress{gap:5px;padding:4px 0 3px;display:flex}.WorkflowDemo-module__POTp5W__progress button{cursor:pointer;background:0 0;border:0;flex:1;height:21px;padding:9px 0;position:relative}.WorkflowDemo-module__POTp5W__progress button:before,.WorkflowDemo-module__POTp5W__progress button>i{content:"";background:#ffffff14;border-radius:1px;position:absolute;inset:9px 0}.WorkflowDemo-module__POTp5W__progress button>i{background:var(--accent);transform-origin:0;transform:scaleX(0)}.WorkflowDemo-module__POTp5W__progress button[data-done=true]>i{background:#a97778;transform:scaleX(1)}.WorkflowDemo-module__POTp5W__progress button[aria-current=step]>i{transform:scaleX(var(--progress))}.WorkflowDemo-module__POTp5W__root[data-running=false] .WorkflowDemo-module__POTp5W__progress button[aria-current=step]:before{background:#ff586865}.WorkflowDemo-module__POTp5W__steps button{text-align:left;color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0;transition:color .2s}.WorkflowDemo-module__POTp5W__steps li{transition:color .25s}.WorkflowDemo-module__POTp5W__steps li.WorkflowDemo-module__POTp5W__active,.WorkflowDemo-module__POTp5W__steps button:hover{color:var(--brand-red)}.WorkflowDemo-module__POTp5W__root[data-running=false] *,.WorkflowDemo-module__POTp5W__root[data-running=false] :before{animation-play-state:paused}@keyframes WorkflowDemo-module__POTp5W__title-in{0%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes WorkflowDemo-module__POTp5W__scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@container (max-width:380px){.WorkflowDemo-module__POTp5W__canvas{grid-template-columns:51% 1fr;gap:10px}.WorkflowDemo-module__POTp5W__layer>b{display:none}.WorkflowDemo-module__POTp5W__topic{gap:5px}.WorkflowDemo-module__POTp5W__topic>em{font-size:8px}.WorkflowDemo-module__POTp5W__deliveries{column-gap:8px}.WorkflowDemo-module__POTp5W__outputTrack .WorkflowDemo-module__POTp5W__lane{gap:5px}.WorkflowDemo-module__POTp5W__outputTrack b{gap:4px;padding:0 3px}.WorkflowDemo-module__POTp5W__outputTrack b>span{font-size:6px}.WorkflowDemo-module__POTp5W__cover strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.WorkflowDemo-module__POTp5W__root *,.WorkflowDemo-module__POTp5W__root :before{transition:none!important;animation:none!important}.WorkflowDemo-module__POTp5W__scrub{display:none}}