.templates-page.svelte-15smz7k{padding:80px 24px;background:linear-gradient(180deg,#fff,#fafafa)}@media(min-width:768px){.templates-page.svelte-15smz7k{padding:100px 24px}}.templates-inner.svelte-15smz7k{max-width:1000px;margin:0 auto}.section-header.svelte-15smz7k{text-align:center;margin-bottom:32px}.section-header.svelte-15smz7k h1:where(.svelte-15smz7k){font-size:36px;font-weight:700;color:#000;letter-spacing:-.02em;margin:0 0 8px}@media(min-width:768px){.section-header.svelte-15smz7k h1:where(.svelte-15smz7k){font-size:44px}}.section-header.svelte-15smz7k p:where(.svelte-15smz7k){font-size:16px;color:#666}.filters.svelte-15smz7k{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px}.filter-btn.svelte-15smz7k{padding:8px 16px;font-size:13px;font-weight:500;color:#666;background:#fff;border:1px solid #e5e5e5;border-radius:100px;cursor:pointer;transition:all .15s}.filter-btn.svelte-15smz7k:hover{border-color:#ccc;color:#333}.filter-btn.active.svelte-15smz7k{background:#0f6fc8;border-color:#0f6fc8;color:#fff}.templates-grid.svelte-15smz7k{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:48px}@media(min-width:640px){.templates-grid.svelte-15smz7k{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.templates-grid.svelte-15smz7k{grid-template-columns:repeat(3,1fr)}}.template-card.svelte-15smz7k{display:block;text-decoration:none;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #eee;transition:all .2s}.template-card.svelte-15smz7k:hover{border-color:#0f6fc8;box-shadow:0 8px 24px #0f6fc81a}.template-card.svelte-15smz7k:hover .template-hover:where(.svelte-15smz7k){opacity:1}.template-preview.svelte-15smz7k{position:relative;aspect-ratio:4 / 3}.template-hover.svelte-15smz7k{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .2s}.template-hover.svelte-15smz7k span:where(.svelte-15smz7k){font-size:14px;font-weight:600;color:#fff}.template-info.svelte-15smz7k{padding:16px;display:flex;justify-content:space-between;align-items:center}.template-info.svelte-15smz7k h3:where(.svelte-15smz7k){font-size:15px;font-weight:600;color:#000;margin:0}.template-info.svelte-15smz7k span:where(.svelte-15smz7k){font-size:12px;color:#888}.templates-footer.svelte-15smz7k{text-align:center}.templates-footer.svelte-15smz7k p:where(.svelte-15smz7k){font-size:14px;color:#888;margin:0 0 8px}.link-btn.svelte-15smz7k{font-size:14px;font-weight:500;color:#0f6fc8;text-decoration:underline;text-underline-offset:2px}.link-btn.svelte-15smz7k:hover{color:#0b5ba8}