/* H16 Design Proofing — 22s loop: upload → send → customer pins comment + requests changes → v2 sent → approved (needs hero-graphics.css shell) */
.rcg .h16{--t:26s}
.rcg .h16 .vw{position:absolute;inset:0}
.rcg .h16 .shop{animation:pfshop var(--t) ease-in-out infinite}
.rcg .h16 .cust{opacity:0;background:var(--g-hi,#f3f4f6);animation:pfcust var(--t) ease-in-out infinite}
@keyframes pfshop{0%,18.46%{opacity:1;transform:none}20.77%,57.69%{opacity:0;transform:scale(.985)}60%,74.62%{opacity:1;transform:none}76.93%,86.93%{opacity:0;transform:scale(.985)}89.23%,100%{opacity:1;transform:none}}
@keyframes pfcust{0%,18.46%{opacity:0;transform:scale(1.015)}20.77%,57.69%{opacity:1;transform:none}60%,74.62%{opacity:0;transform:scale(1.015)}76.93%,86.93%{opacity:1;transform:none}89.23%,100%{opacity:0;transform:scale(1.015)}}
/* top bar */
.rcg .h16 .tb{position:absolute;left:22px;right:22px;top:16px;height:28px;display:flex;align-items:center;gap:10px;font-size:10px}
.rcg .h16 .tb .bk{font-size:9px;color:var(--g-mute,#6b7280)}.rcg .h16 .tb .ttl{font-size:14px;font-weight:700;letter-spacing:-.01em;margin-right:4px}
.rcg .h16 .tb .stw{position:relative;height:18px;animation:pfstw var(--t) step-end infinite}.rcg .h16 .tb .stw>*{position:absolute;left:0;top:0}
@keyframes pfstw{0%,15.77%{width:48px}15.78%,60%{width:94px}60.01%,89.23%{width:110px}89.24%,100%{width:67px}}
.rcg .h16 .a1{animation:pfa1 var(--t) step-end infinite}.rcg .h16 .a2{opacity:0;animation:pfa2 var(--t) step-end infinite}.rcg .h16 .a3{opacity:0;animation:pfa3 var(--t) step-end infinite}.rcg .h16 .a4{opacity:0;animation:pfa4 var(--t) step-end infinite}
@keyframes pfa1{0%,15.77%{opacity:1}15.78%,100%{opacity:0}}
@keyframes pfa2{0%,15.77%{opacity:0}15.78%,60%{opacity:1}60.01%,100%{opacity:0}}
@keyframes pfa3{0%,60%{opacity:0}60.01%,89.23%{opacity:1}89.24%,100%{opacity:0}}
@keyframes pfa4{0%,89.23%{opacity:0}89.24%,100%{opacity:1}}
.rcg .h16 .ver{display:inline-grid;font-size:9.5px;font-weight:700;color:var(--g-ink2,#3a3f4b)}.rcg .h16 .ver b{grid-area:1/1}.rcg .h16 .ver .v1{animation:pfv1 var(--t) step-end infinite}.rcg .h16 .ver .v2{opacity:0;animation:pfv2 var(--t) step-end infinite}
@keyframes pfv1{0%,70.77%{opacity:1}70.77%,100%{opacity:0}}@keyframes pfv2{0%,70.77%{opacity:0}70.77%,100%{opacity:1}}
.rcg .h16 .unr{display:inline-grid;font-size:9px;font-weight:600}.rcg .h16 .unr>*{grid-area:1/1;white-space:nowrap}.rcg .h16 .unr .a{color:var(--org);opacity:0;animation:pfunra var(--t) ease-out infinite}.rcg .h16 .unr .b{color:var(--grn);opacity:0;animation:pfunrb var(--t) ease-out infinite}
@keyframes pfunra{0%,60%{opacity:0;transform:translateY(4px)}61.25%,70.77%{opacity:1;transform:none}70.77%,100%{opacity:0}}
@keyframes pfunrb{0%,70.77%{opacity:0;transform:translateY(4px)}71.91%,100%{opacity:1;transform:none}}
.rcg .h16 .tb .lo{margin-left:auto;font-size:8.5px;color:var(--g-mute,#6b7280)}
/* cards */
.rcg .h16 .card{position:absolute;border:1px solid var(--g-line,#e6e8ed);border-radius:10px;background:var(--g-bg,#fff);box-shadow:none}
.rcg .h16 .card .h{font-size:10.5px;font-weight:700}
.rcg .h16 .artc{left:22px;top:56px;width:505px;height:228px}
.rcg .h16 .drop{position:absolute;inset:12px 12px 34px;border:1.5px dashed var(--g-line,#e6e8ed);border-radius:8px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;animation:pfdrop var(--t) step-end infinite}
@keyframes pfdrop{0%,5.38%{opacity:1;border-color:var(--g-line,#e6e8ed);background:transparent}5.39%,10%{opacity:1;border-color:var(--blue);background:var(--g-bluetint,rgba(27,100,243,.06))}10.49%,100%{opacity:0}}
.rcg .h16 .drop .ico{width:30px;height:30px;border-radius:50%;background:var(--g-hi,#f3f4f6);display:grid;place-items:center;font-size:14px;color:var(--g-mute,#6b7280);margin-bottom:4px}
.rcg .h16 .drop b{font-size:10.5px;font-weight:700}.rcg .h16 .drop small{font-size:8.5px;color:var(--g-mute,#6b7280)}
.rcg .h16 .drop .up{display:grid;justify-items:center;gap:5px;margin-top:6px;opacity:0;animation:pfupl var(--t) ease-out infinite}.rcg .h16 .drop .bar{width:180px}.rcg .h16 .drop .bar i{transform:scaleX(0);animation:pfuplbar var(--t) ease-out infinite}.rcg .h16 .drop .fn{font-size:8.5px;color:var(--g-ink2,#3a3f4b);font-weight:600}
@keyframes pfupl{0%,5.38%{opacity:0}5.92%,100%{opacity:1}}
@keyframes pfuplbar{0%,5.75%{transform:scaleX(0)}9.82%,100%{transform:scaleX(1)}}
.rcg .h16 .artc .art{position:absolute;inset:12px 12px 34px;opacity:0;animation:pfartin var(--t) ease-out infinite}
@keyframes pfartin{0%,10%{opacity:0;transform:translateY(6px)}11.17%,100%{opacity:1;transform:none}}
.rcg .h16 .upl2{position:absolute;inset:12px 12px 34px;background:var(--g-bg,#fff);display:grid;place-items:center;align-content:center;gap:8px;opacity:0;animation:pfupl2 var(--t) ease-out infinite;font-size:10.5px;font-weight:700;border-radius:4px}
.rcg .h16 .upl2 .bar{width:200px}.rcg .h16 .upl2 .bar i{transform:scaleX(0);animation:pfupl2bar var(--t) ease-in-out infinite}.rcg .h16 .upl2 small{font-size:8.5px;color:var(--g-mute,#6b7280);font-weight:500}
@keyframes pfupl2{0%,65.77%{opacity:0}66.32%,69.71%{opacity:.96}70.22%,100%{opacity:0}}
@keyframes pfupl2bar{0%,66.32%{transform:scaleX(0)}69.71%,100%{transform:scaleX(1)}}
.rcg .h16 .fname{position:absolute;left:12px;bottom:8px;font-size:9px;font-weight:600;opacity:0;animation:pfartin var(--t) ease-out infinite}.rcg .h16 .fname span{color:var(--g-mute,#6b7280);font-weight:400}
.rcg .h16 .fb{left:22px;top:294px;width:505px;height:138px;padding:10px 12px}
.rcg .h16 .fb .empty{font-size:9px;color:var(--g-mute,#6b7280);margin-top:6px;animation:pfempty var(--t) step-end infinite}@keyframes pfempty{0%,60%{opacity:1}60.01%,100%{opacity:0}}
.rcg .h16 .cm{position:absolute;left:12px;right:12px;top:26px;border:1px solid var(--g-line,#e6e8ed);border-radius:8px;padding:6px 9px;background:var(--g-hi,#f3f4f6);opacity:0;animation:pfcmin var(--t) ease-out infinite}
@keyframes pfcmin{0%,60%{opacity:0;transform:translateY(5px)}61.58%,100%{opacity:1;transform:none}}
.rcg .h16 .cm .ch{display:flex;align-items:center;gap:5px;font-size:8.5px;color:var(--g-mute,#6b7280)}.rcg .h16 .cm .ch i{width:13px;height:13px;border-radius:50%;background:var(--blue);color:#fff;font-size:7px;font-weight:700;display:grid;place-items:center;font-style:normal}.rcg .h16 .cm .ch b{color:var(--g-ink,#111318)}
.rcg .h16 .cm .rs{margin-left:auto;display:inline-grid;justify-items:end}.rcg .h16 .cm .rs>*{grid-area:1/1;font-weight:600;white-space:nowrap}.rcg .h16 .cm .rs .a{color:var(--blue);animation:pfv1 var(--t) step-end infinite}.rcg .h16 .cm .rs .b{color:var(--grn);opacity:0;animation:pfv2 var(--t) step-end infinite}
.rcg .h16 .cm .tx{font-size:9px;line-height:1.35;margin-top:3px;color:var(--g-ink,#111318)}
.rcg .h16 .fb .reply{position:absolute;left:12px;bottom:5px;display:flex;gap:6px}.rcg .h16 .pill{background:var(--g-bg,#fff);height:18px;padding:0 8px;border-radius:9px;font-size:8.5px;font-weight:600;border:1px solid var(--g-line,#e6e8ed);display:inline-flex;align-items:center;color:var(--g-ink2,#3a3f4b)}.rcg .h16 .pill.on{background:var(--blue);border-color:var(--blue);color:#fff}
.rcg .h16 .acts{left:545px;top:56px;width:233px;height:138px;padding:6px 8px;display:grid;align-content:start}
.rcg .h16 .acts span{height:21px;display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:500;color:var(--g-ink2,#3a3f4b);padding:0 6px;border-radius:5px}.rcg .h16 .acts span i{font-style:normal;width:12px;text-align:center;color:var(--g-mute,#6b7280);font-size:9px}.rcg .h16 .acts .void{color:var(--red)}
.rcg .h16 .acts .send{animation:pfsend var(--t) step-end infinite}@keyframes pfsend{0%,14.61%{background:transparent;color:var(--g-ink2,#3a3f4b)}14.62%,15.99%{background:var(--g-bluetint,rgba(27,100,243,.08));color:var(--blue)}16.25%,100%{background:transparent;color:var(--g-ink2,#3a3f4b)}}
.rcg .h16 .acts .newv{animation:pfnewv var(--t) step-end infinite}@keyframes pfnewv{0%,65.38%{background:transparent;color:var(--g-ink2,#3a3f4b)}65.39%,66.66%{background:var(--g-bluetint,rgba(27,100,243,.08));color:var(--blue)}67%,100%{background:transparent;color:var(--g-ink2,#3a3f4b)}}
.rcg .h16 .tl{left:545px;top:204px;width:233px;height:228px;padding:10px 12px}
.rcg .h16 .tl .h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rcg .h16 .tl .pills{padding:2px;gap:1px}.rcg .h16 .tl .pills span{font-size:7.5px;padding:2px 5px}
.rcg .h16 .tl .rows{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.rcg .h16 .tl .r{max-height:0;opacity:0;overflow:hidden;font-size:8.5px;line-height:1.3;padding-left:11px;position:relative;color:var(--g-ink2,#3a3f4b);margin-bottom:0;white-space:nowrap;text-overflow:ellipsis}.rcg .h16 .tl .r::before{content:"";position:absolute;left:0;top:4px;width:5px;height:5px;border-radius:50%;background:var(--g-mute3,#d1d5db)}.rcg .h16 .tl .r small{display:block;font-size:7.5px;color:var(--g-mute,#6b7280);margin-top:1px}
.rcg .h16 .tl .r1{animation:pfr1 var(--t) ease-out infinite}.rcg .h16 .tl .r2{animation:pfr2 var(--t) ease-out infinite}.rcg .h16 .tl .r3{animation:pfr3 var(--t) ease-out infinite}.rcg .h16 .tl .r4{animation:pfr4 var(--t) ease-out infinite}.rcg .h16 .tl .r5{animation:pfr5 var(--t) ease-out infinite}.rcg .h16 .tl .r6{animation:pfr6 var(--t) ease-out infinite}
@keyframes pfr1{0%,10.38%{max-height:0;opacity:0;margin-bottom:0}11.85%,100%{max-height:26px;opacity:1;margin-bottom:5px}}
@keyframes pfr2{0%,15.77%{max-height:0;opacity:0;margin-bottom:0}17.26%,100%{max-height:26px;opacity:1;margin-bottom:5px}}
@keyframes pfr3{0%,60%{max-height:0;opacity:0;margin-bottom:0}61.5%,100%{max-height:26px;opacity:1;margin-bottom:5px}}
@keyframes pfr4{0%,60.74%{max-height:0;opacity:0;margin-bottom:0}62.26%,100%{max-height:26px;opacity:1;margin-bottom:5px}}
@keyframes pfr5{0%,70.77%{max-height:0;opacity:0;margin-bottom:0}72.25%,100%{max-height:26px;opacity:1;margin-bottom:5px}}
@keyframes pfr6{0%,89.23%{max-height:0;opacity:0;margin-bottom:0}90.69%,100%{max-height:26px;opacity:1;margin-bottom:5px}}
/* artwork */
.rcg .h16 .art{background:#fff;color:#111;border:1px solid #cfd2d8;display:flex;flex-direction:column;--k:1;overflow:hidden;font-family:inherit}
.rcg .h16 .art .ah{height:calc(20px*var(--k));border-bottom:1px solid #111;display:grid;grid-template-columns:1.1fr 1.4fr 1fr;font-size:calc(6.5px*var(--k));flex:none}
.rcg .h16 .art .ah span{padding:0 calc(6px*var(--k));display:flex;align-items:center;gap:calc(5px*var(--k));border-right:1px solid #111;white-space:nowrap;overflow:hidden}.rcg .h16 .art .ah span:last-child{border-right:0}
.rcg .h16 .art .ah span:first-child{background:#111;color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.rcg .h16 .art .ah i{font-style:normal;text-transform:uppercase;font-weight:700;font-size:calc(5px*var(--k));letter-spacing:.06em;color:#555}.rcg .h16 .art .ah b{font-weight:500}
.rcg .h16 .art .ab2{flex:1;position:relative;display:grid;place-items:center}
.rcg .h16 .art .sign{text-align:center;font-family:Georgia,'Times New Roman',serif}
.rcg .h16 .art .l1{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:calc(10px*var(--k));font-size:calc(36px*var(--k));font-weight:700;letter-spacing:.04em;color:#1d3a6e;line-height:1}
.rcg .h16 .art .l1>span:first-child{justify-self:end}.rcg .h16 .art .l1>span:last-child{justify-self:start}
.rcg .h16 .art .mk{width:calc(24px*var(--k));height:calc(24px*var(--k));border-radius:50%;background:#e9a51a;box-shadow:inset 0 0 0 calc(4px*var(--k)) #fff,inset 0 0 0 calc(6px*var(--k)) #e9a51a;animation:pfmk var(--t) ease infinite;flex:none;position:relative}
@keyframes pfmk{0%,70%{transform:translateY(calc(-13px*var(--k)))}71.23%,100%{transform:none}}
.rcg .h16 .art .l2{font-size:calc(16px*var(--k));color:#6b6f78;letter-spacing:.14em;margin-top:calc(5px*var(--k));font-style:italic}
.rcg .h16 .art .dimh{position:absolute;left:16%;right:16%;top:calc(9px*var(--k));border-top:1px solid #444;height:0}.rcg .h16 .art .dimh::before,.rcg .h16 .art .dimh::after{content:"";position:absolute;top:calc(-4px*var(--k));width:0;height:calc(8px*var(--k));border-left:1px solid #444}.rcg .h16 .art .dimh::before{left:0}.rcg .h16 .art .dimh::after{right:0}
.rcg .h16 .art .dimh i{position:absolute;left:50%;top:calc(-4px*var(--k));transform:translateX(-50%);background:#fff;padding:0 4px;font-size:calc(5.5px*var(--k));font-style:normal;line-height:1.4}
.rcg .h16 .art .dimv{position:absolute;top:22%;bottom:22%;left:calc(11px*var(--k));border-left:1px solid #444;width:0}.rcg .h16 .art .dimv::before,.rcg .h16 .art .dimv::after{content:"";position:absolute;left:calc(-4px*var(--k));height:0;width:calc(8px*var(--k));border-top:1px solid #444}.rcg .h16 .art .dimv::before{top:0}.rcg .h16 .art .dimv::after{bottom:0}
.rcg .h16 .art .dimv i{position:absolute;top:50%;left:calc(-3px*var(--k));transform:translate(-50%,-50%) rotate(-90deg);background:#fff;padding:0 4px;font-size:calc(5.5px*var(--k));font-style:normal;line-height:1.4}
.rcg .h16 .art .af{height:calc(20px*var(--k));border-top:1px solid #111;display:flex;align-items:center;justify-content:space-between;padding:0 calc(8px*var(--k));font-size:calc(5.5px*var(--k));color:#333;flex:none;white-space:nowrap;gap:8px}.rcg .h16 .art .af b{font-weight:700;color:#111}
/* customer view */
.rcg .h16 .ch2{position:absolute;left:0;right:0;top:0;height:50px;background:var(--g-bg,#fff);border-bottom:1px solid var(--g-line,#e6e8ed);display:flex;align-items:center;gap:10px;padding:0 22px}
.rcg .h16 .ch2 .lg{width:26px;height:26px;border-radius:7px;background:#0c0d10;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800;flex:none}
.rcg .h16 .ch2 b{font-size:11px;font-weight:700;display:block}.rcg .h16 .ch2 small{font-size:8.5px;color:var(--g-mute,#6b7280);display:block;margin-top:1px}
.rcg .h16 .ch2 .vsw{display:inline-grid;vertical-align:bottom}.rcg .h16 .ch2 .vsw>*{grid-area:1/1;white-space:nowrap}.rcg .h16 .ch2 .vsw .a{animation:pfhinta var(--t) step-end infinite}.rcg .h16 .ch2 .vsw .b{opacity:0;animation:pfhintb var(--t) ease-out infinite}
.rcg .h16 .ch2 .who{margin-left:auto;height:22px;padding:0 9px;border-radius:11px;background:var(--g-hi,#f3f4f6);font-size:8.5px;color:var(--g-mute,#6b7280);display:inline-flex;align-items:center;gap:4px}.rcg .h16 .ch2 .who b{font-size:8.5px;display:inline;color:var(--g-ink,#111318)}
.rcg .h16 .stage{position:absolute;left:60px;top:64px;width:680px;height:276px;box-shadow:0 20px 40px -24px rgba(0,0,0,.35)}
.rcg .h16 .stage .art{position:absolute;inset:0;--k:1.4}
.rcg .h16 .pin{position:absolute;width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--blue);border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);display:grid;place-items:center;z-index:4}.rcg .h16 .pin i{transform:rotate(45deg);font-style:normal;font-size:7.5px;font-weight:800;color:#fff}
.rcg .h16 .art .pin{left:calc(50% - 9px);bottom:calc(100% + 3px)}
.rcg .h16 .p1{opacity:0;animation:pfp1 var(--t) cubic-bezier(.2,1.4,.4,1) infinite}
@keyframes pfp1{0%,25.77%{opacity:0;transform:rotate(-45deg) scale(.3)}26.48%,74.62%{opacity:1;transform:rotate(-45deg) scale(1)}74.62%,100%{opacity:0}}
.rcg .h16 .p2{background:var(--grn);opacity:0;animation:pfp2 var(--t) ease-out infinite}.rcg .h16 .p2 svg{width:9px;height:9px;fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(45deg)}
@keyframes pfp2{0%,76.93%{opacity:0}77.66%,100%{opacity:1}}
.rcg .h16 .pop{left:calc(50% + 26px);top:calc(44% + 4px);width:232px;padding:9px 11px 10px;opacity:0;animation:pfpop var(--t) ease-out infinite}
@keyframes pfpop{0%,26.54%{opacity:0;transform:translateY(5px)}27.33%,36.93%{opacity:1;transform:none}37.57%,100%{opacity:0}}
.rcg .h16 .pop .ph{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--g-mute,#6b7280)}.rcg .h16 .pop .ph i{width:16px;height:16px;border-radius:50%;background:var(--g-hi,#f3f4f6);color:var(--g-ink2,#3a3f4b);font-style:normal;font-size:7.5px;font-weight:700;display:grid;place-items:center}.rcg .h16 .pop .ph b{color:var(--g-ink,#111318);font-weight:700}
.rcg .h16 .pop .ty{margin:7px 0 8px;min-height:26px;border:1px solid var(--g-line,#e6e8ed);border-radius:6px;padding:5px 7px;font-size:9px;line-height:1.35}.rcg .h16 .pop .ty span{display:block;white-space:nowrap;overflow:hidden;max-width:0}
.rcg .h16 .pop .ty .t1{animation:pfty1 var(--t) steps(34) infinite}.rcg .h16 .pop .ty .t2{animation:pfty2 var(--t) steps(34) infinite}
@keyframes pfty1{0%,26.92%{max-width:0}31.14%,100%{max-width:100%}}@keyframes pfty2{0%,31.14%{max-width:0}35.39%,100%{max-width:100%}}
.rcg .h16 .pop .pf{display:flex;justify-content:flex-end;gap:6px}.rcg .h16 .pop .btn{height:22px;font-size:9px}.rcg .h16 .pop .post{animation:pfpost var(--t) step-end infinite}@keyframes pfpost{0%,36.93%{filter:none}36.93%,37.57%{filter:brightness(.8)}37.58%,100%{filter:none}}
.rcg .h16 .apr{position:absolute;right:12px;top:12px;height:26px;padding:0 10px 0 6px;border-radius:13px;background:var(--grn);color:#fff;display:flex;align-items:center;gap:6px;opacity:0;animation:pfapr var(--t) cubic-bezier(.2,1.3,.4,1) infinite;z-index:5;box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
.rcg .h16 .apr .ok{width:16px;height:16px;border-radius:50%;background:#fff;display:grid;place-items:center}.rcg .h16 .apr .ok svg{width:9px;height:9px;fill:none;stroke:var(--grn);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.rcg .h16 .apr b{font-size:9.5px;font-weight:700}.rcg .h16 .apr small{font-size:8.5px;opacity:.85}
@keyframes pfapr{0%,83.46%{opacity:0;transform:scale(.7)}84.43%,100%{opacity:1;transform:none}}
.rcg .h16 .cb{position:absolute;left:0;right:0;bottom:0;height:60px;border-top:1px solid var(--g-line,#e6e8ed);background:var(--g-bg,#fff);display:flex;align-items:center;padding:0 22px;gap:10px;font-size:9.5px;color:var(--g-mute,#6b7280)}
.rcg .h16 .cb .hint{display:inline-grid}.rcg .h16 .cb .hint>*{grid-area:1/1;white-space:nowrap}.rcg .h16 .cb .hint .a{animation:pfhinta var(--t) step-end infinite}.rcg .h16 .cb .hint .b{opacity:0;animation:pfhintb var(--t) ease-out infinite;color:var(--grn);font-weight:600}
@keyframes pfhinta{0%,74.62%{opacity:1}74.62%,100%{opacity:0}}@keyframes pfhintb{0%,76.93%{opacity:0;transform:translateY(4px)}78%,100%{opacity:1;transform:none}}
.rcg .h16 .cb .acts2{margin-left:auto;display:flex;gap:8px}.rcg .h16 .cb .btn{height:28px;font-size:10px}
.rcg .h16 .cb .rq{display:inline-grid;animation:pfrq var(--t) step-end infinite}.rcg .h16 .cb .rq>*{grid-area:1/1;white-space:nowrap}.rcg .h16 .cb .rq .a{animation:pfrqa var(--t) step-end infinite}.rcg .h16 .cb .rq .b{opacity:0;animation:pfrqb var(--t) step-end infinite}
@keyframes pfrq{0%,56.15%{border-color:var(--g-line,#e6e8ed);background:var(--g-bg,#fff);color:var(--g-ink2,#3a3f4b)}56.16%,74.62%{border-color:var(--g-oline,#fde68a);background:var(--g-otint,#fffbeb);color:var(--org)}74.62%,100%{border-color:var(--g-line,#e6e8ed);background:var(--g-bg,#fff);color:var(--g-ink2,#3a3f4b)}}
@keyframes pfrqa{0%,56.15%{opacity:1}56.16%,74.62%{opacity:0}74.62%,100%{opacity:1}}@keyframes pfrqb{0%,56.15%{opacity:0}56.16%,74.62%{opacity:1}74.62%,100%{opacity:0}}
.rcg .h16 .cb .ap{display:inline-grid;animation:pfap var(--t) step-end infinite}.rcg .h16 .cb .ap>*{grid-area:1/1;white-space:nowrap}.rcg .h16 .cb .ap .b{opacity:0;animation:pfapb var(--t) step-end infinite}.rcg .h16 .cb .ap .a{animation:pfapa var(--t) step-end infinite}
@keyframes pfap{0%,83.46%{background:var(--blue);border-color:var(--blue)}83.47%,100%{background:var(--grn);border-color:var(--grn)}}
@keyframes pfapa{0%,83.46%{opacity:1}83.47%,100%{opacity:0}}@keyframes pfapb{0%,83.46%{opacity:0}83.47%,100%{opacity:1}}
.rcg .h16 .box{position:absolute;left:220px;top:148px;width:0;height:0;border:1.5px solid var(--blue);background:rgba(27,100,243,.12);border-radius:3px;z-index:4;opacity:0;animation:pfbox var(--t) linear infinite}
@keyframes pfbox{0%,41.15%{opacity:0;width:0;height:0}41.5%{opacity:1}44.62%,74.61%{width:240px;height:42px;opacity:1}74.62%,100%{opacity:0;width:240px;height:42px}}
.rcg .h16 .box i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:4px;background:var(--blue);border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3);display:grid;place-items:center;font-style:normal;font-size:7.5px;font-weight:800;color:#fff;opacity:0;animation:pfbox2 var(--t) cubic-bezier(.2,1.4,.4,1) infinite}
@keyframes pfbox2{0%,45%{opacity:0;transform:scale(.3)}45.8%,100%{opacity:1;transform:none}}
.rcg .h16 .pop.pop2{left:470px;top:150px;width:206px;animation:pfpop2 var(--t) ease-out infinite}
@keyframes pfpop2{0%,45.38%{opacity:0;transform:translateY(5px)}46.15%,51.92%{opacity:1;transform:none}52.69%,100%{opacity:0}}
.rcg .h16 .pop2 .ph i{border-radius:4px;background:var(--blue);color:#fff}.rcg .h16 .pop2 .ty{min-height:0}.rcg .h16 .pop .ty .t3{animation:pfty3 var(--t) steps(30) infinite}@keyframes pfty3{0%,46.15%{max-width:0}50%,100%{max-width:100%}}
.rcg .h16 .pop2 .post{animation:pfpost2 var(--t) step-end infinite}@keyframes pfpost2{0%,51.92%{filter:none}51.93%,52.69%{filter:brightness(.8)}52.7%,100%{filter:none}}
.rcg .h16 .cm .ch.c2{margin-top:5px;padding-top:5px;border-top:1px solid var(--g-line,#e6e8ed)}.rcg .h16 .cm .ch i.ar{border-radius:3px}
/* toasts + cursor */
.rcg .h16 .toast{right:auto;left:22px;bottom:18px}
.rcg .h16 .toast.tA{animation:pft1 var(--t) ease-out infinite}.rcg .h16 .toast.tB{animation:pft2 var(--t) ease-out infinite}.rcg .h16 .toast.tC{animation:pft3 var(--t) ease-out infinite}
@keyframes pft1{0%,15.38%{opacity:0;transform:translateY(8px)}16.08%,18.11%{opacity:1;transform:none}18.78%,100%{opacity:0}}
@keyframes pft2{0%,70.77%{opacity:0;transform:translateY(8px)}71.48%,74.02%{opacity:1;transform:none}74.7%,100%{opacity:0}}
@keyframes pft3{0%,90%{opacity:0;transform:translateY(8px)}90.69%,97.04%{opacity:1;transform:none}97.72%,100%{opacity:0}}
.rcg .h16 .cur{animation:pfcur var(--t) cubic-bezier(.3,.7,.3,1) infinite}
@keyframes pfcur{0%{left:300px;top:300px;opacity:0;transform:none}2.31%{left:300px;top:300px;opacity:1}4.61%{left:274px;top:190px;transform:none}5.38%{transform:scale(.8)}5.75%{transform:none}10.77%{left:274px;top:190px}14.61%{left:612px;top:116px}15%{transform:scale(.8)}15.4%{transform:none}18.46%{left:612px;top:116px;opacity:1}19.04%{opacity:0}20.77%{left:300px;top:300px;opacity:0}21.58%{opacity:1}25.38%{left:400px;top:185px}25.77%{transform:scale(.8)}26.15%{transform:none}35.96%{left:400px;top:185px}36.64%{left:596px;top:264px}36.93%{transform:scale(.8)}37.32%{transform:none}40.77%{left:280px;top:212px}41.15%{transform:scale(.8)}44.62%{left:520px;top:254px;transform:scale(.8)}45%{transform:none}49.62%{left:520px;top:254px}51.54%{left:685px;top:286px}51.92%{transform:scale(.8)}52.4%{transform:none}53.46%{left:685px;top:286px}48.18%{left:632px;top:420px}56.51%{transform:scale(.8)}56.85%{transform:none}57.69%{left:632px;top:420px;opacity:1}58.12%{opacity:0}60%{left:300px;top:300px;opacity:0}60.65%{opacity:1}65.38%{left:612px;top:137px}65.77%{transform:scale(.8)}66.15%{transform:none}74.19%{left:612px;top:137px;opacity:1}74.62%{opacity:0}76.93%{left:400px;top:300px;opacity:0}77.58%{opacity:1}83.08%{left:735px;top:420px}83.46%{transform:scale(.8)}83.84%{transform:none}86.46%{left:735px;top:420px;opacity:1}86.93%{opacity:0}89.23%{left:300px;top:300px;opacity:0}89.85%{opacity:1}100%{left:300px;top:300px;opacity:1}}