.client-operations{container-type:inline-size}.client-operations li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:108px;padding:14px 18px;border-radius:18px}.client-op-copy{min-width:0}.client-op-copy b{overflow-wrap:anywhere;line-height:1.4}.client-operations .workshop-art{display:block;position:relative;overflow:hidden;width:92px;height:92px;flex-shrink:0;border-radius:14px;background:transparent;line-height:0}.client-operations .workshop-art img{position:absolute;width:200%;height:200%;max-width:none;left:0;top:0;object-fit:cover}.workshop-art.state-waiting{opacity:.5;filter:saturate(.3)}.workshop-art.state-done{opacity:1;filter:saturate(1.04)}.workshop-art.state-done img{left:-100%;top:-100%}.client-operations .workshop-art.state-working{width:120px;height:120px;opacity:1}.client-operations .art-working{background:#f0f6e9;border-color:#a5bb8b}.workshop-art.state-working img{left:-100%;top:0;animation:workshop-stroke 1.2s steps(1,end) infinite}@keyframes workshop-stroke{0%,100%{left:-100%;top:0}50%{left:0;top:-100%}}@container(max-width:600px){.client-operations li{grid-template-columns:16px minmax(0,1fr) auto;gap:9px;padding:12px;min-height:88px}.client-operations .workshop-art{width:72px;height:72px;border-radius:10px}.client-operations .workshop-art.state-working{width:92px;height:92px}.client-op-copy b{font-size:.94rem}.client-operations .client-op-copy small{font-size:.78rem;line-height:1.4}}@media(max-width:600px){.client-operations li{grid-template-columns:16px minmax(0,1fr) auto;gap:9px;padding:12px}.client-operations .workshop-art{width:72px;height:72px}.client-operations .workshop-art.state-working{width:92px;height:92px}.client-op-copy b{font-size:.94rem}.client-operations .client-op-copy small{font-size:.78rem;line-height:1.4}}@media(prefers-reduced-motion:reduce){.workshop-art.state-working img{animation:none}}