.template-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#060a12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-modal{width:min(720px,100%);max-height:min(88dvh,900px);display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden}.template-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.template-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary)}.template-modal-body{flex:1;min-height:0;overflow-y:auto;display:flex;justify-content:center;padding:var(--space-5);background:#eef1f6}.template-modal-scale{width:793px;transform:scale(.62);transform-origin:top center}.template-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.template-modal-footer p{color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:768px){.template-modal{max-height:92dvh}.template-modal-scale{transform:scale(.4)}.template-modal-footer{flex-direction:column;align-items:stretch}}.templates-page{padding-bottom:var(--space-16)}.templates-hero{padding:var(--space-16) 0;text-align:center}.templates-title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),6vw,var(--text-5xl));font-weight:700;margin-bottom:var(--space-4)}.templates-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0 auto}.templates-grid-section{padding:0 0 var(--space-16)}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-8)}.template-card{border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-sm)}.template-preview{position:relative;aspect-ratio:.77;background:#fff;overflow:hidden}.template-preview-canvas{position:relative;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;padding-top:var(--space-3);background:#eef1f6}.template-preview-scale{width:793px;transform:scale(.4);transform-origin:top center;pointer-events:none}.template-preview-loading{width:100%;height:100%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.template-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:#000c;opacity:0;transition:opacity var(--transition-normal)}.template-card:hover .template-overlay{opacity:1}.template-info{padding:var(--space-5)}.template-tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.template-tag{padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:var(--color-accent-secondary)}.template-name{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.template-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.templates-filter-bar{position:sticky;top:var(--header-height);z-index:var(--z-sticky);padding:var(--space-3) 0;background:color-mix(in srgb,var(--color-bg-primary) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.templates-filter-row{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none}.templates-filter-row::-webkit-scrollbar{display:none}.templates-filter-chip{flex:0 0 auto;min-height:38px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.templates-filter-chip.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.template-overlay{gap:var(--space-2)}.templates-cta{padding-top:var(--space-8)}.cta-box{padding:var(--space-10);border-radius:var(--radius-md);text-align:center}.cta-box h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.cta-box p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}@media(max-width:768px){.templates-hero{padding:var(--space-10) 0}.templates-grid{grid-template-columns:1fr;gap:var(--space-5)}.template-overlay{inset:auto 0 0;padding:var(--space-3);background:#0d1117c7;opacity:1}.template-preview-scale{transform:scale(.34)}.template-overlay .btn{width:100%}.cta-box{padding:var(--space-6) var(--space-4)}}