.template-card[data-v-69cf1d1c]{background:linear-gradient(0deg,var(--primary-bg-color) 0,var(--primary-bg-color) 100%),#d3d3d3 50%/cover no-repeat;border-radius:14px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.template-card .card[data-v-69cf1d1c]{font-size:0;overflow:hidden;position:relative;width:100%}.template-card .card .card-image[data-v-69cf1d1c]{-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.template-card .card[data-v-69cf1d1c]:has(.image-placeholder){aspect-ratio:3/4}.template-card .image-placeholder[data-v-69cf1d1c]{align-items:center;background:var(--primary-bg-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.template-card .image-placeholder img[data-v-69cf1d1c]{height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.tmpl-name-bar[data-v-69cf1d1c]{background:linear-gradient(0deg,rgba(0,0,0,.01),transparent);bottom:0;left:0;padding:10px;right:0;z-index:12}.tmpl-name-bar[data-v-69cf1d1c],.tmpl-name-bar[data-v-69cf1d1c]:before{pointer-events:none;position:absolute}.tmpl-name-bar[data-v-69cf1d1c]:before{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);content:"";inset:0;mask:linear-gradient(180deg,transparent 0,#000);-webkit-mask:linear-gradient(180deg,transparent 0,#000)}.tmpl-name-bar span[data-v-69cf1d1c]{position:relative;z-index:1}.video-container[data-v-69cf1d1c]{align-items:center;cursor:pointer;display:flex;justify-content:center;inset:0;position:absolute;z-index:10}.video-container video[data-v-69cf1d1c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-button-overlay[data-v-69cf1d1c]{background:#0003;cursor:pointer;inset:0;position:absolute;z-index:15}.play-button-overlay[data-v-69cf1d1c],.play-button-overlay .play-button[data-v-69cf1d1c]{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.play-button-overlay .play-button[data-v-69cf1d1c]{background:#0009;border-radius:55px;font-size:40px;height:72px;width:72px}.play-button-overlay .play-button[data-v-69cf1d1c]:hover{transform:scale(1.01)}.bottom[data-v-69cf1d1c]{bottom:18px;position:absolute;z-index:16}.bottom .create-btn[data-v-69cf1d1c]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fd7f1166;border-radius:100px;color:var(--el-color-primary);font-size:20px;font-weight:500;padding:10px 14px}.bottom>.star[data-v-69cf1d1c]{color:#fff;cursor:pointer;font-size:20px}.bottom>.star .svg-icon[data-v-69cf1d1c]{color:#888;height:24px;width:24px}.generate-btn[data-v-69cf1d1c]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090a0a33;bottom:24px;cursor:pointer;left:50%;position:absolute;transform:translate(-50%);z-index:16}.generate-btn[data-v-69cf1d1c]:before{background:linear-gradient(135deg,#ffffffe6,#ffffff80 45%,#ffffff1f);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:.8px;pointer-events:none;position:absolute}@media only screen and (max-width:768px){.template-card[data-v-69cf1d1c]{border-radius:10px}.template-card .card[data-v-69cf1d1c]{pointer-events:none}.tmpl-name-bar[data-v-69cf1d1c]{padding:10px 6px 6px}}.masonry-grid[data-v-f0e3593c]{display:grid;gap:var(--masonry-gap,10px);grid-template-columns:repeat(6,1fr);width:100%}.masonry-grid-item[data-v-f0e3593c]{-moz-column-break-inside:avoid;break-inside:avoid}@media(max-width:1600px){.masonry-grid[data-v-f0e3593c]{grid-template-columns:repeat(5,1fr)}}@media(max-width:1400px){.masonry-grid[data-v-f0e3593c]{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.masonry-grid[data-v-f0e3593c]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.masonry-grid[data-v-f0e3593c]{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.masonry-grid[data-v-f0e3593c]{grid-template-columns:repeat(2,1fr)}}.masonry-layout[data-v-f0e3593c]{width:100%}.masonry-column[data-v-f0e3593c]{display:flex;flex-direction:column}.masonry-item[data-v-f0e3593c]{width:100%;-moz-column-break-inside:avoid;break-inside:avoid}