.canvas-reference-hover-preview{z-index:var(--z-dialog-popover);max-width:calc(100vw - var(--space-4));border-radius:var(--r-xl);opacity:0;border:1px solid;transition:opacity .12s;position:fixed;overflow:hidden}.canvas-reference-hover-preview[data-visible=true]{opacity:1}.canvas-reference-hover-media{object-fit:contain;background:var(--muted);width:100%;height:100%;display:block}.canvas-reference-hover-frame{position:relative}.canvas-reference-hover-skeleton{z-index:1;background:var(--muted);position:absolute;inset:0}.canvas-reference-hover-fallback{height:min(var(--space-24), var(--canvas-reference-preview-available-height));justify-content:center;align-items:center;gap:var(--space-3);background:var(--muted);display:flex}.canvas-reference-hover-fallback svg{width:var(--space-8);height:var(--space-8)}.canvas-reference-hover-name{padding:var(--space-2) var(--space-3);font-size:var(--fs-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-reference-hover-preview audio{display:none}@media (prefers-reduced-motion:reduce){.canvas-reference-hover-preview{transition:none}}