.template-catalog{width:100%;min-width:0;padding:0 12px 32px}.template-catalog-featured{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 9%, var(--card)), var(--card));min-width:0;box-shadow:0 6px 24px color-mix(in oklch, var(--primary) 8%, transparent);border-radius:24px;padding:16px;position:relative}.template-catalog-featured-cards{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.template-catalog-featured-card{border-radius:16px;min-width:0;display:block;position:relative;overflow:hidden}.template-catalog-featured-card:nth-child(n+2){display:none}.template-catalog-media{aspect-ratio:3/2;background:var(--muted);width:100%;position:relative;overflow:hidden}.template-catalog-media img,.template-catalog-media video{object-fit:cover;width:100%;height:100%;display:block}.template-catalog-media video{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.template-catalog-media video[data-ready=true]{opacity:1}.template-catalog-featured-title{color:#fff;background:linear-gradient(#0000,#000000c7);padding:44px 20px 18px;font-size:24px;font-weight:700;line-height:1.2;position:absolute;inset:auto 0 0}.template-catalog-arrow{color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s;display:grid;position:absolute;top:calc(50% - 32px)}.template-catalog-arrow:hover{background:#000c}.template-catalog-arrow-previous{left:6px}.template-catalog-arrow-next{right:6px}.template-catalog-dots{justify-content:center;gap:4px;margin-top:8px;display:flex}.template-catalog-dots button{cursor:pointer;background:0 0;border:0;width:24px;height:24px;position:relative}.template-catalog-dots button:after{background:color-mix(in oklch, var(--foreground) 25%, transparent);content:"";border-radius:50%;position:absolute;inset:8px}.template-catalog-dots button[aria-pressed=true]:after{background:var(--primary)}.template-catalog-filters{flex-direction:column;align-items:stretch;gap:14px;min-width:0;margin:24px 0 20px;display:flex}.template-catalog-categories{gap:8px;min-width:0;padding:3px 2px 6px;display:flex;overflow-x:auto}.template-catalog-categories button{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);white-space:nowrap;cursor:pointer;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:500}.template-catalog-categories button[aria-pressed=true],.template-catalog-categories button:hover{border-color:color-mix(in oklch, var(--primary) 40%, var(--border));background:color-mix(in oklch, var(--primary) 10%, var(--card));color:var(--primary)}.template-catalog-search{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.template-catalog-search input{width:100%;min-width:0;color:var(--foreground);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.template-catalog-search:focus-within{outline:2px solid var(--primary);outline-offset:2px}.template-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.template-catalog-item{min-width:0}.template-catalog-card{border:2px solid var(--border);background:var(--card);border-radius:12px;transition:border-color .3s;display:block;overflow:hidden;box-shadow:0 2px 8px #00000006}.template-catalog-card:hover,.template-catalog-card:focus-visible{border-color:var(--primary)}.template-catalog-card-preview{position:relative}.template-catalog-title{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:10px;font-size:12px;font-weight:500;line-height:20px;overflow:hidden}.template-catalog-use{z-index:1;background:var(--card);max-width:calc(100% - 12px);color:var(--primary);white-space:nowrap;opacity:0;border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600;transition:opacity .3s;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000026}.template-catalog-featured-card .template-catalog-use{top:12px;bottom:auto}.template-catalog-card:hover .template-catalog-use,.template-catalog-card:focus-visible .template-catalog-use,.template-catalog-featured-card:hover .template-catalog-use,.template-catalog-featured-card:focus-visible .template-catalog-use{opacity:1}.template-catalog a:focus-visible,.template-catalog button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.template-catalog-empty{border:1px dashed var(--border);text-align:center;color:var(--muted-foreground);border-radius:16px;padding:60px 20px}.template-catalog-empty button{background:var(--primary);color:var(--primary-foreground);cursor:pointer;border:0;border-radius:999px;margin-top:16px;padding:10px 18px}@media (width>=640px){.template-catalog{padding-inline:24px}.template-catalog-featured-cards:not([data-count="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}.template-catalog-featured-card:nth-child(2){display:block}.template-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-catalog-title{padding:12px;font-size:14px}}@media (width>=1280px){.template-catalog-featured-cards[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.template-catalog-featured-card:nth-child(3){display:block}}@media (width>=1024px){.template-catalog{padding-inline:40px}.template-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.template-catalog-filters{flex-flow:wrap;align-items:center}.template-catalog-categories{flex-wrap:wrap;flex:1;overflow:visible}.template-catalog-search{width:260px}}@media (prefers-reduced-motion:reduce){.template-catalog *,.template-catalog :after{transition:none!important}}