.as-approval-scene.as-approval-scene--refined{--approval-edge:rgba(208,238,222,.19);--approval-muted:#b4c4bc;position:relative;isolation:isolate;display:grid;width:100%;max-width:850px;min-height:0;margin-inline:auto;padding:0 0 12px}.as-approval-scene--refined:before{content:"";position:absolute;z-index:-1;inset:20px -12px 0;pointer-events:none;background:radial-gradient(circle,rgba(190,229,208,.2) .7px,transparent .9px) 0 0 /15px 15px;-webkit-mask-image:linear-gradient(115deg,#000,transparent 70%);mask-image:linear-gradient(115deg,#000,transparent 70%)}.as-approval-scene--refined .as-approval-scene__back{position:relative;z-index:1;inset:auto;min-height:0;padding-bottom:20px;overflow:hidden;border:1px solid var(--approval-edge);border-radius:14px;background:linear-gradient(145deg,#163e30,#0c251d 75%);color:var(--as-white);opacity:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.as-approval-scene--refined .as-ui-bar{min-height:44px;display:flex;justify-content:space-between;gap:12px;padding:10px 18px;border-color:var(--approval-edge);background:rgba(5,16,12,.25)}.as-approval-scene--refined .as-ui-dots{display:none}.as-approval-scene--refined .as-ui-bar strong{min-width:0;color:#e8f1eb;font-size:11px}.as-approval-scene--refined .as-ui-bar small{flex-shrink:0;color:#acd3be;font-size:8px;letter-spacing:.04em}.as-approval-scene--refined .as-approval-track{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:4px;min-height:110px;padding:16px 18px}.as-approval-scene--refined .as-approval-track span{position:relative;min-width:0;min-height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:10px 3px;border:1px solid rgba(201,231,215,.12);border-radius:8px;background:rgba(0,0,0,.12);color:var(--approval-muted);font-size:10px;font-weight:600}.as-approval-scene--refined .as-approval-track span svg{width:21px;height:21px;stroke-width:1.6}.as-approval-scene--refined .as-approval-track span:last-child:before{content:"";width:19px;height:19px;border:1px dashed #849d8f;border-radius:50%}.as-approval-scene--refined .as-approval-track .is-done{color:#c3e8d4;background:rgba(80,160,121,.09)}.as-approval-scene--refined .as-approval-track .is-done svg{color:var(--as-mint)}.as-approval-scene--refined .as-approval-track .is-live{color:var(--as-yellow);border-color:rgba(255,241,0,.58);background:linear-gradient(135deg,rgba(255,241,0,.12),rgba(255,241,0,.025));box-shadow:inset 0 1px 0 rgba(255,241,0,.18)}.as-approval-scene--refined .as-approval-track>i{display:block;height:1px;background:#698f7b}.as-approval-scene--refined .as-approval-track>i:last-of-type{background:repeating-linear-gradient(90deg,#698f7b 0 3px,transparent 3px 6px)}.as-approval-scene--refined .as-control-card{position:relative;z-index:2;width:calc(100% - 24px);margin:-18px 0 0 auto;overflow:hidden;border:1px solid #4c6555;border-radius:12px;background:radial-gradient(ellipse at 90% 0,rgba(137,174,87,.12),transparent 45%),linear-gradient(155deg,#172b21,var(--as-panel) 65%);box-shadow:0 18px 36px rgba(2,21,14,.24),inset 0 1px 0 rgba(234,245,220,.09)}.as-approval-scene--refined .as-control-card:before{content:"";position:absolute;inset:0 28px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,241,0,.7),transparent);pointer-events:none}.as-approval-scene--refined .as-control-card__top{flex-wrap:wrap;min-height:56px;padding:16px 22px;gap:12px 20px;color:var(--approval-muted);font-size:9px;letter-spacing:.055em;background:rgba(4,10,7,.22)}.as-approval-scene--refined .as-status{color:#e9e191;font-size:9px;line-height:1.5}.as-approval-scene--refined .as-status i{flex:0 0 5px;width:5px;height:5px;box-shadow:0 0 0 4px rgba(255,241,0,.075)}.as-approval-scene--refined .as-control-card__body{padding:24px 22px 20px}.as-approval-scene--refined .as-control-card__heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.as-approval-scene--refined .as-control-card__heading>div{min-width:0}.as-approval-scene--refined .as-control-card__heading small{color:#c8d1b6;font:500 9px var(--font-as-mono),monospace;letter-spacing:.12em}.as-approval-scene--refined .as-control-card__heading h3{margin:8px 0 0;color:var(--as-white);font-size:clamp(2.1rem,3vw,2.9rem);line-height:1.05;letter-spacing:-.035em}.as-approval-scene--refined .as-approval-gate-icon{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,241,0,.35);border-radius:50%;color:var(--as-yellow);background:radial-gradient(circle at 35% 25%,rgba(255,241,0,.1),transparent 75%);box-shadow:inset 0 0 0 5px #18271c}.as-approval-scene--refined .as-approval-gate-icon svg{width:26px;height:26px;stroke-width:1.4}.as-approval-scene--refined .as-control-card dl{display:grid;gap:8px;margin:0 0 22px}.as-approval-scene--refined .as-control-card dl>div{display:grid;grid-template-columns:20px minmax(92px,.75fr) minmax(0,1.25fr);align-items:center;gap:8px 12px;padding:10px 0;border:0;border-bottom:1px solid rgba(213,235,223,.12);border-radius:0;background:transparent}.as-approval-scene--refined .as-control-card dl>div:last-child{border-bottom:0}.as-approval-scene--refined .as-control-card dl svg{width:18px;height:18px;color:#94d4b4;stroke-width:1.5}.as-approval-scene--refined .as-control-card dt{min-width:0;color:var(--approval-muted);font-size:11px;line-height:1.5}.as-approval-scene--refined .as-control-card dd{min-width:0;margin:0;color:#eef4f0;font-size:12px;line-height:1.5;text-align:right}.as-approval-scene--refined .as-approval-actions{grid-template-columns:1fr 1.3fr;gap:10px}.as-approval-scene--refined .as-approval-actions span,.as-approval-scene--refined .as-approval-actions strong{min-height:48px;padding:10px;border-radius:6px;line-height:1.3;text-align:center}.as-approval-scene--refined .as-approval-actions span{color:#dce6df;border-color:#43564a;background:rgba(237,247,238,.025)}.as-approval-scene--refined .as-approval-actions strong{background:var(--as-yellow);color:var(--as-black)}.as-approval-scene--refined .as-control-card>p{padding:14px 22px;color:#afbeb5;font-size:10px;line-height:1.65;background:rgba(0,0,0,.12)}.as-approval-scene--refined .as-approval-scene__note{position:relative;z-index:3;inset:auto;justify-self:end;display:flex;align-items:center;gap:10px;width:-moz-max-content;width:max-content;min-width:0;max-width:100%;margin-top:12px;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--as-white);box-shadow:none}.as-approval-scene--refined .as-approval-scene__note>svg{width:22px;height:22px;color:#b7d9c4}.as-approval-scene--refined .as-approval-scene__note span{display:flex;flex-direction:column;gap:3px}.as-approval-scene--refined .as-approval-scene__note small{color:#b4c4bc;font:500 8px var(--font-as-mono),monospace;letter-spacing:.1em}.as-approval-scene--refined .as-approval-scene__note strong{font-size:12px;line-height:1.4}@media (max-width:600px){.as-approval-scene--refined .as-approval-scene__back{padding-bottom:12px}.as-approval-scene--refined .as-ui-bar{min-height:38px;padding:8px 12px;gap:8px}.as-approval-scene--refined .as-ui-bar strong{font-size:10px}.as-approval-scene--refined .as-ui-bar small{font-size:7px}.as-approval-scene--refined .as-approval-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:10px 12px;min-height:80px}.as-approval-scene--refined .as-approval-track>i{display:none}.as-approval-scene--refined .as-approval-track span{min-height:60px;gap:6px;padding-block:8px;font-size:9px}.as-approval-scene--refined .as-control-card{width:calc(100% - 12px);margin-top:-16px}.as-approval-scene--refined .as-control-card__top{padding:15px 18px}.as-approval-scene--refined .as-control-card__body{padding:18px 18px 16px}.as-approval-scene--refined .as-control-card__heading{margin-bottom:16px}.as-approval-scene--refined .as-control-card dl{gap:2px;margin-bottom:16px}.as-approval-scene--refined .as-control-card dl>div{grid-template-columns:20px minmax(0,1fr);gap:2px 9px;padding:9px 0}.as-approval-scene--refined .as-control-card dl svg{grid-row:span 2;align-self:center}.as-approval-scene--refined .as-control-card dd{grid-column:2;text-align:left}.as-approval-scene--refined .as-approval-actions{grid-template-columns:1fr 1.1fr}.as-approval-scene--refined .as-control-card>p{padding:13px 18px}}@media (max-width:360px){.as-approval-scene--refined .as-approval-actions{grid-template-columns:1fr}.as-approval-scene--refined .as-ui-bar{flex-wrap:wrap}.as-approval-scene--refined .as-approval-track{gap:3px;padding-inline:8px}.as-approval-scene--refined .as-approval-track span{font-size:8px}.as-approval-scene--refined .as-control-card>p,.as-approval-scene--refined .as-control-card__body,.as-approval-scene--refined .as-control-card__top{padding-inline:14px}.as-approval-scene--refined .as-approval-gate-icon{flex-basis:48px;width:48px;height:48px}}[data-friction-scene=dependency][data-motion=on][data-started=true] .as-mini-person:after{content:"";position:absolute;left:0;top:0;width:42px;height:42px;border:1px solid rgba(6,76,59,.38);border-radius:50%;pointer-events:none;animation:frictionDependencyRing 3.6s ease-out both}[data-friction-scene=dependency][data-motion=on][data-started=true] .as-mini-queue>span{animation:frictionTaskArrives .64s cubic-bezier(.16,1,.3,1) both,frictionTaskFocus .95s ease-in-out both;animation-delay:.12s,.68s}[data-friction-scene=dependency][data-motion=on][data-started=true] .as-mini-queue>span:nth-child(2){animation-delay:.4s,1.38s}[data-friction-scene=dependency][data-motion=on][data-started=true] .as-mini-queue>span:nth-child(3){animation-delay:.68s,2.08s}[data-friction-scene=dependency][data-motion=on][data-started=true] .as-mini-away{animation:frictionAttention .9s ease-out 2.9s both}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-source{animation:frictionPaperLift 1.4s ease-in-out .1s both}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-target{animation:frictionPaperLift 1.4s ease-in-out .65s both}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-transfer-path svg{animation:frictionManualTransfer 3.2s ease-in-out .25s both}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-source i,[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-target i{transform-origin:left center;animation:frictionDataLine .9s ease-out both}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-source i:first-of-type{animation-delay:.2s}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-target i:first-of-type{animation-delay:.65s}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-source i:nth-of-type(2){animation-delay:1s}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-target i:nth-of-type(2){animation-delay:1.45s}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-source i:nth-of-type(3){animation-delay:1.8s}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-target i:nth-of-type(3){animation-delay:2.25s}[data-friction-scene=transfer][data-motion=on][data-started=true] .as-mini-rework{animation:frictionAttention .9s ease-out 2.9s both}[data-friction-scene=approval][data-motion=on][data-started=true] .as-mini-approval-card{animation:frictionDraftArrives .85s cubic-bezier(.16,1,.3,1) .1s both}[data-friction-scene=approval][data-motion=on][data-started=true] .as-mini-approval-card>i{--friction-line:#e9edea;transform-origin:left center;animation:frictionDataLine 1s ease-out .48s both}[data-friction-scene=approval][data-motion=on][data-started=true] .as-mini-approval-card>i:nth-of-type(2){animation-delay:.73s}[data-friction-scene=approval][data-motion=on][data-started=true] .as-mini-clock{animation:frictionWaitingCard 1.1s cubic-bezier(.16,1,.3,1) 1.05s both}[data-friction-scene=approval][data-motion=on][data-started=true] .as-mini-clock svg polyline{transform-box:view-box;transform-origin:50% 50%;animation:frictionClockHand 2.8s cubic-bezier(.4,0,.25,1) 1.05s both}[data-friction-scene][data-play=paused] *,[data-friction-scene][data-play=paused] :after{animation-play-state:paused!important}@keyframes frictionDependencyRing{0%,30%,63%{opacity:0;scale:1.55}to{opacity:0;scale:1}1%,34%,67%{opacity:0;scale:.96}40%,7%,73%{opacity:.65;scale:1}}@keyframes frictionTaskArrives{0%{opacity:.45;translate:12px 6px}to{opacity:1;translate:0 0}}@keyframes frictionTaskFocus{0%,to{border-color:rgba(5,5,5,.08)}40%{border-color:rgba(6,76,59,.4)}}@keyframes frictionAttention{0%,to{translate:0 0;scale:1}40%{translate:0 -3px;scale:1.025}}@keyframes frictionPaperLift{0%,to{translate:0 0}38%{translate:0 -5px}}@keyframes frictionManualTransfer{0%,31%,62%,to{translate:0 0;opacity:1}39%,70%,8%{translate:-5px 0;opacity:.4}22%,53%,84%{translate:5px 0;opacity:1}}@keyframes frictionDataLine{0%,to{scale:1 1;background-color:var(--friction-line,#e8ece9)}20%{scale:.72 1;background-color:#a2c9b4}65%{scale:1 1;background-color:#bdd8c9}}@keyframes frictionDraftArrives{0%{opacity:.6;translate:0 9px;scale:.98}to{opacity:1;translate:0 0;scale:1}}@keyframes frictionWaitingCard{0%{opacity:.6;translate:0 7px;scale:.92}65%{opacity:1;translate:0 -2px;scale:1.02}to{opacity:1;translate:0 0;scale:1}}@keyframes frictionClockHand{0%{rotate:0deg}to{rotate:1turn}}@media (prefers-reduced-motion:reduce){[data-friction-scene] *,[data-friction-scene] :after{animation:none!important}[data-friction-scene=transfer] .as-mini-rework{left:0;right:0;width:-moz-max-content;width:max-content;margin-inline:auto;transform:none}}.as-workflow-list .as-workflow-film{--film-text:#f1f6f2;--film-muted:#adbdb4;--film-line:rgba(199,224,207,.17);--film-accent:var(--as-mint);--film-decision:var(--as-yellow);position:relative;isolation:isolate;min-width:0;width:100%;height:304px;min-height:0;overflow:hidden;border:1px solid #45584b;border-radius:12px;color:var(--film-text);background:radial-gradient(ellipse at 75% 0,#446b4e59,transparent 70%),#101814;box-shadow:0 0 0 5px #ffffff7a,0 18px 34px #0a281718}.as-workflow-list>li:hover .as-workflow-film{transform:none}.as-workflow-film:before{content:"";position:absolute;inset:46px 0 0;z-index:-1;pointer-events:none;background-image:radial-gradient(#c6e1cc35 .7px,transparent .85px);background-size:13px 13px;-webkit-mask-image:linear-gradient(140deg,#000,transparent 78%);mask-image:linear-gradient(140deg,#000,transparent 78%)}.as-workflow-film:after{content:attr(data-example);position:absolute;bottom:10px;right:16px;color:var(--film-muted);font:500 8px var(--font-as-mono),monospace;letter-spacing:.07em;text-transform:uppercase}.as-workflow-film .as-ui-bar{position:relative;z-index:2;height:44px;min-height:0;padding:0 18px;display:flex;justify-content:space-between;gap:12px;background:#ffffff03;border-bottom:1px solid var(--film-line)}.as-workflow-film .as-ui-dots{display:none}.as-workflow-film .as-ui-bar strong{min-width:0;flex:1;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;color:var(--film-text);font-size:11px}.as-workflow-film .as-ui-bar small{flex-shrink:0;color:var(--film-accent);font-size:8px}.as-workflow-film svg{flex-shrink:0;stroke-width:1.6}.as-workflow-film .as-step-mail{position:relative;z-index:1;width:calc(100% - 54px);max-width:320px;margin:26px auto 0;padding:18px;border:1px solid #edf4e9;border-radius:9px;background:linear-gradient(135deg,#fefffa,#dfebdf);color:#153522;box-shadow:0 18px 26px #020a075c,0 -7px 0 -2px #a9c8b3,0 -14px 0 -5px #608b73}.as-workflow-film .as-step-mail>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.as-workflow-film .as-step-mail>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#37694b,#132d20);color:#f1f7e9;font:600 10px var(--font-as-mono),monospace;box-shadow:inset 0 1px 0 #9bc4a7}.as-workflow-film .as-step-mail p{margin:0;min-width:0;display:grid;gap:4px}.as-workflow-film .as-step-mail p strong{font-size:12px;line-height:1.35}.as-workflow-film .as-step-mail p small{color:#496452;font-size:10px;line-height:1.3}.as-workflow-film .as-step-mail time{display:none}.as-workflow-film .as-step-mail>i{display:block;height:4px;margin-top:14px;width:85%;border-radius:2px;background:linear-gradient(90deg,#97b7a1 30%,#becfc3 30% 32%,#adc6b6 32%);transform-origin:left}.as-workflow-film .as-step-mail>i.short{margin-top:7px;width:62%}.as-workflow-film .as-step-mail>b{margin-top:18px;min-height:36px;display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #d9d672;border-radius:5px;background:var(--film-decision);color:#192112;font-size:11px}.as-workflow-film .as-step-mail>b svg{width:15px;height:15px}.as-workflow-film .as-step-checklist{position:relative;left:auto;top:auto;width:calc(100% - 64px);max-width:322px;margin:28px auto 0;padding:8px 14px;border:1px solid #648d714f;border-radius:9px;background:linear-gradient(130deg,#283e30,#18291e);box-shadow:0 18px 28px #020a0754,6px 6px 0 -1px #122019,6px 6px 0 0 #3d5945}.as-workflow-film .as-step-checklist span{display:flex;align-items:center;gap:11px;min-height:49px;color:#ecf3e9;font-size:11px;line-height:1.4;border-bottom:1px solid var(--film-line)}.as-workflow-film .as-step-checklist span:last-child{border:0}.as-workflow-film .as-step-checklist svg{width:23px;height:23px;padding:4px;border:1px solid #669475;border-radius:6px;color:#bceac5;background:#57815b30}.as-workflow-film .as-step-magnifier{position:absolute;right:22px;bottom:33px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #91b798;border-radius:10px;color:#c3f2cb;background:linear-gradient(140deg,#3d5e46,#1a2e21);box-shadow:0 5px 12px #050d083b,inset 0 1px 0 #bedfbd66}.as-workflow-film .as-step-magnifier svg{width:20px}.as-workflow-list .as-workflow-film.as-step-art--handoff{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);align-items:center;gap:0;padding:24px}.as-workflow-film .as-step-destination,.as-workflow-film .as-step-source{position:relative;z-index:1;min-width:0;min-height:162px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:16px;border:1px solid #d2e6d2;border-radius:9px;background:linear-gradient(145deg,#fdfff7,#d7e4d5);color:#183522;box-shadow:0 12px 20px #020a0740}.as-workflow-film .as-step-destination>svg,.as-workflow-film .as-step-source>svg{width:28px;height:28px}.as-workflow-film .as-step-destination>span,.as-workflow-film .as-step-source>span{display:grid;gap:5px}.as-workflow-film .as-step-destination small,.as-workflow-film .as-step-source small{font:500 8px var(--font-as-mono),monospace;letter-spacing:.05em}.as-workflow-film .as-step-destination strong,.as-workflow-film .as-step-source strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.as-workflow-film .as-step-destination{align-self:center;border-color:#699876;background:linear-gradient(135deg,#3e6844,#193e29);color:#f0f8e9;box-shadow:0 12px 20px #020a0740,inset 0 2px 0 #bee69166}.as-workflow-film .as-step-destination>svg{color:#cbf3a5}.as-workflow-film .as-step-destination>i{display:none}.as-workflow-film .as-step-arrow{position:relative;height:2px;width:100%;background:#9dc7a759;color:#cbefbd;transform:none}.as-workflow-film .as-step-arrow>span{position:absolute;width:140px;max-width:none;bottom:-108px;left:50%;margin-left:-70px;display:block;text-align:center;font:500 8px var(--font-as-mono),monospace;letter-spacing:.07em}.as-workflow-film .as-step-arrow svg{position:absolute;width:22px;height:22px;top:-10px;left:calc(50% - 11px);padding:3px;rotate:none;border:1px solid #769b7d;border-radius:6px;background:#1f3b28}.as-workflow-list .as-step-art--approval.as-workflow-film{background:radial-gradient(ellipse at 50% 60%,#77713033,transparent 80%),#161b13}.as-workflow-film.as-step-art--approval .as-ui-bar small{color:#f0e679}.as-workflow-film .as-step-approval-card{position:relative;width:calc(100% - 54px);max-width:330px;margin:22px auto 0;padding:16px;border:1px solid #bfb55a66;border-radius:9px;background:linear-gradient(130deg,#363c27,#22291c);box-shadow:0 14px 24px #070b0859,inset 0 2px 0 #e3db8566}.as-workflow-film .as-step-approval-card>span{display:flex;align-items:center;gap:7px;color:#e6df98;font:500 8px var(--font-as-mono),monospace;letter-spacing:.04em}.as-workflow-film .as-step-approval-card>span svg{width:16px;height:16px}.as-workflow-film .as-step-approval-card>strong{display:block;margin-top:11px;color:#f6f6e9;font-size:17px;line-height:1.3}.as-workflow-film .as-step-approval-card p{margin:6px 0 12px;color:#c6c9b6;font-size:11px;line-height:1.5}.as-workflow-film .as-step-approval-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.as-workflow-film .as-step-approval-card b,.as-workflow-film .as-step-approval-card i{display:flex;align-items:center;justify-content:center;gap:5px;min-height:32px;font-size:10px;font-style:normal;border:1px solid #c3c39c50;border-radius:5px}.as-workflow-film .as-step-approval-card i{color:#dcdfce}.as-workflow-film .as-step-approval-card b{background:var(--film-decision);color:#1b2111}.as-workflow-film .as-step-approval-card b svg{width:13px;height:13px}.as-workflow-film .as-step-event-log{position:relative;width:calc(100% - 54px);max-width:330px;margin:26px auto 0;display:grid;gap:8px}.as-workflow-film .as-step-event-log>span{position:relative;min-height:52px;padding:9px 12px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #bbd7c433;border-radius:7px;background:linear-gradient(120deg,#2d4435,#1c2c22);box-shadow:0 6px 12px #030a071c}.as-workflow-film .as-step-event-log>span:last-child{border-color:#9dbd9566;background:linear-gradient(120deg,#3a5a3b,#243c29)}.as-workflow-film .as-step-event-log svg{width:20px;color:#baebba}.as-workflow-film .as-step-event-log time{display:none}.as-workflow-film .as-step-event-log p{display:grid;gap:3px;min-width:0;margin:0}.as-workflow-film .as-step-event-log strong{color:#eef4e9;font-size:11px;line-height:1.3}.as-workflow-film .as-step-event-log small{color:#bbcdbb;font-size:9px;line-height:1.4}.as-workflow-list .as-workflow-film:is(.as-step-art--input,.as-step-art--review,.as-step-art--approval,.as-step-art--continue){container:workflow-width/inline-size}.as-workflow-film .as-step-composition{display:flow-root}.as-workflow-film .as-step-composition-link,.as-workflow-film .as-step-document,.as-workflow-film .as-step-output-pack{display:none}.as-workflow-film .as-step-document{position:relative;isolation:isolate;width:132px;min-height:160px;padding:18px;border:1px solid #c9d6bb;border-radius:8px;background:linear-gradient(140deg,#e5edda,#bacbb0);color:#29452c;rotate:-3deg;box-shadow:0 14px 24px #060c084d,-7px 6px 0 -1px #506e51,-7px 6px 0 0 #829378}.as-workflow-film .as-step-document>svg{width:26px;height:26px}.as-workflow-film .as-step-document>strong{display:block;margin:12px 0 15px;font:600 10px var(--font-as-mono),monospace;letter-spacing:.04em}.as-workflow-film .as-step-document>i{display:block;height:4px;margin-top:8px;border-radius:2px;background:#819779;transform-origin:left}.as-workflow-film .as-step-document>i:last-of-type{width:62%}.as-workflow-film .as-step-document__seal{position:absolute;right:-9px;bottom:-8px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #809a6b;border-radius:8px;background:#243c29;color:#d6e5bd}.as-workflow-film .as-step-document__seal svg{width:17px;height:17px}.as-workflow-film .as-step-output-pack{position:relative;width:146px;padding:0 8px 0 0}.as-workflow-film .as-step-output-sheet{padding:18px;min-height:155px;border:1px solid #75916b;border-radius:9px;color:#edf5e5;background:linear-gradient(145deg,#4d7145,#25432c);box-shadow:0 12px 22px #060c0847,-6px -6px 0 -1px #1a3023,-6px -6px 0 0 #506e51}.as-workflow-film .as-step-output-sheet>svg{width:29px;height:29px;color:#d2e8bd}.as-workflow-film .as-step-output-sheet>strong{display:block;margin:12px 0 14px;font:600 9px var(--font-as-mono),monospace;letter-spacing:.07em}.as-workflow-film .as-step-output-sheet>i{display:block;height:4px;margin-top:8px;border-radius:2px;background:#97b18a;transform-origin:left}.as-workflow-film .as-step-output-sheet>i:last-child{width:64%}.as-workflow-film .as-step-output-receipt{position:relative;margin:-18px -8px 0 16px;display:flex;align-items:center;gap:7px;min-height:35px;padding:8px 10px;border:1px solid #708c71;border-radius:6px;background:#183324;color:#e3efda;font-size:10px;box-shadow:0 7px 12px #080f0940}.as-workflow-film .as-step-output-receipt svg{width:14px;height:14px}.as-workflow-film .as-step-output-receipt svg:last-child{margin-left:auto;color:#baeaa9}.as-workflow-film .as-step-input-sources,.as-workflow-film .as-step-knowledge-pack{display:none}.as-workflow-film .as-step-input-sources{position:relative;width:146px;padding-right:12px;gap:8px}.as-workflow-film .as-step-input-sources:after{content:"";position:absolute;top:20px;bottom:20px;right:0;width:12px;border-right:1px solid #a1bfa64d;background:linear-gradient(#a1bfa64d,#a1bfa64d) 0 0 /100% 1px no-repeat,linear-gradient(#a1bfa64d,#a1bfa64d) 0 /100% 1px no-repeat,linear-gradient(#a1bfa64d,#a1bfa64d) 0 100% /100% 1px no-repeat}.as-workflow-film .as-step-input-sources>span{position:relative;min-height:40px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #728b7166;border-radius:7px;background:linear-gradient(120deg,#2e4938,#1b3023);box-shadow:0 7px 14px #030c0724;color:#dcebd4}.as-workflow-film .as-step-input-sources svg{width:17px;height:17px;color:#c2d8aa}.as-workflow-film .as-step-input-sources b{font-size:10px;font-weight:500;line-height:1.4}.as-workflow-film .as-step-knowledge-pack{position:relative;width:146px;height:164px}.as-workflow-film .as-step-knowledge-pack>span{position:absolute;top:0;left:3px;width:136px;height:64px;padding:11px;display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-content:start;align-items:center;border:1px solid #d5e2ca;border-radius:7px;background:linear-gradient(130deg,#edf3e1,#c8d9bd);color:#264a31;box-shadow:0 8px 16px #06100936;rotate:-3deg}.as-workflow-film .as-step-knowledge-pack>span:nth-child(2){top:48px;left:9px;rotate:1deg;background:linear-gradient(130deg,#d9e6ce,#b7cdb1)}.as-workflow-film .as-step-knowledge-pack>span:nth-child(3){top:96px;rotate:-1deg}.as-workflow-film .as-step-knowledge-pack svg{width:17px;height:17px}.as-workflow-film .as-step-knowledge-pack strong{font-size:10px;font-weight:600;line-height:1.4}.as-workflow-film .as-step-knowledge-pack i{grid-column:2;width:74%;height:3px;margin-top:3px;border-radius:2px;background:#8fa787}@container workflow-width (min-width: 470px){.as-workflow-film .as-step-composition{display:grid;grid-template-columns:minmax(116px,1fr) 22px minmax(0,330px);align-items:center;gap:14px;padding:24px 24px 0;max-width:700px;margin-inline:auto}.as-workflow-film .as-step-document,.as-workflow-film .as-step-output-pack{display:block;justify-self:center}.as-workflow-film .as-step-composition-link{display:flex;justify-content:center;align-items:center;height:1px;background:#9dbba660}.as-workflow-film .as-step-composition-link svg{width:22px;height:22px;padding:3px;border:1px solid #71927b;border-radius:6px;background:#1b3022;color:#c9dcbc}.as-workflow-film .as-step-input-sources{display:grid;justify-self:center}.as-workflow-film .as-step-knowledge-pack{display:block;justify-self:center}.as-workflow-film .as-step-composition .as-step-mail{width:100%;max-width:320px;margin:0;justify-self:end}.as-workflow-film .as-step-composition .as-step-checklist{width:100%;max-width:322px;margin:0;justify-self:end}.as-workflow-film[data-motion=on][data-started] .as-step-input-sources,.as-workflow-film[data-motion=on][data-started] .as-step-knowledge-pack{animation:workflowArrival 1.6s cubic-bezier(.22,1,.36,1) both}.as-workflow-film[data-motion=on][data-started] .as-step-input-sources svg{animation:workflowCheck .9s ease-out .15s both}.as-workflow-film[data-motion=on][data-started] .as-step-input-sources>span:nth-child(2) svg{animation-delay:.4s}.as-workflow-film[data-motion=on][data-started] .as-step-input-sources>span:nth-child(3) svg{animation-delay:.65s}.as-workflow-film .as-step-composition .as-step-approval-card,.as-workflow-film .as-step-composition .as-step-event-log{width:100%;max-width:330px;margin:0}.as-workflow-film[data-motion=on][data-started] .as-step-document,.as-workflow-film[data-motion=on][data-started] .as-step-output-pack{animation:workflowArrival 1.6s cubic-bezier(.22,1,.36,1) both}.as-workflow-film[data-motion=on][data-started] .as-step-composition-link svg{animation:workflowTransfer 1.8s ease-in-out .2s both}.as-workflow-film[data-motion=on][data-started] .as-step-output-sheet>i{animation:workflowLine 1.4s ease-out .3s both}}@keyframes workflowArrival{0%{opacity:.3;translate:0 16px}30%,to{opacity:1;translate:0 0}}@keyframes workflowLine{0%,12%{scale:.18 1;opacity:.4}65%,to{scale:1;opacity:1}}@keyframes workflowCheck{0%,20%{opacity:.3;scale:.7}65%,to{opacity:1;scale:1}}@keyframes workflowInspect{0%,to{translate:0 0}30%{translate:-12px -48px}65%{translate:-8px -17px}}@keyframes workflowTransfer{0%,10%{translate:-10px 0;opacity:.3}65%{translate:10px 0;opacity:1}to{translate:0 0;opacity:1}}@keyframes workflowGate{0%,to{box-shadow:0 0 0 0 #ece38400}45%{box-shadow:0 0 0 4px #ece38430}}.as-workflow-film[data-motion=on][data-started] .as-step-destination,.as-workflow-film[data-motion=on][data-started] .as-step-event-log>span,.as-workflow-film[data-motion=on][data-started] .as-step-mail{animation:workflowArrival 2s cubic-bezier(.22,1,.36,1) both}.as-workflow-film[data-motion=on][data-started] .as-step-mail>i{animation:workflowLine 1.8s ease-out .2s both}.as-workflow-film[data-motion=on][data-started] .as-step-mail>b{animation:workflowGate 1.2s ease-out 1.1s both}.as-workflow-film[data-motion=on][data-started] .as-step-checklist svg{animation:workflowCheck 1s ease-out .35s both}.as-workflow-film[data-motion=on][data-started] .as-step-checklist span:nth-child(2) svg{animation-delay:.8s}.as-workflow-film[data-motion=on][data-started] .as-step-checklist span:nth-child(3) svg{animation-delay:1.25s}.as-workflow-film[data-motion=on][data-started] .as-step-magnifier{animation:workflowInspect 2.8s ease-in-out both}.as-workflow-film[data-motion=on][data-started] .as-step-arrow svg{animation:workflowTransfer 2.2s ease-in-out both}.as-workflow-film[data-motion=on][data-started] .as-step-destination{animation-delay:1.3s}.as-workflow-film[data-motion=on][data-started] .as-step-approval-card{animation:workflowGate 2.4s ease-in-out .4s both}.as-workflow-film[data-motion=on][data-started] .as-step-event-log>span:nth-child(2){animation-delay:.5s}.as-workflow-film[data-motion=on][data-started] .as-step-event-log>span:nth-child(3){animation-delay:1s}.as-workflow-film[data-play=paused] *{animation-play-state:paused!important}@media (max-width:1180px){.as-workflow-list .as-workflow-film{grid-column:2;max-width:580px}}@media (max-width:680px){.as-workflow-list .as-workflow-film{height:290px;min-height:0}.as-workflow-film .as-step-approval-card,.as-workflow-film .as-step-checklist,.as-workflow-film .as-step-event-log,.as-workflow-film .as-step-mail{width:calc(100% - 30px)}.as-workflow-film .as-step-approval-card,.as-workflow-film .as-step-mail{padding:13px}.as-workflow-film .as-step-checklist{padding:6px 12px}.as-workflow-film .as-step-magnifier{right:18px;bottom:27px;width:34px;height:34px}.as-workflow-list .as-workflow-film.as-step-art--handoff{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);padding:15px}.as-workflow-film .as-step-destination,.as-workflow-film .as-step-source{min-height:150px;padding:11px;gap:12px}.as-workflow-film .as-step-destination strong,.as-workflow-film .as-step-source strong{font-size:11px}.as-workflow-film .as-step-arrow span{display:block;transform:none}.as-workflow-film .as-step-event-log{margin-top:23px}.as-workflow-film .as-step-event-log>span{padding:8px 10px}}@media (prefers-reduced-motion:reduce){.as-workflow-film *,.as-workflow-film:after,.as-workflow-film:before{animation:none!important;transition:none!important;translate:none!important;scale:none!important}}