.style-video[data-v-df0ee25f]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:100%}.mobile-container[data-v-df0ee25f]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.img-no-longpress[data-v-df0ee25f],img[data-v-df0ee25f],video[data-v-df0ee25f]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:auto}.img-no-longpress[data-v-df0ee25f]{-webkit-user-drag:none;touch-action:manipulation}.bg-mask[data-v-df0ee25f]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));transition:height .3s}.bg-mask-bg[data-v-df0ee25f]{background:linear-gradient(0deg,rgba(0,0,0,.25),transparent)}.text-generate-similar[data-v-df0ee25f]{font-size:14px;font-weight:700;line-height:20px}.text-generate-similar[data-v-df0ee25f],.text-user-name[data-v-df0ee25f]{color:var(--button-primary-text-default);text-align:center}.text-user-name[data-v-df0ee25f]{font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button[data-v-df0ee25f]{background:var(--color-foreground-static-black-senary)}.icon-button[data-v-df0ee25f]:hover{background:var(--color-foreground-static-black-quinary)}.icon-button[data-v-df0ee25f]:active{background:var(--color-foreground-static-black-quaternary)}.fade-enter-active[data-v-df0ee25f],.fade-leave-active[data-v-df0ee25f]{transition:opacity .3s ease}.fade-enter-from[data-v-df0ee25f],.fade-leave-to[data-v-df0ee25f]{opacity:0}.fade-enter-to[data-v-df0ee25f],.fade-leave-from[data-v-df0ee25f]{opacity:1}.create-btn[data-v-df0ee25f]{align-items:center;border-radius:0 0 4px 4px;cursor:pointer;display:flex;height:0;margin-top:-1px;overflow:hidden;padding:0 8px;position:relative;transition:height .3s ease;z-index:-1}.create-btn-inner[data-v-df0ee25f]{flex-direction:column;gap:8px}.group:hover .create-btn[data-v-df0ee25f]{height:48px}.group:hover .create-btn-inner[data-v-df0ee25f]{height:80px}.template-box[data-v-87d7fa7d]{position:relative}.zone-detail-description[data-v-87d7fa7d]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;line-clamp:10;max-height:15.5rem;overflow:hidden;word-break:break-word}.template-box-swiper[data-v-87d7fa7d]{width:100%}.template-box__item[data-v-87d7fa7d]{align-items:stretch;display:flex;height:355px;min-width:80px;width:var(--template-card-width,320px)}.template-card[data-v-87d7fa7d]{align-items:center;border-radius:16px;display:flex;height:100%;justify-content:center;position:relative;width:100%}.template-image[data-v-87d7fa7d]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.template-title[data-v-87d7fa7d]{align-items:center;color:#ffffffe0;display:flex;font-size:14px;font-weight:500;padding:0 4px;width:100%}.template-zone-controls[data-v-87d7fa7d]{align-items:center;bottom:50px;display:flex;gap:12px;justify-content:space-between;position:absolute;right:24px}.swiper[data-v-87d7fa7d]{padding-bottom:3rem}.template-box-swiper-mobile[data-v-87d7fa7d]{padding-bottom:2rem}.template-zone-controls .swiper-button-next[data-v-87d7fa7d],.template-zone-controls .swiper-button-prev[data-v-87d7fa7d]{align-items:center;background:var(--color-foreground-normalcy-quaternary);border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;left:0;position:relative;transform:translateY(50%);width:28px}.template-zone-controls .swiper-button-next[data-v-87d7fa7d]:after,.template-zone-controls .swiper-button-prev[data-v-87d7fa7d]:after{color:var(--color-foreground-normalcy-nonenary);font-size:12px;font-weight:700}.template-box[data-v-87d7fa7d] .swiper-pagination-progressbar{background:var(--color-text-dynamic-white-quinary);border-radius:9999px;height:4px;margin:26px auto 0;overflow:hidden;position:static;width:var(--template-zone-progress-width,208px)}.template-box[data-v-87d7fa7d] .swiper-pagination-progressbar-fill{background:var(--color-text-dynamic-white-secondary);border-radius:inherit;transform-origin:left center}.waterfall-item[data-v-87d7fa7d]{-moz-column-break-inside:avoid;border-radius:16px;break-inside:avoid;margin-bottom:16px;overflow:hidden}.waterfall-image[data-v-87d7fa7d]{border-radius:16px;display:block;width:100%}@media screen and (max-width:768px){.template-zone-controls[data-v-87d7fa7d],.template-box[data-v-87d7fa7d] .swiper-pagination-progressbar{display:none!important}}