.template-card[data-v-4d2d6197]{-moz-column-break-inside:avoid;break-inside:avoid;max-height:70vh}.html-previewer[data-v-b1b8d1c4]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;width:100%}.html-previewer.preview-desktop[data-v-b1b8d1c4]{max-width:100%}.html-previewer.preview-mobile[data-v-b1b8d1c4]{max-width:420px}.html-previewer.no-bottom-radius[data-v-b1b8d1c4]{border-bottom:none;border-radius:12px 12px 0 0}.device-toggle[data-v-b1b8d1c4]{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.5rem;justify-content:center;padding:1rem}.device-btn[data-v-b1b8d1c4]{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.device-btn[data-v-b1b8d1c4]:hover{background:#f3f4f6;color:#111827}.device-btn.active[data-v-b1b8d1c4]{color:#111827;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-weight:600}.preview-container[data-v-b1b8d1c4]{display:flex;justify-content:center;overflow-y:auto;padding:0}.preview-frame-wrapper[data-v-b1b8d1c4]{background:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;width:100%}.preview-iframe[data-v-b1b8d1c4]{border:none;height:auto;width:100%}.preview-image[data-v-b1b8d1c4]{display:block;height:auto;width:100%}.preview-placeholder[data-v-b1b8d1c4]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem}.template-detail[data-v-53ab3676]{height:100%;min-height:400px}.template-detail-loading[data-v-53ab3676]{display:flex;height:100%;width:100%}.template-detail-loading-preview[data-v-53ab3676]{background:#f9fafb;flex:1;padding:2rem}.template-detail-loading-info[data-v-53ab3676]{background:#fff;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:420px}.loading-skeleton[data-v-53ab3676]{animation:shimmer-53ab3676 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:100%}.loading-skeleton--badge[data-v-53ab3676]{height:28px;width:100px}.loading-skeleton--title[data-v-53ab3676]{height:36px;width:90%}.loading-skeleton--text[data-v-53ab3676]{height:24px;width:60%}.loading-skeleton--buttons[data-v-53ab3676]{height:48px;margin-top:1rem;width:100%}.loading-skeleton--description[data-v-53ab3676]{height:120px;margin-top:1rem;width:100%}@keyframes shimmer-53ab3676{0%{background-position:200% 0}to{background-position:-200% 0}}.template-detail-wrapper[data-v-53ab3676]{background:#fff;padding:1.5rem}.template-detail-content[data-v-53ab3676]{display:flex;gap:2rem;height:100%;margin:0 auto;width:100%}.template-preview-section[data-v-53ab3676]{display:flex;flex:1;flex-direction:column;overflow:hidden;transition:all .3s ease}.template-preview-section.preview-desktop[data-v-53ab3676]{max-width:100%}.template-preview-section.preview-mobile[data-v-53ab3676]{max-width:420px}.template-preview-section[data-v-53ab3676] .html-previewer{flex:1}.template-preview-section[data-v-53ab3676] .html-previewer .preview-container{max-height:105vh}.preview-footer[data-v-53ab3676]{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;color:#6b7280;flex-shrink:0;font-size:.875rem;gap:.75rem;justify-content:center;padding:1rem}.footer-item[data-v-53ab3676],.preview-footer[data-v-53ab3676]{align-items:center;display:flex}.footer-item[data-v-53ab3676]{gap:.375rem}.footer-label[data-v-53ab3676]{color:#9ca3af}.footer-link[data-v-53ab3676]{color:#4b5563;text-decoration:underline;text-underline-offset:2px}.footer-link[data-v-53ab3676]:hover{color:#7c3aed}.footer-separator[data-v-53ab3676]{color:#d1d5db}.template-info-section[data-v-53ab3676]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;height:100%;min-width:400px;overflow:hidden;width:400px}.info-scroll-container[data-v-53ab3676]{display:flex;flex:1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem}.template-badge[data-v-53ab3676]{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;width:-moz-fit-content;width:fit-content}.template-badge--pro[data-v-53ab3676]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.template-badge--free[data-v-53ab3676]{background:#ecfdf5;color:#059669}.template-title[data-v-53ab3676]{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.3}.template-category-tags[data-v-53ab3676]{display:flex;flex-wrap:wrap;gap:.5rem}.category-pill[data-v-53ab3676]{align-items:center;background:#f3e8ff;border-radius:9999px;color:#7c3aed;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.category-pill[data-v-53ab3676]:hover{background:#ede9fe}.category-pill--type[data-v-53ab3676]{background:#ecfeff;color:#0891b2}.category-pill--type[data-v-53ab3676]:hover{background:#cffafe}.action-buttons[data-v-53ab3676]{display:flex;gap:.75rem}.btn[data-v-53ab3676]{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s}.btn-primary[data-v-53ab3676]{flex:1;--tw-bg-opacity:1;background-color:rgb(115 77 140/var(--tw-bg-opacity,1));color:#fff;--tw-shadow-color:rgba(115,77,140,.35);--tw-shadow:var(--tw-shadow-colored)}.btn-primary[data-v-53ab3676]:hover{--tw-bg-opacity:1;background-color:rgb(95 62 115/var(--tw-bg-opacity,1));--tw-shadow-color:rgba(115,77,140,.45);--tw-shadow:var(--tw-shadow-colored);transform:translateY(-1px)}.share-section[data-v-53ab3676]{border-top:1px solid #e5e7eb;padding-top:1.25rem}.share-title[data-v-53ab3676]{color:#6b7280;font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.share-icons[data-v-53ab3676]{display:flex;gap:.5rem}.share-btn[data-v-53ab3676]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s;width:42px}.share-btn[data-v-53ab3676]:hover{border-color:transparent;transform:translateY(-2px)}.share-btn--facebook[data-v-53ab3676]:hover{background:#1877f2;color:#fff}.share-btn--twitter[data-v-53ab3676]:hover{background:#000;color:#fff}.share-btn--linkedin[data-v-53ab3676]:hover{background:#0a66c2;color:#fff}.share-btn--pinterest[data-v-53ab3676]:hover{background:#e60023;color:#fff}.share-btn--email[data-v-53ab3676]:hover{background:#6b7280;color:#fff}.share-btn--copy[data-v-53ab3676]:hover{background:#7c3aed;color:#fff}.template-description-section[data-v-53ab3676]{border-top:1px solid #e5e7eb;padding-top:1.25rem}.section-title[data-v-53ab3676]{color:#6b7280;font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.description-text[data-v-53ab3676]{color:#4b5563;font-size:.9375rem;line-height:1.7}.template-meta-section[data-v-53ab3676]{border-top:1px solid #e5e7eb;padding-top:1.25rem}.meta-grid[data-v-53ab3676]{display:flex;flex-direction:column;gap:.625rem}.meta-item[data-v-53ab3676]{align-items:center;display:flex;justify-content:space-between}.meta-label[data-v-53ab3676]{color:#6b7280;font-size:.875rem}.meta-value[data-v-53ab3676]{color:#111827;font-size:.875rem;font-weight:500}.categories-section[data-v-53ab3676]{border-top:1px solid #e5e7eb;padding-top:1.25rem}.categories-section .section-title[data-v-53ab3676]{align-items:center;display:flex;gap:.5rem}.category-chips[data-v-53ab3676]{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip[data-v-53ab3676]{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#374151;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.category-chip[data-v-53ab3676]:hover{--tw-text-opacity:1;color:rgb(115 77 140/var(--tw-text-opacity,1));--tw-border-opacity:1;border-color:rgb(115 77 140/var(--tw-border-opacity,1))}.tags-section[data-v-53ab3676]{border-top:1px solid #e5e7eb;padding-top:1.25rem}.tags-section .section-title[data-v-53ab3676]{align-items:center;display:flex;gap:.5rem}.tag-chips[data-v-53ab3676]{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip[data-v-53ab3676]{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:inline-flex;font-size:.8125rem;font-weight:500;padding:.375rem .875rem;text-decoration:none;transition:all .2s}.tag-chip[data-v-53ab3676]:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.template-related-wrapper[data-v-53ab3676]{margin-top:0}.template-related-section[data-v-53ab3676]{margin:0 auto;padding:3rem 1.5rem}.related-header[data-v-53ab3676]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.related-title[data-v-53ab3676]{color:#111827;font-size:1.5rem;font-weight:700}.related-view-all[data-v-53ab3676]{align-items:center;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.25rem;--tw-text-opacity:1;color:rgb(115 77 140/var(--tw-text-opacity,1));text-decoration:none;transition:color .2s}.related-view-all[data-v-53ab3676]:hover{--tw-text-opacity:1;color:rgb(96 63 118/var(--tw-text-opacity,1))}.related-grid[data-v-53ab3676]{align-items:start;display:grid;gap:1.5rem;grid-auto-rows:auto}.template-detail-not-found[data-v-53ab3676]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}@media(max-width:1200px){.template-info-section[data-v-53ab3676]{min-width:360px;width:360px}}@media(max-width:1024px){.template-detail-content[data-v-53ab3676]{flex-direction:column;height:auto}.template-preview-section[data-v-53ab3676]{max-width:100%!important}.template-info-section[data-v-53ab3676]{min-width:unset;width:100%}}@media(max-width:768px){.template-detail-loading[data-v-53ab3676]{flex-direction:column}.template-detail-loading-info[data-v-53ab3676]{width:100%}.template-detail-wrapper[data-v-53ab3676]{padding:1rem}.template-detail-content[data-v-53ab3676]{gap:1rem}.share-icons[data-v-53ab3676]{flex-wrap:wrap}.template-related-section[data-v-53ab3676]{padding:2rem 1rem}}@media(max-width:480px){.info-scroll-container[data-v-53ab3676]{padding:1.25rem}.related-title[data-v-53ab3676],.template-title[data-v-53ab3676]{font-size:1.25rem}}