AI 영상 변형 제작

<div class="s-demo"><div class="av"><div class="av-source">SOURCE IDEA</div><div class="av-options"><div><b>A</b><small>DEMO</small></div><div><b>B</b><small>STORY</small></div><div><b>C</b><small>COMPARE</small></div></div><div class="av-review">HUMAN REVIEW <span>→ SELECT</span></div></div></div>

.s-demo{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(8px,3vmin,20px);font:700 clamp(10px,max(2.8vmin,1vw),16px)/1.25 sans-serif;color:var(--fg)}.s-demo *{box-sizing:border-box}@media(min-width:600px){.s-demo>div{transform:scale(1.4)}}.av{width:min(92vw,570px);text-align:center}.av-source{display:inline-block;background:var(--fg);color:var(--bg);padding:clamp(5px,1.5vmin,11px) clamp(15px,4vmin,30px);font-weight:900}.av-options{display:flex;justify-content:center;gap:clamp(5px,2vmin,15px);margin:clamp(10px,3vmin,25px) 0}.av-options div{width:clamp(65px,20vmin,130px);height:clamp(85px,27vmin,175px);display:grid;place-content:center;background:var(--surface);border:2px solid var(--line);animation:avvariant 4s infinite}.av-options div:nth-child(2){animation-delay:.2s}.av-options div:nth-child(3){animation-delay:.4s}.av-options b{font-size:clamp(22px,7vmin,44px);color:var(--accent)}.av-options small{font-size:clamp(10px,max(2vmin,1vw),14px)}.av-review{display:inline-block;padding:clamp(5px,1.5vmin,10px);background:var(--accent-2);color:#211b19;font-size:clamp(10px,max(2.1vmin,1vw),14px);font-weight:900}.av-review span{color:var(--accent)}@keyframes avvariant{0%,15%{opacity:.35;transform:scale(.9)}40%,85%{opacity:1;transform:scale(1)}100%{opacity:.35;transform:scale(.9)}}