#ff-workspace .flow-film{max-width:1100px;margin:48px auto 0}
#ff-workspace .film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
#ff-workspace .film-heading h2{font-size:24px;letter-spacing:-.8px;font-weight:500;margin:0}
#ff-workspace .film-heading p{font-size:12px;color:#777;margin:8px 0 0}
#ff-workspace .film-heading a{font-size:11px;white-space:nowrap;color:#bbb}
#ff-workspace .film-scene{height:350px;position:relative;overflow:hidden;isolation:isolate;border:1px solid #ffffff20;border-radius:var(--radius-card);background:radial-gradient(ellipse at 50% 46%,#ffffff09,transparent 50%),#030303;perspective:900px}
#ff-workspace .film-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
#ff-workspace .film-source{position:absolute;width:220px;left:5%;top:-30px;display:flex;flex-direction:column;gap:16px;transform:rotate(-9deg);}
#ff-workspace .film-meme{height:92px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px;background:linear-gradient(140deg,#ffffff0b,#080808);border:1px solid #ffffff20;border-radius:var(--radius-card);box-shadow:0 10px 25px #0008}
#ff-workspace .film-meme>img{width:64px;height:64px;border-radius:var(--radius-art)}
#ff-workspace .film-meme strong{font-size:13px;font-weight:500;display:block}
#ff-workspace .film-meme div>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#777;margin-top:10px}
#ff-workspace .film-meme .brand-pump{width:12px;height:12px}
#ff-workspace .film-core{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:100px;height:84px;text-align:center;z-index:3}
#ff-workspace .film-logo{height:84px;display:flex;gap:12px;justify-content:center;align-items:center;transform:rotate(-12deg);filter:drop-shadow(0 10px 10px #000)}
#ff-workspace .film-logo i{display:block;width:24px;height:65px;border-radius:7px;background:linear-gradient(115deg,#fff,#d5d5d5 40%,#fff 62%,#777);box-shadow:3px 3px 0 #555,5px 5px 0 #262626,inset 1px 1px 2px #fff}
#ff-workspace .film-logo i:last-child{margin-top:16px}
#ff-workspace .film-core>span{position:absolute;top:100%;left:0;right:0;display:block;font-size:16px;font-weight:600;letter-spacing:-.7px;margin-top:13px;color:#ccc}
#ff-workspace .film-wire{position:absolute;top:43%;height:1px;background:linear-gradient(90deg,transparent,#ffffff35,transparent);width:18%;z-index:1}
#ff-workspace .film-wire-left{left:27%}#ff-workspace .film-wire-right{right:27%}
#ff-workspace .film-wire i{position:absolute;top:-1px;width:22px;height:3px;border-radius:10px;background:linear-gradient(90deg,transparent,#fff);box-shadow:0 0 10px #fff7;animation:film-stream 2s linear infinite}
#ff-workspace .film-wire i+i{animation-delay:-1s}
#ff-workspace .film-wire-right i{animation-delay:-.4s}
#ff-workspace .film-wire-right i+i{animation-delay:-1.4s}
#ff-workspace .film-recipients{position:absolute;right:5%;top:60px;width:240px;height:230px;perspective:800px}
#ff-workspace .film-payment{position:absolute;inset:0 0 auto;padding:18px;border:1px solid #ffffff30;border-radius:var(--radius-card);background:linear-gradient(140deg,#161616,#050505);box-shadow:0 18px 45px #000a,inset 0 1px 0 #ffffff0b;opacity:0;animation:film-receipt 20s cubic-bezier(.22,1,.36,1) infinite;animation-delay:calc(var(--order)*4s - 20s)}
#ff-workspace .film-payment-head{display:flex;align-items:center;gap:10px;min-width:0}
#ff-workspace .film-payment-head>img{width:37px;height:37px;border-radius:50%;object-fit:cover;border:1px solid #ffffff30}
#ff-workspace .film-payment-head strong{display:block;font-size:12px;font-weight:500}
#ff-workspace .film-payment-head div>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#888;margin-top:5px}
#ff-workspace .film-payment .social-mark{width:12px;height:12px}
#ff-workspace .film-payment-amount{font-size:36px;letter-spacing:-1px;margin-top:22px;display:flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}
#ff-workspace .film-payment-amount small{font-size:10px;letter-spacing:0;color:#888}
#ff-workspace .film-payment-amount>span{margin-left:auto;font-size:20px;color:#777}
#ff-workspace .film-payment-foot{display:flex;align-items:center;gap:6px;font-size:9px;color:#999;border-top:1px solid #ffffff12;padding-top:12px;margin-top:14px}
#ff-workspace .film-payment-foot i{width:4px;height:4px;border-radius:50%;background:#aaa}
#ff-workspace .film-caption{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px;font-size:11px;color:#aaa;z-index:4}
#ff-workspace .film-caption-dot{width:4px;height:4px;background:#eee;border-radius:50%;box-shadow:0 0 8px #fff8}
#ff-workspace .film-timeline{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff08}
#ff-workspace .film-timeline i{display:block;height:100%;background:linear-gradient(90deg,transparent,#aaa);transform-origin:left;animation:film-progress 8s linear infinite}
#ff-workspace .film-foot{display:flex;justify-content:space-between;gap:15px;margin-top:16px;color:#777;font-size:10px}
#ff-workspace .film-foot>span:first-child{display:flex;align-items:center;gap:6px}
#ff-workspace .film-foot svg{width:13px;height:13px}
#ff-workspace .flow-disclosure{font-size:9px;color:#555;line-height:1.5;margin-top:12px}
#ff-workspace .flow-film[data-playing=false] *{animation-play-state:paused!important}
@keyframes film-conveyor{from{transform:rotate(-9deg) translateY(0)}to{transform:rotate(-9deg) translateY(-50%)}}
@keyframes film-stream{0%{left:0;opacity:0}20%,75%{opacity:.8}100%{left:90%;opacity:0}}
@keyframes film-receipt{0%{opacity:0;transform:translateY(38px) rotateX(-12deg) scale(.92)}3%,17%{z-index:2;opacity:1;transform:translateY(0) rotateX(0) scale(1)}20%{z-index:0;opacity:.35;transform:translateY(-22px) scale(.94)}24%,100%{opacity:0;transform:translateY(-45px) scale(.88)}}
@keyframes film-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1050px){#ff-workspace .film-source{left:-35px;width:195px}#ff-workspace .film-recipients{right:3%;width:210px}#ff-workspace .film-core{left:47%}#ff-workspace .film-wire-left{left:25%;width:15%}#ff-workspace .film-wire-right{right:28%;width:18%}}
@media(max-width:600px){#ff-workspace .flow-film{margin-top:32px}#ff-workspace .film-heading{align-items:flex-start}#ff-workspace .film-heading h2{font-size:21px;max-width:210px}#ff-workspace .film-heading a{font-size:10px;margin-top:5px}#ff-workspace .film-scene{height:360px;border-radius:var(--radius-card)}#ff-workspace .film-source{left:-75px;top:-30px;width:180px;opacity:.65}#ff-workspace .film-meme{gap:8px}#ff-workspace .film-core{left:43%;top:29%;scale:.65}#ff-workspace .film-recipients{width:185px;right:15px;top:151px}#ff-workspace .film-payment{padding:14px}#ff-workspace .film-payment-amount{font-size:30px;margin-top:12px}#ff-workspace .film-payment-foot{margin-top:10px;padding-top:10px}#ff-workspace .film-wire{top:29%;width:16%}#ff-workspace .film-wire-left{left:21%}#ff-workspace .film-wire-right{right:17%;transform:rotate(45deg);transform-origin:left}#ff-workspace .film-caption{bottom:15px;font-size:9px;gap:5px}#ff-workspace .film-foot{flex-direction:column;gap:8px;font-size:9px}#ff-workspace .film-payment-head strong{font-size:11px}#ff-workspace .film-payment-head div>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){#ff-workspace .flow-film *{animation:none!important}#ff-workspace .film-payment:first-child{opacity:1}#ff-workspace .film-source{transform:rotate(-9deg) translateY(-100px)}}

/* Two identical groups give the varied reel a seamless repeat. */
#ff-workspace .film-source{display:block;transform:rotate(-9deg);mask-image:linear-gradient(transparent,#000 6%,#000 92%,transparent)}
#ff-workspace .film-reel{animation:film-reel-scroll 28s linear infinite;will-change:transform}
#ff-workspace .film-reel-group{display:flex;flex-direction:column;gap:16px;padding-bottom:16px}
#ff-workspace .film-meme{position:relative;box-sizing:border-box;height:100px;overflow:hidden}
#ff-workspace .film-meme strong{max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ff-workspace .film-meme>small{position:absolute;right:9px;top:9px;width:19px;height:19px;display:grid;place-items:center;background:#050505cc;border:1px solid #ffffff24;border-radius:50%;padding:3px}
#ff-workspace .film-meme>small svg{width:12px;height:12px}
#ff-workspace .film-meme-portrait{margin-right:12px}
#ff-workspace .film-meme-wide{margin-left:12px;align-items:flex-end;padding:12px}
#ff-workspace .film-meme-wide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;filter:brightness(.65)}
#ff-workspace .film-meme-wide:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000c)}
#ff-workspace .film-meme-wide>div,#ff-workspace .film-meme-wide>small{z-index:1}
#ff-workspace .film-meme-wide div>span{margin-top:4px;color:#ccc;font-size:9px}
@keyframes film-reel-scroll{to{transform:translateY(-50%)}}
@media(prefers-reduced-motion:reduce){#ff-workspace .film-reel{animation:none;transform:translateY(-100px)}}

#ff-workspace .social-flow-mark{width:88px;height:88px;display:block}