/* An interactive miniature of the published canvas in the editor. */
.preview-frame { overflow: hidden; }
.preview-frame > .preview-grid { display: none; }
.creator-canvas-board { position: absolute; inset: 66px 0 42px; overflow: hidden; touch-action: none; cursor: grab; user-select: none; }
.creator-canvas-board.is-dragging { cursor: grabbing; }
.creator-canvas-card { position: absolute; top: 0; left: 0; display: block; padding: 0; margin: 0; border: 0; background: transparent; overflow: hidden; will-change: transform; cursor: pointer; transition:transform .28s cubic-bezier(.2,.7,.2,1); }
.creator-canvas-board.is-dragging .creator-canvas-card { transition: none; }
.creator-canvas-card.is-hovered { z-index: 2; }
.creator-canvas-card img, .creator-canvas-card video { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.creator-canvas-pending { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 6px 6px; font-size: 8px; font-weight: 700; letter-spacing: .04em; color: #fff; background: linear-gradient(transparent, #0008); }
.preview-frame > .preview-empty { pointer-events: none; }
.preview-frame > .preview-footer { position: absolute; bottom: 0; left: 0; right: 0; }
@media (prefers-reduced-motion: reduce) { .creator-canvas-card { will-change: auto; transition: none; } }