.media-generation-placeholder{--generation-placeholder-surface:var(--iw-soft,#eceee9);--generation-placeholder-ink:var(--iw-muted,#62695f);width:100%;min-width:0}
.media-generation-placeholder-frames{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px;width:100%;min-width:0}
.media-generation-placeholder-frame{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;flex:0 1 auto;box-sizing:border-box;width:min(100%,480px,calc(320px * var(--generation-placeholder-aspect,1)));aspect-ratio:var(--generation-placeholder-aspect,1);border-radius:8px;background:var(--generation-placeholder-surface)}
.media-generation-placeholder[data-kind=image]:not([data-count="1"]) .media-generation-placeholder-frame{width:min(calc((100% - 2px)/2),480px,calc(320px * var(--generation-placeholder-aspect,1)))}
.media-generation-placeholder-light{position:absolute;inset:-35%;display:block;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.16) 41%,rgba(255,255,255,.68) 50%,rgba(255,255,255,.16) 59%,transparent 70%);transform:translateX(-100%);animation:media-generation-light 2.8s ease-in-out infinite}
.media-generation-placeholder-label{position:relative;z-index:1;margin:0;padding:12px;text-align:center;color:var(--generation-placeholder-ink);line-height:1.5}
@keyframes media-generation-light{0%,12%{transform:translateX(-100%)}88%,100%{transform:translateX(100%)}}
@media(max-width:600px){.media-generation-placeholder[data-kind=image]:not([data-count="1"]) .media-generation-placeholder-frame{width:min(100%,480px,calc(320px * var(--generation-placeholder-aspect,1)))}}
@media(prefers-reduced-motion:reduce){.media-generation-placeholder-light{animation:none;transform:none;opacity:.35}}
@media(forced-colors:active){.media-generation-placeholder-frame{border:1px solid CanvasText}.media-generation-placeholder-light{display:none}}