@keyframes of-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.of-rise{animation:of-rise-in .7s cubic-bezier(.2,.7,.2,1) both}.of-stage{display:grid;grid-template-columns:minmax(0,.62fr) auto minmax(0,1fr);align-items:center;gap:18px;animation:of-rise-in .8s cubic-bezier(.2,.7,.2,1) .12s both}.of-stage figure{margin:0}.of-stage-frame{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:var(--cm-r-lg);border:1px solid var(--cm-line-soft);background:var(--cm-bg-2)}.of-stage-frame img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .7s ease,transform 1.6s ease}.of-stage-frame img.is-on{opacity:1;transform:none}.of-stage figcaption{margin-top:10px;font-size:14px;color:var(--cm-fg-dim)}.of-stage figcaption strong{color:var(--cm-fg);font-weight:600}.of-stage-arrow{font-size:22px;color:var(--cm-accent)}.of-proof{margin:0}.of-proof>img{display:block;width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border-radius:var(--cm-r-lg);border:1px solid var(--cm-line-soft)}.of-proof figcaption{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:14px;color:var(--cm-fg-dim)}.of-proof figcaption img{width:36px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.of-rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.of-rack-item{display:flex;flex-direction:column;gap:4px;color:var(--cm-fg);text-decoration:none}.of-rack-item img{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border-radius:var(--cm-r-lg);transition:transform .25s ease}.of-rack-item span{margin-top:6px;font-size:15px;font-weight:600}.of-rack-item em{font-style:normal;font-size:13px;color:var(--cm-muted);transition:color .2s ease}.of-rack-item:focus-visible img,.of-rack-item:hover img{transform:translateY(-4px)}.of-rack-item:focus-visible em,.of-rack-item:hover em{color:var(--cm-accent)}.crg-preview.ofg-preview:not(:has(img)):not(:has(video)){width:100%;aspect-ratio:9/16}.ofg-result{display:block;width:auto;height:auto;max-width:100%;max-height:560px;-o-object-fit:contain;object-fit:contain;background:#000}.ofg-motions{display:flex;flex-wrap:wrap;gap:6px}.ofg-motions button{padding:7px 13px;border:1px solid var(--cm-line);border-radius:99px;background:transparent;color:var(--cm-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.ofg-motions button.is-on{border-color:var(--cm-accent-bri);background:var(--cm-accent-soft);color:var(--cm-fg)}.ofg-motions button:disabled{opacity:.5;cursor:default}@media (max-width:960px){.of-rack{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.of-rack{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.of-rise,.of-stage{animation:none}.of-rack-item img,.of-stage-frame img{transition:none}}