.template-details.svelte-gh9b2i{max-width:1200px;margin:2rem auto;padding:0 1rem}.back-button.svelte-gh9b2i{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:none;color:var(--color-text-light);cursor:pointer;transition:color .2s ease}.back-button.svelte-gh9b2i:hover{color:var(--color-primary)}.back-button.svelte-gh9b2i svg:where(.svelte-gh9b2i){width:1.25rem;height:1.25rem}header.svelte-gh9b2i{margin:2rem 0;display:flex;align-items:center;gap:1rem}header.svelte-gh9b2i h1:where(.svelte-gh9b2i){margin:0;font-size:2rem;color:var(--color-text)}header.svelte-gh9b2i .category:where(.svelte-gh9b2i){padding:.25rem .75rem;background:var(--color-background-light);border-radius:1rem;font-size:.9rem;color:var(--color-text-light)}.template-content.svelte-gh9b2i{display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 768px){.template-content.svelte-gh9b2i{grid-template-columns:1fr}}.preview-section.svelte-gh9b2i h2:where(.svelte-gh9b2i){margin:0 0 1rem;font-size:1.5rem}.preview-container.svelte-gh9b2i{position:relative;width:100%;border-radius:.5rem;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:var(--color-background-light)}.preview-container.svelte-gh9b2i img:where(.svelte-gh9b2i){width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.preview-container.svelte-gh9b2i img:where(.svelte-gh9b2i):hover{transform:scale(1.02)}.preview-placeholder.svelte-gh9b2i{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:.9rem}.info-section.svelte-gh9b2i h2:where(.svelte-gh9b2i){margin:0 0 1rem;font-size:1.25rem}.description.svelte-gh9b2i{margin-bottom:2rem}.description.svelte-gh9b2i p:where(.svelte-gh9b2i){color:var(--color-text-light);line-height:1.6}.stats.svelte-gh9b2i{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stats.svelte-gh9b2i .stat:where(.svelte-gh9b2i){padding:1rem;background:var(--color-background-light);border-radius:.5rem;text-align:center}.stats.svelte-gh9b2i .stat:where(.svelte-gh9b2i) .label:where(.svelte-gh9b2i){display:block;font-size:.9rem;color:var(--color-text-light);margin-bottom:.5rem}.stats.svelte-gh9b2i .stat:where(.svelte-gh9b2i) .value:where(.svelte-gh9b2i){font-size:1.25rem;font-weight:500;color:var(--color-text)}.element-list.svelte-gh9b2i{list-style:none;padding:0;margin:0}.element-list.svelte-gh9b2i li:where(.svelte-gh9b2i){display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid var(--color-border)}.element-list.svelte-gh9b2i li:where(.svelte-gh9b2i):last-child{border-bottom:none}.element-list.svelte-gh9b2i .element-type:where(.svelte-gh9b2i){padding:.25rem .5rem;background:var(--color-background-light);border-radius:.25rem;font-size:.8rem;color:var(--color-text-light);min-width:5rem}.element-list.svelte-gh9b2i .element-label:where(.svelte-gh9b2i){flex:1;color:var(--color-text)}.element-list.svelte-gh9b2i .required-badge:where(.svelte-gh9b2i){font-size:.8rem;color:var(--color-primary)}.use-template-btn.svelte-gh9b2i{width:100%;padding:1rem;margin-top:0rem;margin-bottom:2rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .2s ease}.use-template-btn.svelte-gh9b2i:hover{background:var(--color-primary-dark)}.loading.svelte-gh9b2i,.error.svelte-gh9b2i{text-align:center;padding:2rem;color:var(--color-text-light)}.error.svelte-gh9b2i{color:var(--color-error)}