.generation-media-header[data-v-ddf42c80]{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.generation-card[data-v-ddf42c80]{min-width:0;align-self:start}.generation-media[data-v-ddf42c80]{position:relative;aspect-ratio:9/16;--card-radius:14px;border-radius:var(--card-radius);clip-path:inset(0 round var(--card-radius));overflow:hidden;background:#101418;isolation:isolate}.generation-open[data-v-ddf42c80]{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;border-radius:inherit}.generation-open video[data-v-ddf42c80]{position:relative;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#101418}.generation-open:has(.generation-cover[data-media-state=ready],.generation-cover[data-media-state=error])>.media-placeholder[data-v-ddf42c80],.generation-open.has-frame>.media-placeholder[data-v-ddf42c80],.generation-open.media-failed>.media-placeholder[data-v-ddf42c80]{opacity:0;animation:none}.generation-cover-placeholder[data-v-ddf42c80]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;color:var(--muted);text-align:center}.generation-cover-placeholder strong[data-v-ddf42c80]{font-size:16px}.generation-cover[data-v-ddf42c80]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.generation-frozen-frame[data-v-ddf42c80]{background:#101418}.generation-play-cue[data-v-ddf42c80],.generation-preview-loading[data-v-ddf42c80]{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.generation-preview-spinner[data-v-ddf42c80]{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#10141870;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.generation-preview-spinner>svg[data-v-ddf42c80]{animation:preview-spinner-turn-ddf42c80 .85s linear infinite}@keyframes preview-spinner-turn-ddf42c80{to{transform:rotate(360deg)}}.generation-overlay[data-v-ddf42c80]{position:absolute;inset:auto 0 0;padding:64px 18px 18px;background:linear-gradient(transparent,#000000d9);color:#fff;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s;pointer-events:none;max-height:100%;overflow-y:auto}.generation-media:hover .generation-overlay[data-v-ddf42c80],.generation-media:focus-within .generation-overlay[data-v-ddf42c80]{opacity:1;transform:none}.generation-overlay.actions-only[data-v-ddf42c80]{opacity:1;transform:none;padding:32px 12px 12px;overflow:visible;background:linear-gradient(transparent,#0006)}.generation-overlay.has-footer[data-v-ddf42c80]{opacity:1;transform:none;padding:40px 14px 12px}.has-footer .generation-details[data-v-ddf42c80]{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .18s,opacity .18s,visibility .18s}.has-footer .generation-details-inner[data-v-ddf42c80]{min-height:0;overflow:hidden}.generation-media:hover .has-footer .generation-details[data-v-ddf42c80],.generation-media:focus-within .has-footer .generation-details[data-v-ddf42c80]{grid-template-rows:1fr;opacity:1;visibility:visible}.generation-media-footer[data-v-ddf42c80]{position:relative;max-height:160px;overflow-y:auto;pointer-events:auto}.generation-media:hover .has-footer .generation-media-footer[data-v-ddf42c80],.generation-media:focus-within .has-footer .generation-media-footer[data-v-ddf42c80]{margin-top:10px}.generation-template-link[data-v-ddf42c80]{pointer-events:auto;text-decoration:none}.generation-overlay h3[data-v-ddf42c80]{font-size:17px;line-height:1.4;overflow-wrap:anywhere}.generation-overlay p[data-v-ddf42c80]{font-size:13px;line-height:1.6;margin:7px 0 0;color:#ffffffe0;white-space:pre-line;overflow-wrap:anywhere}.generation-download[data-v-ddf42c80]{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 13px;border:1px solid #ffffff70;border-radius:7px;background:#ffffff20;color:#fff;font-size:13px;font-weight:600;pointer-events:auto}.generation-download[data-v-ddf42c80]:hover{background:#ffffff40}.generation-action[data-v-ddf42c80]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:14px;padding:11px 12px;border:0;border-radius:10px;background:var(--accent,#fb9c56);color:#24160d;font-size:13px;font-weight:650;line-height:1.35;cursor:pointer;pointer-events:auto;transition:background .16s}.generation-action>span[data-v-ddf42c80]{flex:1;min-width:0;text-align:center}.generation-action>svg[data-v-ddf42c80]{flex-shrink:0;transition:transform .16s}.generation-action[data-v-ddf42c80]:hover{background:var(--accent-hover,#ffaf74)}.generation-action:hover>svg[data-v-ddf42c80]{transform:translate(2px)}.generation-error[data-v-ddf42c80]{margin:10px 0 0}@media(hover:none){.generation-overlay[data-v-ddf42c80]{opacity:1;transform:none;padding:40px 12px 12px}.generation-overlay h3[data-v-ddf42c80]{font-size:14px}.generation-overlay p[data-v-ddf42c80]{font-size:12px;max-height:5em;overflow:auto;pointer-events:auto}.generation-download[data-v-ddf42c80]{margin-top:10px;padding:8px 10px}.generation-action[data-v-ddf42c80]{margin-top:10px}}@media(hover:none){.has-footer .generation-details[data-v-ddf42c80]{grid-template-rows:1fr;opacity:1;visibility:visible}.has-footer .generation-media-footer[data-v-ddf42c80]{margin-top:10px}}@media(max-width:700px),(hover:none){.hide-mobile-play .generation-play-cue[data-v-ddf42c80]{display:none}.generation-overlay.actions-only[data-v-ddf42c80]{padding:26px 8px 8px}}@media(max-width:700px){.generation-preview-spinner[data-v-ddf42c80]{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.generation-overlay[data-v-ddf42c80],.has-footer .generation-details[data-v-ddf42c80],.generation-action[data-v-ddf42c80],.generation-action>svg[data-v-ddf42c80]{transition:none}.generation-preview-spinner>svg[data-v-ddf42c80]{animation:none}}