.template-browser.svelte-1swhp2w{display:grid;gap:1.15rem}.template-browser-head.svelte-1swhp2w{display:flex;flex-direction:column;gap:.85rem}.template-browser-copy.svelte-1swhp2w{display:grid;gap:.55rem}.template-browser-title.svelte-1swhp2w{margin:0;font-family:var(--font-t, var(--font-ui, system-ui, sans-serif));font-size:clamp(2.05rem,4.6vw,3.2rem);font-weight:600;line-height:1.04;letter-spacing:-.06em;color:var(--text-primary);max-width:11ch}.template-browser-desc.svelte-1swhp2w{margin:0;max-width:40rem;font-size:.96rem;line-height:1.65;color:var(--text-secondary)}.template-browser-inline-link.svelte-1swhp2w,.template-browser-count.svelte-1swhp2w{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-decoration:none}.template-browser-inline-link.svelte-1swhp2w:hover{color:var(--text-primary)}.template-browser-filters.svelte-1swhp2w{display:flex;flex-wrap:wrap;gap:.65rem}.template-browser-filter.svelte-1swhp2w{min-height:2.35rem;padding:.52rem .9rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-default) 92%,transparent);background:color-mix(in srgb,var(--bg-raised) 88%,transparent);color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.template-browser-filter.svelte-1swhp2w:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-brand) 26%,var(--border-default));transform:translateY(-1px)}.template-browser-filter-active.svelte-1swhp2w{color:var(--text-primary);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-brand) 22%,rgba(255,255,255,.03)),color-mix(in srgb,var(--bg-elevated) 94%,rgba(255,255,255,.08)));border-color:color-mix(in srgb,var(--accent-brand) 42%,var(--border-default));box-shadow:0 10px 26px #0000002e}.template-browser-grid.svelte-1swhp2w{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.9rem}.template-browser-card.svelte-1swhp2w{display:flex;flex-direction:column;border-radius:1.25rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-default) 92%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 78%,rgba(255,255,255,.02)),color-mix(in srgb,var(--bg-raised) 92%,rgba(0,0,0,.08)));box-shadow:inset 0 1px #ffffff0a,0 18px 40px #0003}.template-browser-hit.svelte-1swhp2w{width:100%;height:100%;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.template-browser-hit.svelte-1swhp2w:hover .template-browser-media:where(.svelte-1swhp2w){filter:brightness(1.06)}.template-browser-hit.svelte-1swhp2w:hover .template-browser-video:where(.svelte-1swhp2w){transform:scale(1.03)}.template-browser-media.svelte-1swhp2w{position:relative;aspect-ratio:16 / 10;overflow:hidden;transition:filter .22s ease}.template-browser-badge.svelte-1swhp2w{position:absolute;left:.85rem;top:.85rem;z-index:2;display:inline-flex;align-items:center;min-height:1.7rem;padding:0 .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0a0a0c8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffdb;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.template-browser-video.svelte-1swhp2w{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.template-browser-body.svelte-1swhp2w{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.92rem 1rem 1rem}.template-browser-name.svelte-1swhp2w{margin:0;color:var(--text-primary);font-family:var(--font-t, system-ui, sans-serif);font-size:.98rem;font-weight:500;letter-spacing:-.02em;line-height:1.35}.template-browser-cta.svelte-1swhp2w{flex-shrink:0;color:color-mix(in srgb,var(--accent-brand-warm) 86%,white 14%);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.template-browser-footer.svelte-1swhp2w{display:flex;justify-content:center;padding-top:.1rem}.template-browser-more.svelte-1swhp2w{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.62rem 1.2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-brand) 28%,var(--border-default));background:color-mix(in srgb,var(--bg-base) 90%,transparent);color:var(--text-primary);text-decoration:none;font-family:var(--font-t, system-ui, sans-serif);font-size:.92rem;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:border-color .22s cubic-bezier(.22,1,.36,1),background .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.template-browser-more.svelte-1swhp2w:active{transform:scale(.97);transition-duration:.08s}.template-browser-more.svelte-1swhp2w:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent-brand-warm) 44%,var(--border-default));background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);box-shadow:0 12px 24px #00000029}@media (min-width: 768px){.template-browser-head.svelte-1swhp2w{flex-direction:row;align-items:end;justify-content:space-between}.template-browser-grid.svelte-1swhp2w{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1040px){.template-browser-grid.svelte-1swhp2w{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 767px){.template-browser-title.svelte-1swhp2w{max-width:none;font-size:clamp(1.9rem,8vw,2.6rem)}.template-browser--preview.svelte-1swhp2w .template-browser-grid:where(.svelte-1swhp2w){grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.template-browser--preview.svelte-1swhp2w .template-browser-card:where(.svelte-1swhp2w){border-radius:1rem}.template-browser--preview.svelte-1swhp2w .template-browser-media:where(.svelte-1swhp2w){aspect-ratio:16 / 11}.template-browser-filters.svelte-1swhp2w{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.template-browser-filters.svelte-1swhp2w::-webkit-scrollbar{display:none}.template-browser-filter.svelte-1swhp2w{flex:0 0 auto;white-space:nowrap}.template-browser-body.svelte-1swhp2w{align-items:start;flex-direction:column}.template-browser--preview.svelte-1swhp2w .template-browser-body:where(.svelte-1swhp2w){gap:.4rem;padding:.62rem .68rem .72rem}.template-browser--preview.svelte-1swhp2w .template-browser-name:where(.svelte-1swhp2w){font-size:.82rem;line-height:1.3}}
