:root{--landing-panel:#141414;--landing-control:#313131;--landing-chip:#f1f1f1;--landing-match:#16a34a;--landing-card:#fff;--landing-image-placeholder:#e7eef7}.imageGenShell{aspect-ratio:578/406;background:var(--landing-card);border:1px solid #00000014;border-radius:28px;flex-direction:column;justify-content:center;width:100%;padding:36px 24px 34px;display:flex;position:relative;overflow:hidden}.imageGenMagnetic{z-index:2;justify-content:center;align-items:center;gap:12px;min-height:334px;display:flex;position:relative;overflow:visible}.imageGenBackdrop{z-index:1;cursor:default;background:0 0;border:0;position:absolute;inset:-28px}.imageGenItem{background-color:var(--landing-image-placeholder);cursor:pointer;appearance:none;will-change:width,height,filter,opacity;animation:.56s cubic-bezier(.22,1,.36,1) both imageGenReveal;animation-delay:calc(var(--image-gen-index)*70ms);background-position:50%;background-size:cover;border:0;border-radius:15px;flex:none;position:relative;overflow:hidden;box-shadow:0 24px 56px #00000057}.imageGenItemDefault{box-shadow:0 32px 74px #00000075}.imageGenItem:hover,.imageGenItem:focus-visible{outline:none;box-shadow:0 34px 80px #00000085}@keyframes imageGenReveal{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.imageGenShell{padding:28px 12px}.imageGenMagnetic{width:792px;min-height:250px;transform:scale(min(1,calc((100vw - 72px)/792px)));transform-origin:50%;align-self:center}}@media (min-width:641px) and (max-width:1023px){.imageGenMagnetic{width:792px;transform:scale(min(1,calc((100vw - 96px)/792px)));transform-origin:50%;align-self:center}}@media (prefers-reduced-motion:reduce){.imageGenItem{animation:none}}