.vid-card{aspect-ratio:4/3;width:100%;box-shadow:var(--shadow-soft);cursor:default;transition:transform .2s var(--ease);background:#000;border-radius:14px;position:relative;overflow:hidden}.vid-card[data-status=done],.vid-card[data-status=fail]{cursor:pointer}.vid-card:hover{transform:translateY(-3px)}.vid-card:hover .vc-actions{opacity:1}.vid-card--tile{aspect-ratio:4/3}.vid-card__media{background:radial-gradient(#ffffff05,#0000 70%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vid-card__media video,.vid-card__media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.vid-card__bg{width:100%;height:100%;position:absolute;inset:0}.vc-dur{font-family:var(--font-mono);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#0000008c;border-radius:5px;padding:3px 7px;font-size:10px;position:absolute;top:10px;left:10px}.vc-status{text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;border-radius:5px;padding:3px 8px;font-size:8px;font-weight:700;position:absolute;top:10px;right:10px}.vc-status.s-done{color:#fff;background:#22c55ecc}.vc-status.s-fail{color:#fff;background:#e53030cc}.vc-status.s-processing{color:#1a1a1a;background:#eab308cc}.vc-status.s-queued{color:#1a1a1a;background:#eab30899}.vc-overlay{color:#fff;z-index:1;pointer-events:none;background:linear-gradient(#0000,#000000c7);padding:10px 12px;position:absolute;bottom:0;left:0;right:0}.vc-overlay .vo-model{text-transform:uppercase;letter-spacing:.1em;color:var(--accent,#a98fff);font-size:9px;font-weight:400;font-family:var(--font-mono)}.vc-overlay .vo-spec{color:#ffffff80;font-size:9px;font-family:var(--font-mono);margin-top:2px}.vc-overlay .vo-prompt{color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-family:var(--font-serif);margin-top:3px;font-style:italic;overflow:hidden}.vc-actions{opacity:0;transition:opacity .18s var(--ease);z-index:3;background:#00000059;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.vc-act-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:38px;height:38px;transition:background var(--t-hover,.16s) var(--ease,ease);color:#fff;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.vc-act-btn:hover{background:#000000d1}.vc-act-btn:disabled{opacity:.5;cursor:wait}.vc-act-btn svg{width:14px;height:14px}.vc-skeleton{background:linear-gradient(100deg, color-mix(in srgb, var(--paper,#0b0b14) 78%, transparent) 0%, color-mix(in srgb, var(--paper,#0b0b14) 62%, transparent) 40%, color-mix(in srgb, var(--rust,#7c5cff) 12%, var(--paper,#0b0b14)) 50%, color-mix(in srgb, var(--paper,#0b0b14) 62%, transparent) 60%, color-mix(in srgb, var(--paper,#0b0b14) 78%, transparent) 100%);z-index:1;background-size:220% 100%;animation:1.8s linear infinite vc-shimmer;position:absolute;inset:0}.vc-skeleton__dot{background:var(--rust,#7c5cff);width:10px;height:10px;box-shadow:0 0 22px 6px color-mix(in srgb, var(--rust,#7c5cff) 60%, transparent);border-radius:50%;animation:1.4s ease-in-out infinite vc-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vc-shimmer{0%{background-position:200% 0}to{background-position:-120% 0}}@keyframes vc-pulse{0%,to{opacity:.45;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.25)}}.vc-player-backdrop{z-index:9000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.vc-player-box{width:100%;max-width:1040px;position:relative}.vc-player-close{color:#ffffffb3;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:11px;position:absolute;top:-36px;right:0}.vc-player-close:hover{color:#fff}.vc-player-media{object-fit:contain;background:#000;border-radius:10px;width:100%;max-height:80vh;display:block}.vc-player-caption{color:#ffffffd9;max-width:780px;margin-top:14px;font-size:13px;line-height:1.5}.vc-player-meta{color:#ffffff73;font-family:var(--font-mono);margin-top:4px;font-size:11px}.vc-info-card{background:#0e0e0e;border:1px solid #ffffff1f;border-radius:12px;max-width:520px;padding:18px 20px;box-shadow:0 24px 48px #0009}.vc-info-card h4{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#ffffff80;margin:0 0 8px;font-size:10px;font-weight:500}.vc-info-card__prompt{color:#ffffffeb;margin:0 0 14px;font-size:14px;line-height:1.55}.vc-info-card__meta{font-family:var(--font-mono);grid-template-columns:auto 1fr;gap:6px 14px;font-size:11px;display:grid}.vc-info-card__meta dt{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em}.vc-info-card__meta dd{color:#ffffffe0;margin:0}.vc-error-reason{color:#ffffffe6;font-size:12px;line-height:1.5;font-family:var(--font-mono);white-space:pre-wrap;background:#e530302e;border:1px solid #e5303066;border-radius:8px;max-height:240px;margin-top:10px;padding:10px 12px;overflow-y:auto}@keyframes vc-spin{to{transform:rotate(360deg)}}.vc-spinner{border:2px solid #ffffffbf;border-top-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite vc-spin}