.template-preview-overlay[data-v-5c5cb028]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:1000}.preview-container[data-v-5c5cb028]{background:#fff;border-radius:32px;box-shadow:0 50px 100px -20px #00000040;max-width:1200px;overflow:hidden;position:relative;width:100%}.preview-scroll-area[data-v-5c5cb028]{border-radius:32px;max-height:90vh;overflow-y:auto}.preview-scroll-area[data-v-5c5cb028]::-webkit-scrollbar{width:6px}.preview-scroll-area[data-v-5c5cb028]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.close-btn[data-v-5c5cb028]{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:24px;top:10px;transition:all .2s ease;width:40px;z-index:10}.close-btn[data-v-5c5cb028]:hover{background:#e2e8f0;transform:rotate(90deg)}.modal-body[data-v-5c5cb028]{padding:40px}.content-main[data-v-5c5cb028]{display:grid;gap:48px;grid-template-columns:1fr minmax(300px,400px);margin-bottom:64px}.image-section[data-v-5c5cb028]{min-width:0;position:relative}.image-section .featured-badge[data-v-5c5cb028]{background:#c1daff;border-radius:100px;color:#195aff;font-size:12px;font-weight:800;left:-10px;padding:10px 20px;pointer-events:none;position:absolute;top:-20px;transform:rotate(-5deg);z-index:5}.image-section .swiper-container[data-v-5c5cb028]{background:#f8fafc;border-radius:24px;box-shadow:0 10px 30px -5px #0000001a;overflow:hidden;position:relative}.image-section .mySwiper2[data-v-5c5cb028]{aspect-ratio:16/9;overflow:hidden;width:100%}.image-section .mySwiper2 .swiper-slide[data-v-5c5cb028]{background-color:#f1f5f9;background-image:url(../logo/logo.webp);background-position:50%;background-repeat:no-repeat;background-size:120px auto}.image-section .mySwiper2 .swiper-slide img[data-v-5c5cb028]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-section .swiper-next[data-v-5c5cb028],.image-section .swiper-prev[data-v-5c5cb028]{align-items:center;background-color:#292729cc;border:none;border-radius:50%;cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:2.5rem;z-index:1}.image-section .swiper-next[data-v-5c5cb028]:hover,.image-section .swiper-prev[data-v-5c5cb028]:hover{background-color:#292729}.image-section .swiper-next[data-v-5c5cb028]{right:0}.image-section .swiper-prev[data-v-5c5cb028]{left:0}.image-section .swiper-thumbs-wrapper[data-v-5c5cb028]{margin-top:15px;margin-inline:-4px;overflow:hidden;padding:4px}.image-section .mySwiper[data-v-5c5cb028]{overflow:visible;width:100%}.image-section .mySwiper .swiper-thumbs[data-v-5c5cb028]{aspect-ratio:16/9;background-color:#f1f5f9;background-image:url(../logo/logo.webp);background-position:50%;background-repeat:no-repeat;background-size:80px auto;border-radius:8px;cursor:pointer;overflow:hidden;padding:2px;transition:all .2s ease}.image-section .mySwiper .swiper-thumbs.swiper-slide-thumb-active[data-v-5c5cb028]{box-shadow:0 0 0 2px #2563eb;opacity:1}.image-section .mySwiper .swiper-thumbs img[data-v-5c5cb028]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.info-section[data-v-5c5cb028]{min-width:0}.info-section .template-title[data-v-5c5cb028]{color:#1a1c1c;font-size:2.5rem;font-weight:900;line-height:1.1;margin-bottom:24px}.info-section .meta-item[data-v-5c5cb028]{align-items:center;color:#000;display:flex;font-weight:600;gap:12px;margin-bottom:32px}.info-section .author-box[data-v-5c5cb028]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}.info-section .author-box .avatar-circle[data-v-5c5cb028]{background:#ffd1d1;border-radius:50%;flex-shrink:0;height:40px;width:40px}.info-section .author-box .author-name[data-v-5c5cb028]{color:#000;font-weight:600}.info-section .author-box .author-name .highlight[data-v-5c5cb028]{cursor:pointer;margin-inline-start:6px;text-decoration:underline}.info-section .author-box .follow-btn[data-v-5c5cb028]{align-items:center;background:#fff;border:1.5px solid #d9d9d9;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:6px 16px;text-decoration:none;transition:all .2s ease}.info-section .author-box .follow-btn[data-v-5c5cb028]:hover{background:#f8fafc;border-color:#cbd5e1}.info-section .action-buttons[data-v-5c5cb028]{display:flex;flex-direction:column;gap:16px}.info-section .action-buttons .download-btn[data-v-5c5cb028],.info-section .action-buttons .edit-btn[data-v-5c5cb028],.info-section .action-buttons .generate-btn[data-v-5c5cb028]{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;height:56px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.info-section .action-buttons .download-btn[data-v-5c5cb028]{background:#b44a30;color:#fff}.info-section .action-buttons .download-btn[data-v-5c5cb028]:hover{background:#a03d26;box-shadow:0 8px 20px -4px #b44a304d;transform:translateY(-2px)}.info-section .action-buttons .download-btn[data-v-5c5cb028]:active{transform:scale(.98)}.info-section .action-buttons .edit-btn[data-v-5c5cb028]{background:#000;color:#fff}.info-section .action-buttons .edit-btn[data-v-5c5cb028]:hover{background:#000;box-shadow:0 8px 20px -4px #0000004d;transform:translateY(-2px)}.info-section .action-buttons .edit-btn[data-v-5c5cb028]:active{transform:scale(.98)}.info-section .action-buttons .generate-btn[data-v-5c5cb028]{background:#4885ed;color:#fff}.info-section .action-buttons .generate-btn[data-v-5c5cb028]:hover{background:#3b74d6;box-shadow:0 8px 20px -4px #4885ed4d;transform:translateY(-2px)}.info-section .action-buttons .generate-btn[data-v-5c5cb028]:active{transform:scale(.98)}.info-section .action-buttons .generate-btn[data-v-5c5cb028]:disabled{cursor:not-allowed;opacity:.7}.info-section .action-buttons .generate-btn .spinner[data-v-5c5cb028]{animation:rotate-5c5cb028 2s linear infinite;height:16px;width:16px;z-index:2}.info-section .action-buttons .generate-btn .spinner .path[data-v-5c5cb028]{stroke:#fff;stroke-linecap:round;animation:dash-5c5cb028 1.5s ease-in-out infinite}.info-section .action-buttons .vip[data-v-5c5cb028]{height:20px;position:absolute;right:5px;top:5px;width:20px}@keyframes rotate-5c5cb028{to{transform:rotate(1turn)}}@keyframes dash-5c5cb028{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.more-templates[data-v-5c5cb028]{border-top:1px solid #f1f5f9;padding-top:48px}.more-templates .more-title[data-v-5c5cb028]{background:#1a1c1c;-webkit-background-clip:text;font-size:2rem;font-weight:800;margin-bottom:32px;-webkit-text-fill-color:transparent;display:inline-block}.more-templates .more-grid[data-v-5c5cb028]{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.more-templates .more-grid .more-card[data-v-5c5cb028]{aspect-ratio:16/9;background:#f8fafc;border:1px solid #f1f5f9;border-radius:20px;cursor:pointer;overflow:hidden;transition:all .3s ease}.more-templates .more-grid .more-card[data-v-5c5cb028]:hover{border-color:#cbd5e1;box-shadow:0 10px 20px #0000000d;transform:translateY(-4px)}.more-templates .more-grid .more-card .card-img[data-v-5c5cb028]{height:100%;overflow:hidden;width:100%}.more-templates .more-grid .more-card .card-img img[data-v-5c5cb028]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.more-templates .more-grid .more-card .card-info[data-v-5c5cb028]{align-items:center;background:#fff;display:flex;height:20%;padding:8px 12px}.more-templates .more-grid .more-card .card-info .card-name[data-v-5c5cb028]{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-fade-enter-active[data-v-5c5cb028],.modal-fade-leave-active[data-v-5c5cb028]{transition:all .3s ease}.modal-fade-enter-from[data-v-5c5cb028],.modal-fade-leave-to[data-v-5c5cb028]{opacity:0}.modal-fade-enter-from .preview-container[data-v-5c5cb028],.modal-fade-leave-to .preview-container[data-v-5c5cb028]{transform:scale(.9) translateY(20px)}@media (max-width:1024px){.template-preview-overlay[data-v-5c5cb028]{align-items:flex-start;padding:24px}.modal-body[data-v-5c5cb028]{padding:24px}.content-main[data-v-5c5cb028]{gap:32px;grid-template-columns:1fr}}@media (max-width:768px){.template-preview-overlay[data-v-5c5cb028]{padding:0}.preview-container[data-v-5c5cb028]{border-radius:0}.preview-scroll-area[data-v-5c5cb028]{border-radius:0;max-height:100vh}}