/* Shared video geometry keeps the editor and storefront crop identical. */
:is(.category-card,.shania-video-preview) .shania-cropped-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:var(--cv-fit,cover);object-position:50% 50%;transform:translate(var(--cv-x,0%),var(--cv-y,0%)) scale(var(--cv-zoom,1));transform-origin:50% 50%;pointer-events:none}
.shania-video-editor{max-width:560px;margin-top:18px;padding:16px;border:1px solid #dcdcde;border-radius:6px;background:#fff}
.shania-video-editor[hidden]{display:none}
.shania-video-preview{position:relative;width:100%;max-width:270px;aspect-ratio:3/4;overflow:hidden;background:#181818;touch-action:none;cursor:grab}
.shania-video-preview.is-dragging{cursor:grabbing}
.shania-video-preview-caption{position:absolute;inset:auto 0 0;padding:22px 16px 14px;color:#fff;background:linear-gradient(transparent,#0009);font-size:22px;pointer-events:none}
.shania-video-adjust{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:6px 12px;margin:15px 0}
.shania-video-adjust label{grid-column:1/-1}
.shania-video-adjust input[type=range]{width:100%;margin:0}
.shania-video-adjust input[type=number]{width:82px!important;min-width:0}
.shania-video-fit{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.shania-video-seek-label{display:block;margin-top:16px}
.shania-video-seek{display:block;width:100%!important}
.shania-category-video-error{color:#b32d2e}
.category-card:has(.shania-cropped-video){background:#181818}
.shania-category-tile.is-video-playing .category-card:has(.shania-cropped-video)>img{opacity:0}