.template-detail:where(.astro-lxz2y7y6){padding:2rem 1.5rem 4rem}.container:where(.astro-lxz2y7y6){max-width:1100px;margin:0 auto}.back-link:where(.astro-lxz2y7y6){display:inline-flex;align-items:center;gap:.5rem;color:var(--sl-color-gray-3);text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;transition:color .2s}.back-link:where(.astro-lxz2y7y6):hover{color:#0d9488}.back-icon:where(.astro-lxz2y7y6){width:1rem;height:1rem}.hero-grid:where(.astro-lxz2y7y6){display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}@media(max-width:768px){.hero-grid:where(.astro-lxz2y7y6){grid-template-columns:1fr;gap:2rem}}.preview-section:where(.astro-lxz2y7y6){position:sticky;top:2rem;align-self:start}.preview-container:where(.astro-lxz2y7y6){background:var(--sl-color-gray-6);border-radius:.75rem;overflow:hidden;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.preview-image:where(.astro-lxz2y7y6){max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;padding:1.5rem}.preview-placeholder:where(.astro-lxz2y7y6){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--sl-color-gray-3)}.placeholder-icon:where(.astro-lxz2y7y6){font-size:3rem}.placeholder-text:where(.astro-lxz2y7y6){font-size:.875rem}.info-section:where(.astro-lxz2y7y6){padding:1rem 0}.info-header:where(.astro-lxz2y7y6){display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-badge:where(.astro-lxz2y7y6){padding:.375rem .75rem;background:#0d94881a;color:#0d9488;font-size:.75rem;font-weight:600;border-radius:9999px}.dark .category-badge:where(.astro-lxz2y7y6){background:#2dd4bf26;color:#2dd4bf}.cloud-badge:where(.astro-lxz2y7y6),.auth-badge:where(.astro-lxz2y7y6){display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.cloud-badge:where(.astro-lxz2y7y6){background:#3b82f61a;color:#3b82f6}.dark .cloud-badge:where(.astro-lxz2y7y6){background:#3b82f633;color:#93c5fd}.auth-badge:where(.astro-lxz2y7y6){background:#f59e0b1a;color:#d97706}.dark .auth-badge:where(.astro-lxz2y7y6){background:#f59e0b33;color:#fbbf24}.badge-icon:where(.astro-lxz2y7y6){width:.875rem;height:.875rem}.template-title:where(.astro-lxz2y7y6){font-size:2rem;font-weight:700;color:var(--sl-color-text);margin-bottom:.75rem}.template-description:where(.astro-lxz2y7y6){font-size:1.125rem;color:var(--sl-color-gray-3);line-height:1.6;margin-bottom:1.5rem}.meta-section:where(.astro-lxz2y7y6){display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem}.generator-badge:where(.astro-lxz2y7y6){font-size:.75rem;padding:.375rem .75rem;border-radius:9999px;font-weight:500}.tags-list:where(.astro-lxz2y7y6){display:flex;flex-wrap:wrap;gap:.375rem}.tag:where(.astro-lxz2y7y6){font-size:.75rem;padding:.25rem .5rem;background:var(--sl-color-gray-6);color:var(--sl-color-gray-3);border-radius:.25rem}.capabilities:where(.astro-lxz2y7y6){display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.capability:where(.astro-lxz2y7y6){display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;padding:.375rem .625rem;border-radius:.375rem;font-weight:500}.cap-icon:where(.astro-lxz2y7y6){width:.875rem;height:.875rem}.claude-ready:where(.astro-lxz2y7y6){background:#0d94881a;color:#0d9488}.dark .claude-ready:where(.astro-lxz2y7y6){background:#0d948833;color:#2dd4bf}.pipeline:where(.astro-lxz2y7y6){background:#eab3081a;color:#a16207}.dark .pipeline:where(.astro-lxz2y7y6){background:#eab30833;color:#facc15}.cta-section:where(.astro-lxz2y7y6){display:flex;flex-wrap:wrap;gap:.75rem}.cta-primary:where(.astro-lxz2y7y6),.cta-secondary:where(.astro-lxz2y7y6){display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:all .2s;cursor:pointer;font-size:.9375rem}.cta-primary:where(.astro-lxz2y7y6){background:#0d9488;color:#fff;border:none}.cta-primary:where(.astro-lxz2y7y6):hover{background:#0f766e}.cta-secondary:where(.astro-lxz2y7y6){background:var(--sl-color-bg);color:var(--sl-color-text);border:1px solid var(--sl-color-gray-5)}.cta-secondary:where(.astro-lxz2y7y6):hover{border-color:#0d9488;color:#0d9488}.cta-icon:where(.astro-lxz2y7y6){width:1.125rem;height:1.125rem}.code-section:where(.astro-lxz2y7y6){padding:3rem 0;border-top:1px solid var(--sl-color-gray-5);margin-bottom:3rem}.section-title:where(.astro-lxz2y7y6){font-size:1.5rem;font-weight:700;color:var(--sl-color-text);margin-bottom:.5rem}.section-subtitle:where(.astro-lxz2y7y6){color:var(--sl-color-gray-3);margin-bottom:1.5rem}.code-tabs:where(.astro-lxz2y7y6){display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--sl-color-gray-6);border-radius:.5rem .5rem 0 0;border:1px solid var(--sl-color-gray-5);border-bottom:none}.tab-bar:where(.astro-lxz2y7y6){display:flex;gap:.25rem}.tab-btn:where(.astro-lxz2y7y6){padding:.5rem .875rem;font-size:.8125rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .15s;background:transparent;color:var(--sl-color-gray-3)}.tab-btn:where(.astro-lxz2y7y6):hover{background:var(--sl-color-gray-5);color:var(--sl-color-text)}.tab-btn:where(.astro-lxz2y7y6).active{background:#0d9488;color:#fff}.copy-code-btn:where(.astro-lxz2y7y6){padding:.5rem .875rem;background:var(--sl-color-bg);color:var(--sl-color-text);border:1px solid var(--sl-color-gray-5);border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer}.copy-code-btn:where(.astro-lxz2y7y6):hover{background:#0d9488;color:#fff;border-color:#0d9488}.code-panels:where(.astro-lxz2y7y6){border:1px solid var(--sl-color-gray-5);border-top:none;border-radius:0 0 .5rem .5rem;overflow:hidden}.code-panel:where(.astro-lxz2y7y6){display:none;margin:0;padding:1.25rem;background:var(--m-code-bg, #1e1e2e);max-height:400px;overflow:auto}.code-panel:where(.astro-lxz2y7y6).active{display:block}.code-panel:where(.astro-lxz2y7y6) code:where(.astro-lxz2y7y6){color:var(--m-code-text, #e4e4e7);background:transparent;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;white-space:pre}.workflow-section:where(.astro-lxz2y7y6){padding:2rem 0 3rem;border-top:1px solid var(--sl-color-gray-5)}.workflow-steps:where(.astro-lxz2y7y6){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.workflow-step:where(.astro-lxz2y7y6){display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--sl-color-gray-6);border-radius:.5rem;border:1px solid var(--sl-color-gray-5)}.step-number:where(.astro-lxz2y7y6){display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#0d9488;color:#fff;font-size:.75rem;font-weight:600;border-radius:9999px;flex-shrink:0}.step-text:where(.astro-lxz2y7y6){font-size:.9375rem;color:var(--sl-color-text)}.related-section:where(.astro-lxz2y7y6){padding-top:2rem;border-top:1px solid var(--sl-color-gray-5)}.related-grid:where(.astro-lxz2y7y6){display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}@media(max-width:768px){.related-grid:where(.astro-lxz2y7y6){grid-template-columns:1fr}}.related-card:where(.astro-lxz2y7y6){background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5);border-radius:.75rem;overflow:hidden;text-decoration:none;transition:all .2s}.related-card:where(.astro-lxz2y7y6):hover{border-color:#0d948880;box-shadow:0 4px 12px #0000001a}.related-preview:where(.astro-lxz2y7y6){aspect-ratio:16 / 10;background:var(--sl-color-gray-6);display:flex;align-items:center;justify-content:center}.related-image:where(.astro-lxz2y7y6){max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;padding:1rem}.related-placeholder:where(.astro-lxz2y7y6){font-size:2rem}.related-info:where(.astro-lxz2y7y6){padding:1rem}.related-info:where(.astro-lxz2y7y6) h3:where(.astro-lxz2y7y6){font-size:.9375rem;font-weight:600;color:var(--sl-color-text);margin-bottom:.375rem}.related-info:where(.astro-lxz2y7y6) p:where(.astro-lxz2y7y6){font-size:.8125rem;color:var(--sl-color-gray-3);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}