.template-card:where(.astro-qmg5k5vn){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:.75rem;overflow:hidden;transition:box-shadow .2s,transform .2s}.template-card:where(.astro-qmg5k5vn):hover{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .template-card:where(.astro-qmg5k5vn):hover{box-shadow:0 10px 25px -5px #0d94881a,0 8px 10px -6px #0d94881a}.preview-container:where(.astro-qmg5k5vn){position:relative;aspect-ratio:16 / 10;background:linear-gradient(135deg,var(--sl-color-gray-6),var(--sl-color-gray-5));overflow:hidden}.preview-image:where(.astro-qmg5k5vn){width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:1rem}.preview-placeholder:where(.astro-qmg5k5vn){display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.5rem}.placeholder-icon:where(.astro-qmg5k5vn){width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#0d94881a;border-radius:.5rem}.placeholder-text:where(.astro-qmg5k5vn){font-size:.75rem;color:var(--sl-color-gray-3)}.preview-overlay:where(.astro-qmg5k5vn){position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity .2s}.template-card:where(.astro-qmg5k5vn):hover .preview-overlay:where(.astro-qmg5k5vn){opacity:1}.action-button:where(.astro-qmg5k5vn){padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:background .2s}.action-primary:where(.astro-qmg5k5vn){background:#0d9488;color:#fff}.action-primary:where(.astro-qmg5k5vn):hover{background:#0f766e}.action-secondary:where(.astro-qmg5k5vn){background:#fff3;color:#fff}.action-secondary:where(.astro-qmg5k5vn):hover{background:#ffffff4d}.card-content:where(.astro-qmg5k5vn){padding:1rem}.card-header:where(.astro-qmg5k5vn){display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.card-title:where(.astro-qmg5k5vn){font-size:1rem;font-weight:600;color:var(--sl-color-text);margin:0}.generator-badge:where(.astro-qmg5k5vn){font-size:.7rem;padding:.25rem .5rem;border-radius:9999px;white-space:nowrap;font-weight:500}.card-description:where(.astro-qmg5k5vn){font-size:.875rem;color:var(--sl-color-gray-3);margin:0 0 .75rem;line-height:1.5}.capability-badges:where(.astro-qmg5k5vn){display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.capability-badge:where(.astro-qmg5k5vn){display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.badge-icon:where(.astro-qmg5k5vn){width:.75rem;height:.75rem}.claude-ready:where(.astro-qmg5k5vn){background:#0d94881a;color:#0d9488}.dark .claude-ready:where(.astro-qmg5k5vn){background:#0d948833;color:#2dd4bf}.pipeline:where(.astro-qmg5k5vn){background:#eab3081a;color:#a16207}.dark .pipeline:where(.astro-qmg5k5vn){background:#eab30833;color:#facc15}.tag-list:where(.astro-qmg5k5vn){display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.tag:where(.astro-qmg5k5vn){font-size:.7rem;padding:.125rem .375rem;background:var(--sl-color-gray-6);color:var(--sl-color-gray-3);border-radius:.25rem}.card-actions:where(.astro-qmg5k5vn){padding-top:.5rem;border-top:1px solid var(--sl-color-gray-5)}.studio-link:where(.astro-qmg5k5vn){display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:#0d9488;text-decoration:none}.studio-link:where(.astro-qmg5k5vn):hover{color:#0f766e}.dark .studio-link:where(.astro-qmg5k5vn){color:#2dd4bf}.dark .studio-link:where(.astro-qmg5k5vn):hover{color:#5eead4}.link-icon:where(.astro-qmg5k5vn){width:1rem;height:1rem}.code-modal:where(.astro-qmg5k5vn){display:none;position:fixed;inset:0;z-index:100}.code-modal:where(.astro-qmg5k5vn).open{display:flex;align-items:center;justify-content:center}.modal-backdrop:where(.astro-qmg5k5vn){position:absolute;inset:0;background:#00000080}.modal-content:where(.astro-qmg5k5vn){position:relative;width:90%;max-width:600px;max-height:80vh;background:var(--sl-color-bg);border-radius:.75rem;overflow:hidden;display:flex;flex-direction:column}.modal-header:where(.astro-qmg5k5vn){display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--sl-color-gray-5)}.modal-header:where(.astro-qmg5k5vn) h4:where(.astro-qmg5k5vn){font-size:1rem;font-weight:600;color:var(--sl-color-text);margin:0}.close-modal:where(.astro-qmg5k5vn){width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--sl-color-gray-3);cursor:pointer;border-radius:.25rem}.close-modal:where(.astro-qmg5k5vn):hover{background:var(--sl-color-gray-6);color:var(--sl-color-text)}.close-modal:where(.astro-qmg5k5vn) svg:where(.astro-qmg5k5vn){width:1.25rem;height:1.25rem}.code-block:where(.astro-qmg5k5vn){flex:1;overflow:auto;margin:0;padding:1rem;background:var(--m-code-bg, #1e1e2e);font-size:.85rem}.code-block:where(.astro-qmg5k5vn) code:where(.astro-qmg5k5vn){color:var(--m-code-text, #e4e4e7);background:transparent;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre}.modal-footer:where(.astro-qmg5k5vn){padding:1rem;border-top:1px solid var(--sl-color-gray-5);display:flex;justify-content:flex-end}.copy-code-btn:where(.astro-qmg5k5vn){padding:.5rem 1rem;background:#0d9488;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer}.copy-code-btn:where(.astro-qmg5k5vn):hover{background:#0f766e}.hero-section:where(.astro-sahthylw){background:linear-gradient(to bottom,rgb(13 148 136 / .05),transparent);padding:4rem 1.5rem;text-align:center}.hero-container:where(.astro-sahthylw){max-width:800px;margin:0 auto}.hero-title:where(.astro-sahthylw){font-size:2.5rem;font-weight:700;color:var(--sl-color-text);margin-bottom:1rem}.hero-subtitle:where(.astro-sahthylw){font-size:1.125rem;color:var(--sl-color-gray-3);line-height:1.6;margin-bottom:2rem}.hero-stats:where(.astro-sahthylw){display:flex;justify-content:center;gap:3rem}.stat:where(.astro-sahthylw){display:flex;flex-direction:column;align-items:center}.stat-value:where(.astro-sahthylw){font-size:2rem;font-weight:700;color:#0d9488}.dark .stat-value:where(.astro-sahthylw){color:#2dd4bf}.stat-label:where(.astro-sahthylw){font-size:.875rem;color:var(--sl-color-gray-3)}.filter-section:where(.astro-sahthylw){position:sticky;top:0;z-index:20;background:var(--sl-color-bg);border-bottom:1px solid var(--sl-color-gray-5);padding:1rem 1.5rem}.filter-container:where(.astro-sahthylw){max-width:1200px;margin:0 auto}.filter-tabs:where(.astro-sahthylw){display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.filter-tab:where(.astro-sahthylw){display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;border:none;background:var(--sl-color-gray-6);color:var(--sl-color-gray-3);transition:all .2s}.filter-tab:where(.astro-sahthylw):hover{background:var(--sl-color-gray-5)}.filter-tab:where(.astro-sahthylw).active{background:#0d9488;color:#fff}.tab-icon:where(.astro-sahthylw){font-size:1rem}.gallery-section:where(.astro-sahthylw){padding:3rem 1.5rem;background:var(--sl-color-bg)}.gallery-container:where(.astro-sahthylw){max-width:1200px;margin:0 auto}.category-section:where(.astro-sahthylw){margin-bottom:4rem}.category-section:where(.astro-sahthylw):last-child{margin-bottom:0}.category-header:where(.astro-sahthylw){margin-bottom:1.5rem}.category-title-group:where(.astro-sahthylw){display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.category-icon:where(.astro-sahthylw){font-size:1.5rem}.category-title:where(.astro-sahthylw){font-size:1.5rem;font-weight:700;color:var(--sl-color-text);margin:0}.category-count:where(.astro-sahthylw){font-size:.875rem;padding:.125rem .5rem;background:var(--sl-color-gray-6);color:var(--sl-color-gray-3);border-radius:9999px}.category-description:where(.astro-sahthylw){font-size:.95rem;color:var(--sl-color-gray-3);margin:0}.template-grid:where(.astro-sahthylw){display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1024px){.template-grid:where(.astro-sahthylw){grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.template-grid:where(.astro-sahthylw){grid-template-columns:1fr}.hero-stats:where(.astro-sahthylw){gap:1.5rem}.stat-value:where(.astro-sahthylw){font-size:1.5rem}}.cta-section:where(.astro-sahthylw){padding:4rem 1.5rem;background:var(--sl-color-gray-6);border-top:1px solid var(--sl-color-gray-5);text-align:center}.cta-container:where(.astro-sahthylw){max-width:600px;margin:0 auto}.cta-title:where(.astro-sahthylw){font-size:1.75rem;font-weight:700;color:var(--sl-color-text);margin-bottom:.75rem}.cta-description:where(.astro-sahthylw){color:var(--sl-color-gray-3);margin-bottom:1.5rem}.cta-buttons:where(.astro-sahthylw){display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-primary:where(.astro-sahthylw){padding:.75rem 1.5rem;background:#0d9488;color:#fff;border-radius:.5rem;font-weight:500;text-decoration:none;transition:background .2s}.cta-primary:where(.astro-sahthylw):hover{background:#0f766e}.cta-secondary:where(.astro-sahthylw){padding:.75rem 1.5rem;background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);color:var(--sl-color-text);border-radius:.5rem;font-weight:500;text-decoration:none;transition:background .2s}.cta-secondary:where(.astro-sahthylw):hover{background:var(--sl-color-gray-5)}