header.svelte-ubkcxg{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;border-bottom:1px solid var(--line);background:#fff}nav.svelte-ubkcxg{display:flex;align-items:center;gap:23px;font-size:13px}nav.svelte-ubkcxg>a:where(.svelte-ubkcxg):not(.btn):hover{text-decoration:underline}main.svelte-ubkcxg{width:1160px;max-width:calc(100% - 48px);margin:70px auto 100px}.heading.svelte-ubkcxg{margin-bottom:40px}h1.svelte-ubkcxg{font-size:clamp(34px,5vw,54px);letter-spacing:-1.7px;font-weight:600;margin:0 0 15px}.filters.svelte-ubkcxg{display:grid;grid-template-columns:1fr 220px;gap:15px;margin-bottom:30px}.search.svelte-ubkcxg{display:flex;gap:11px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:8px;background:#fff}.search.svelte-ubkcxg input:where(.svelte-ubkcxg){border:0;outline:0;width:100%;min-width:0;font-size:14px;background:transparent}.search.svelte-ubkcxg:focus-within{border-color:#537b45;box-shadow:0 0 0 2px #537b4526}.template-grid.svelte-ubkcxg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.template-grid.svelte-ubkcxg article:where(.svelte-ubkcxg){min-width:0;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}.template-grid.svelte-ubkcxg article:where(.svelte-ubkcxg):has(a:where(.svelte-ubkcxg):hover),.template-grid.svelte-ubkcxg article:where(.svelte-ubkcxg):focus-within{box-shadow:0 8px 25px #24482c0d;border-color:#b5c4ab}.template-preview.svelte-ubkcxg{display:block;aspect-ratio:1.5;overflow:hidden;position:relative;background:#eaf0e4}.template-preview.svelte-ubkcxg img:where(.svelte-ubkcxg){width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .22s ease}.template-preview.svelte-ubkcxg:hover img:where(.svelte-ubkcxg),.template-preview.svelte-ubkcxg:focus-visible img:where(.svelte-ubkcxg){transform:scale(1.035)}.template-preview.svelte-ubkcxg>span:where(.svelte-ubkcxg){display:flex;align-items:center;gap:7px;position:absolute;bottom:12px;right:12px;font-size:11px;padding:8px 10px;border-radius:5px;background:#fffefd;color:#26452e;box-shadow:0 2px 12px #0001}.template-info.svelte-ubkcxg{padding:21px}.template-info.svelte-ubkcxg>div:where(.svelte-ubkcxg):first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}h2.svelte-ubkcxg{font-size:18px;font-weight:600;margin:0}.template-info.svelte-ubkcxg>div:where(.svelte-ubkcxg)>span:where(.svelte-ubkcxg){font-size:11px;color:#75816e}.template-info.svelte-ubkcxg>p:where(.svelte-ubkcxg){font-size:13px;color:#65735f;line-height:1.8;min-height:46px}.template-actions.svelte-ubkcxg{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.template-actions.svelte-ubkcxg .btn:where(.svelte-ubkcxg){font-size:12px}.empty.svelte-ubkcxg{text-align:center;font-size:14px;color:#6b7b62;padding:60px}footer.svelte-ubkcxg{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1160px;margin:0 auto;padding:30px 24px;border-top:1px solid var(--line)}footer.svelte-ubkcxg>a:where(.svelte-ubkcxg){font-size:13px;color:#526448}footer.svelte-ubkcxg>a:where(.svelte-ubkcxg):hover{text-decoration:underline;text-underline-offset:4px}footer.svelte-ubkcxg>a:where(.svelte-ubkcxg):focus-visible{outline:2px solid #537b45;outline-offset:4px}@media(max-width:950px){.template-grid.svelte-ubkcxg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){header.svelte-ubkcxg{padding:20px}nav.svelte-ubkcxg{gap:13px}nav.svelte-ubkcxg>a:where(.svelte-ubkcxg):first-child{display:none}.template-grid.svelte-ubkcxg{grid-template-columns:1fr}main.svelte-ubkcxg{margin-top:40px}.filters.svelte-ubkcxg{grid-template-columns:1fr}.template-info.svelte-ubkcxg>p:where(.svelte-ubkcxg){min-height:0}footer.svelte-ubkcxg{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.template-preview.svelte-ubkcxg img:where(.svelte-ubkcxg),.template-grid.svelte-ubkcxg article:where(.svelte-ubkcxg){transition:none}.template-preview.svelte-ubkcxg:hover img:where(.svelte-ubkcxg),.template-preview.svelte-ubkcxg:focus-visible img:where(.svelte-ubkcxg){transform:none}}