.template-cover{--template-cover-overlay:color-mix(in srgb,var(--slate-950) 20%,transparent);--template-cover-scrim-deep:color-mix(in srgb,var(--slate-950) 90%,transparent);--template-cover-scrim-mid:color-mix(in srgb,var(--slate-950) 55%,transparent);--template-cover-scrim-edge:color-mix(in srgb,var(--slate-950) 18%,transparent);position:relative;isolation:isolate;display:flex;aspect-ratio:16/9;min-height:154px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:var(--radius-lg);color:var(--white);background:radial-gradient(circle at 78% 20%,color-mix(in srgb,var(--violet-500) 34%,transparent),transparent 38%),linear-gradient(135deg,var(--slate-950),color-mix(in srgb,var(--slate-950) 70%,var(--purple-600)) 58%,var(--black))}.template-cover--detail{inline-size:100%;max-inline-size:100%;min-inline-size:0;min-height:clamp(240px,38vw,430px);margin-bottom:var(--space-5)}.template-cover-image,.template-cover-scrim,.template-native-cover{position:absolute;inset:0;width:100%;height:100%}.template-cover--copy-right .template-cover-scrim{background:linear-gradient(270deg,var(--template-cover-scrim-deep) 0,var(--template-cover-scrim-mid) 58%,var(--template-cover-scrim-edge) 100%),var(--template-cover-overlay)}.template-cover-image{z-index:-3;-o-object-fit:cover;object-fit:cover}.template-cover-scrim{z-index:-1;background:linear-gradient(90deg,var(--template-cover-scrim-deep) 0,var(--template-cover-scrim-mid) 58%,var(--template-cover-scrim-edge) 100%),var(--template-cover-overlay)}.template-cover-fallback{align-self:flex-end;display:flex;align-items:flex-start;gap:clamp(10px,2vw,16px);width:min(82%,660px);padding:clamp(16px,4vw,34px)}.template-cover--copy-right .template-cover-fallback{width:min(48%,660px);margin-left:auto}.template-cover-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(36px,5vw,50px);height:clamp(36px,5vw,50px);flex:none;border:1px solid color-mix(in srgb,var(--white) 28%,transparent);border-radius:var(--radius-md);color:var(--white);background:color-mix(in srgb,var(--slate-950) 55%,transparent);backdrop-filter:blur(8px)}.template-cover-icon svg{width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.template-cover-copy{display:flex;flex-direction:column;gap:5px;min-width:0;text-shadow:0 2px 16px color-mix(in srgb,var(--black) 45%,transparent)}.template-cover-copy strong{font-size:clamp(17px,2.5vw,28px);line-height:1.12;letter-spacing:-.02em}.template-cover-copy span{display:-webkit-box;overflow:hidden;font-size:clamp(11px,1.5vw,15px);line-height:1.4;color:color-mix(in srgb,var(--white) 82%,transparent);-webkit-box-orient:vertical;-webkit-line-clamp:2}.template-native-cover{z-index:-2;display:flex;align-items:center;justify-content:flex-end;background:linear-gradient(135deg,var(--slate-900),var(--violet-800))}.template-native-cover svg{width:68%;max-height:96%;margin-left:auto;fill:color-mix(in srgb,var(--violet-400) 45%,transparent);stroke:color-mix(in srgb,var(--violet-50) 72%,transparent);stroke-width:4}.template-native-cover .template-native-line{fill:none;stroke-linecap:round}.template-native-cover .template-native-accent{fill:color-mix(in srgb,var(--yellow-400) 58%,transparent)}.tpl-grid .tpl-card{gap:0;padding:0;overflow:hidden}.tpl-grid>li:first-child .tpl-card{gap:0;padding:0}.tpl-grid .tpl-card .template-cover{min-height:180px;border:0;border-bottom:1px solid var(--border);border-radius:0}.tpl-card-labels{display:flex;align-items:center;gap:var(--space-2);min-height:46px;padding:var(--space-3) var(--space-4)}.tpl-card-labels .tpl-card-type{margin-left:auto}.tg-option .template-cover{min-height:116px;height:116px;border:0;border-bottom:1px solid var(--border);border-radius:0}.tg-option .template-cover-fallback{width:94%;gap:8px;padding:var(--space-3)}.tg-option .template-cover-icon{width:28px;height:28px}.tg-option .template-cover-copy strong{font-size:13px}.tg-option .template-cover-copy span{font-size:9px}.tg-option .tg-meta{flex-direction:row;justify-content:flex-end;padding:7px var(--space-3)}.tg-preview>.template-cover{min-height:152px;height:152px;margin:0;flex:0 0 auto}@media (max-width:639px){.template-cover--copy-right .template-cover-fallback,.template-cover-fallback{width:100%}.tpl-grid .tpl-card .template-cover{min-height:164px}}@media (prefers-reduced-motion:reduce){.template-cover-image{animation:none}}