.template-card[data-v-14f0f647]{-moz-column-break-inside:avoid;break-inside:avoid;max-height:70vh}.card-overlay[data-v-14f0f647]{background:var(--sf-scrim)}.html-previewer[data-v-c55133b0]{background:var(--sf-surface-sunken);border:1px solid var(--sf-border);border-radius:var(--sf-radius-xl);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease;width:100%}.html-previewer.preview-desktop[data-v-c55133b0]{max-width:100%}.html-previewer.preview-mobile[data-v-c55133b0]{max-width:420px}.html-previewer.no-bottom-radius[data-v-c55133b0]{border-bottom:none;border-radius:var(--sf-radius-xl) var(--sf-radius-xl) 0 0}.device-toggle[data-v-c55133b0]{background:var(--sf-surface);border-bottom:1px solid var(--sf-border);display:flex;flex-shrink:0;justify-content:center;padding:.75rem 1rem}.device-track[data-v-c55133b0]{background:var(--sf-surface-hover);border-radius:var(--sf-radius-md);display:inline-flex;gap:2px;padding:3px}.device-btn[data-v-c55133b0]{align-items:center;background:transparent;border:none;border-radius:var(--sf-radius-sm);color:var(--sf-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;height:32px;padding:0 .875rem;transition:background-color .15s ease,color .15s ease}.device-btn[data-v-c55133b0]:hover{color:var(--sf-text)}.device-btn[data-v-c55133b0]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:1px}.device-btn.active[data-v-c55133b0]{background:var(--sf-surface-raised);box-shadow:var(--sf-shadow-xs);color:var(--sf-text);font-weight:600}.preview-container[data-v-c55133b0]{display:flex;justify-content:center;overflow-y:auto;padding:0}.preview-frame-wrapper[data-v-c55133b0]{background:var(--sf-neutral-0);box-shadow:var(--sf-shadow-sm);display:flex;flex-direction:column;width:100%}.preview-iframe[data-v-c55133b0]{border:none;height:auto;width:100%}.preview-image[data-v-c55133b0]{display:block;height:auto;width:100%}.preview-placeholder[data-v-c55133b0]{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem}.ssr-email-content[data-v-c55133b0]{color:#000;display:block;font-family:Arial,Helvetica,sans-serif;line-height:normal}.ssr-email-content[data-v-c55133b0] img{height:auto;max-width:100%}.template-detail[data-v-5ee93bf3]{height:100%;min-height:400px}.template-detail-loading[data-v-5ee93bf3]{display:flex;height:100%;width:100%}.template-detail-loading-preview[data-v-5ee93bf3]{background:var(--sf-surface-sunken);border-radius:var(--sf-radius-xl);flex:1;padding:2rem}.template-detail-loading-info[data-v-5ee93bf3]{background:var(--sf-surface);display:flex;flex-direction:column;gap:1rem;padding:2rem;width:420px}.loading-skeleton[data-v-5ee93bf3]{animation:skeleton-pulse-5ee93bf3 1s linear infinite alternate;border-radius:var(--sf-radius-md);height:100%}.loading-skeleton--badge[data-v-5ee93bf3]{height:28px;width:100px}.loading-skeleton--title[data-v-5ee93bf3]{height:36px;width:90%}.loading-skeleton--text[data-v-5ee93bf3]{height:24px;width:60%}.loading-skeleton--buttons[data-v-5ee93bf3]{height:48px;margin-top:1rem;width:100%}.loading-skeleton--description[data-v-5ee93bf3]{height:120px;margin-top:1rem;width:100%}@keyframes skeleton-pulse-5ee93bf3{0%{background-color:var(--sf-neutral-100)}to{background-color:var(--sf-neutral-200)}}.template-detail-wrapper[data-v-5ee93bf3]{background:var(--sf-surface);padding:1.5rem}.template-detail-content[data-v-5ee93bf3]{display:flex;gap:2rem;height:100%;margin:0 auto;width:100%}.template-preview-section[data-v-5ee93bf3]{display:flex;flex:1;flex-direction:column;overflow:hidden;transition:all .3s ease}.template-preview-section.preview-desktop[data-v-5ee93bf3]{max-width:100%}.template-preview-section.preview-mobile[data-v-5ee93bf3]{max-width:420px}.template-preview-section[data-v-5ee93bf3] .html-previewer{flex:1}.template-preview-section[data-v-5ee93bf3] .html-previewer .preview-container{max-height:105vh}.preview-footer[data-v-5ee93bf3]{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:0 0 var(--sf-radius-xl) var(--sf-radius-xl);border-top:none;color:var(--sf-text-muted);flex-shrink:0;font-size:.875rem;gap:.75rem;justify-content:center;padding:1rem}.footer-item[data-v-5ee93bf3],.preview-footer[data-v-5ee93bf3]{align-items:center;display:flex}.footer-item[data-v-5ee93bf3]{gap:.375rem}.footer-label[data-v-5ee93bf3]{color:var(--sf-text-muted)}.footer-link[data-v-5ee93bf3]{color:var(--sf-text-secondary);text-decoration:underline;text-underline-offset:2px}a.footer-link[data-v-5ee93bf3]:hover{color:var(--sf-primary)}.footer-separator[data-v-5ee93bf3]{color:var(--sf-border-strong)}.template-info-section[data-v-5ee93bf3]{background:var(--sf-surface-raised);border:1px solid var(--sf-border);border-radius:var(--sf-radius-xl);display:flex;flex-direction:column;height:100%;min-width:400px;overflow:hidden;width:400px}.info-scroll-container[data-v-5ee93bf3]{display:flex;flex:1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem}.template-badge[data-v-5ee93bf3]{display:inline-flex;width:-moz-fit-content;width:fit-content}.template-title[data-v-5ee93bf3]{color:var(--sf-text);font-family:var(--sf-font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}.action-buttons[data-v-5ee93bf3]{display:flex;gap:.75rem}.share-section[data-v-5ee93bf3]{border-top:1px solid var(--sf-border);padding-top:1.25rem}.share-title[data-v-5ee93bf3]{color:var(--sf-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.share-icons[data-v-5ee93bf3]{display:flex;gap:.5rem}.share-btn[data-v-5ee93bf3]{align-items:center;background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);color:var(--sf-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:40px}.share-btn[data-v-5ee93bf3]:hover{background:var(--sf-surface-hover);color:var(--sf-primary)}.share-btn[data-v-5ee93bf3]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px}.template-description-section[data-v-5ee93bf3]{border-top:1px solid var(--sf-border);padding-top:1.25rem}.section-title[data-v-5ee93bf3]{color:var(--sf-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.description-text[data-v-5ee93bf3]{color:var(--sf-text-secondary);font-size:.9375rem;line-height:1.7}.categories-section[data-v-5ee93bf3]{border-top:1px solid var(--sf-border);padding-top:1.25rem}.categories-section .section-title[data-v-5ee93bf3]{align-items:center;display:flex;gap:.5rem}.category-chips[data-v-5ee93bf3]{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip[data-v-5ee93bf3],.tag-chip[data-v-5ee93bf3]{align-items:center;border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);cursor:pointer;display:inline-flex;font-weight:500;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.category-chip[data-v-5ee93bf3]{background:var(--sf-surface-sunken);color:var(--sf-text);font-size:.875rem;padding:.5rem 1rem}.category-chip[data-v-5ee93bf3]:hover{background:var(--sf-plum-50);border-color:var(--sf-plum-200);color:var(--sf-primary)}.tags-section[data-v-5ee93bf3]{border-top:1px solid var(--sf-border);padding-top:1.25rem}.tags-section .section-title[data-v-5ee93bf3]{align-items:center;display:flex;gap:.5rem}.tag-chips[data-v-5ee93bf3]{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip[data-v-5ee93bf3]{background:var(--sf-surface);color:var(--sf-text-secondary);font-size:.8125rem;padding:.375rem .875rem}.tag-chip[data-v-5ee93bf3]:hover{background:var(--sf-surface-hover);border-color:var(--sf-border-strong);color:var(--sf-text)}.category-chip[data-v-5ee93bf3]:focus-visible,.tag-chip[data-v-5ee93bf3]:focus-visible{outline:2px solid var(--sf-focus-ring);outline-offset:2px}.template-related-wrapper[data-v-5ee93bf3]{margin-top:0}.template-related-section[data-v-5ee93bf3]{margin:0 auto;padding:3rem 1.5rem}.related-header[data-v-5ee93bf3]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.related-title[data-v-5ee93bf3]{color:var(--sf-text);font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.related-grid[data-v-5ee93bf3]{align-items:start;display:grid;gap:1.5rem;grid-auto-rows:auto}.template-detail-not-found[data-v-5ee93bf3]{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-5ee93bf3]{min-width:360px;width:360px}}@media(max-width:1024px){.template-detail-content[data-v-5ee93bf3]{flex-direction:column;height:auto}.template-preview-section[data-v-5ee93bf3]{max-width:100%!important}.template-info-section[data-v-5ee93bf3]{min-width:unset;width:100%}}@media(max-width:768px){.template-detail-loading[data-v-5ee93bf3]{flex-direction:column}.template-detail-loading-info[data-v-5ee93bf3]{width:100%}.template-detail-wrapper[data-v-5ee93bf3]{padding:1rem}.template-detail-content[data-v-5ee93bf3]{gap:1rem}.share-icons[data-v-5ee93bf3]{flex-wrap:wrap}.template-related-section[data-v-5ee93bf3]{padding:2rem 1rem}}@media(max-width:480px){.info-scroll-container[data-v-5ee93bf3]{padding:1.25rem}.related-title[data-v-5ee93bf3],.template-title[data-v-5ee93bf3]{font-size:1.25rem}}