.templates-page .desktop-nav [aria-current=page]{color:var(--ink);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.library-hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:85px 75px}.library-hero h1{font-size:clamp(50px,5.3vw,78px);line-height:1.04;letter-spacing:-3.8px;margin-top:25px}.library-hero h1 span{color:#77796c}.library-lead{font-size:21px;line-height:1.5;letter-spacing:-.3px;margin-top:28px}.library-description{font-size:14px;line-height:1.8;color:var(--muted);max-width:400px;margin-top:16px}.library-hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.library-hero-actions .button{font-size:12px;gap:15px}.library-hero-actions .text-link{font-size:12px}.library-stats{display:flex;gap:24px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.library-stats strong{display:block;color:#3e4036;font-size:21px;letter-spacing:-.5px;margin-bottom:5px;font-weight:550}.library-hero-art{position:relative;height:415px;min-width:0;background:#efefe6;border-radius:16px;overflow:hidden;border:1px solid #e3e4d8}.hero-design{position:absolute;top:42px;width:41%;border:1px solid #dce0d1;border-radius:9px;box-shadow:0 10px 25px #383b2410;background:#fff;overflow:hidden;transition:transform .2s}.hero-design img{width:100%;height:270px;object-fit:cover;object-position:top}.hero-design>span{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:12px;font-size:10px;font-weight:500}.hero-design-0{left:3%;transform:rotate(-7deg);top:63px;z-index:1}.hero-design-1{left:29%;z-index:3;top:30px;transform:rotate(2deg)}.hero-design-2{right:-8%;z-index:2;top:65px;transform:rotate(8deg)}.hero-design:hover{transform:translateY(-7px) rotate(0)}.hero-library-label{position:absolute;bottom:24px;left:24px;font-size:8px;letter-spacing:1.6px;color:#919681}.library-browse{background:#efefe9;border-block:1px solid var(--line);scroll-margin-top:90px}.browse-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}.browse-heading h2,.library-workflow h2,.library-upgrade h2{font-size:46px;line-height:1.08;letter-spacing:-2px;margin-top:20px}.browse-heading>p{color:var(--muted);font-size:13px;line-height:1.8}.library-controls{padding:24px;border:1px solid #dcded2;background:#f8f8f5;border-radius:12px}.library-search{display:flex;align-items:center;gap:12px;border:1px solid #d6d8ce;background:#fff;border-radius:8px;padding:0 15px}.library-search>svg{color:#838775;flex:none}.library-search input{width:100%;min-width:0;border:0;background:transparent;padding:17px 0;outline:0;font-size:13px;color:var(--ink)}.library-search:focus-within{outline:2px solid #848c62;outline-offset:2px}.library-selects{display:grid;grid-template-columns:1fr 1.3fr .8fr auto;align-items:end;gap:15px;margin-top:20px}.library-selects>label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#7b7e70}.library-selects select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;border:1px solid #d7d9ce;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23707466%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%209%206%206%206-6%22%2F%3E%3C%2Fsvg%3E") no-repeat right 14px center;background-size:16px 16px;border-radius:6px;padding:11px 42px 11px 12px;font:inherit;font-size:12px;color:#4e5145;min-height:41px}.library-reset{font-size:11px;color:#585d47;background:#e5e8da;border:1px solid #d6dcc3;border-radius:6px;padding:12px 14px;min-height:41px}.library-reset:hover{background:#dce1ce;color:#272d18}.library-results-meta{display:flex;justify-content:space-between;gap:15px;padding:25px 0 20px;font-size:11px;color:#7a7e6d}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 25px}.library-card{min-width:0}.library-image{position:relative;display:block;aspect-ratio:1.1;border:1px solid #dadfd0;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.library-image img{width:100%;height:100%;object-fit:cover;object-position:top}.library-image:hover{border-color:#aeb79c;box-shadow:0 6px 20px #252f140a}.library-plan{position:absolute;right:12px;top:12px;display:inline-block;background:#34382c;color:#fff;border:1px solid #ffffff60;border-radius:5px;padding:4px 7px;letter-spacing:.7px;font-size:8px;font-weight:550}.library-plan.is-free{background:#fff;color:#586545;border-color:#dfe5d7}.library-preview-hint{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;background:#f8f8f5f5;padding:12px 14px;border:1px solid #e0e5d8;border-radius:7px;font-size:11px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.library-image:hover .library-preview-hint,.library-image:focus-visible .library-preview-hint{opacity:1;transform:none}.library-card-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:17px}.library-card-caption p{font-size:10px;color:#8b8f7d;margin-bottom:6px}.library-card-caption h3{font-size:17px;letter-spacing:-.4px;line-height:1.3}.library-card-caption .round-button{width:35px;height:35px;flex:none}.library-pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:45px;font-size:12px}.library-pagination[hidden]{display:none}.library-pagination button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:115px;min-height:42px;border:1px solid #d2d8c7;border-radius:7px;background:#f9faf6;font-size:11px;padding:10px 15px}.library-pagination button:disabled{opacity:.4;cursor:default}.library-pagination span{min-width:45px;color:#878d76;text-align:center;font-size:11px}.library-empty{text-align:center;padding:50px 20px;border:1px dashed #cbd2be;border-radius:10px}.library-empty[hidden]{display:none}.library-empty h3{font-size:23px}.library-empty p{margin:15px 0 25px;font-size:13px;color:var(--muted)}.library-workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px}.library-workflow ol{margin:0;padding:0;list-style:none;display:grid;gap:30px}.library-workflow li{display:flex;gap:25px;border-top:1px solid var(--line);padding-top:24px}.library-workflow li>span{font-size:11px;color:#929882;padding-top:4px}.library-workflow h3{font-size:22px;letter-spacing:-.5px}.library-workflow p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:12px}.library-upgrade{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:50px 55px;border-radius:14px;background:#e9edda;border:1px solid #d7ddc4}.library-upgrade h2 span{color:#70785b}.library-upgrade p{font-size:13px;line-height:1.8;color:#747c60;margin-top:20px}.library-upgrade small{display:block;font-size:10px;line-height:1.8;color:#8b927c;margin-top:12px}.library-upgrade-actions{display:flex;flex-direction:column;align-items:center;gap:22px;flex:none}.library-upgrade-actions .text-link{font-size:11px}.library-faq .faq-list a{text-decoration:underline}.templates-page .site-footer{border-top:1px solid var(--line)}
html:has(.library-preview[open]){overflow:hidden}.library-preview{position:fixed;inset:0;width:calc(100vw - 48px);max-width:none;height:calc(100dvh - 48px);max-height:none;margin:auto;padding:0;border:1px solid #ffffff70;border-radius:14px;background:#ededeb;color:var(--ink);overflow:hidden;box-shadow:0 24px 96px #00000030}.library-preview[open]{display:flex;flex-direction:column}.library-preview::backdrop{background:#20202070;backdrop-filter:blur(4px)}.library-preview-toolbar{display:flex;align-items:center;gap:12px;flex:none;padding:13px 18px;min-height:65px;background:#fafaf8;border-bottom:1px solid var(--line)}.library-preview-toolbar h2{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;letter-spacing:0}.library-preview-devices{display:flex;padding:3px;gap:2px;border:1px solid #dfe0d9;border-radius:8px;background:#efefeb}.library-preview-devices button{display:grid;place-items:center;width:34px;height:31px;background:transparent;border:1px solid transparent;border-radius:5px;padding:0;color:#848879}.library-preview-devices button[aria-pressed=true]{background:#fff;border-color:#d8dcd0;color:#373e28}.library-preview-toolbar .round-button{flex:none;border:0;width:34px;height:34px}.library-preview-stage{position:relative;display:flex;flex:1;min-height:0;overflow:auto;padding:18px;overscroll-behavior:contain}.library-preview-stage[data-device=desktop]{padding:0}.library-preview-stage iframe{box-sizing:border-box;flex:none;display:block;width:100%;height:100%;min-height:100%;margin:0 auto;border:0;background:#fff;opacity:0}.library-preview.is-ready iframe{opacity:1}.library-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#818674;pointer-events:none;text-align:center;padding:25px}.library-preview.is-ready .library-preview-loading{display:none}
@media(min-width:1600px){.library-hero-art{height:450px}.hero-design img{height:305px}.library-hero h1{font-size:82px}}
@media(max-width:1100px){.library-hero{gap:30px;padding-block:65px}.library-hero h1{font-size:60px;letter-spacing:-3px}.library-hero-art{height:365px}.hero-design img{height:225px}.hero-design>span{font-size:9px}.library-stats{gap:20px;font-size:9px}.library-hero-actions{gap:18px}.library-selects{grid-template-columns:1fr 1fr 1fr}.library-reset{grid-column:1/-1;justify-self:end}.library-grid{gap:30px 20px}.library-upgrade{padding:40px;gap:30px}.library-upgrade h2,.library-workflow h2,.browse-heading h2{font-size:40px}.library-workflow{gap:45px}}
@media(max-width:760px){.library-hero{grid-template-columns:1fr;gap:35px;padding-block:45px}.library-hero h1{font-size:56px;letter-spacing:-2.7px}.library-hero-art{height:390px}.hero-design img{height:255px}.hero-design>span{font-size:11px}.library-lead{font-size:19px}.library-description{font-size:13px}.library-hero .eyebrow{font-size:9px}.library-stats{font-size:10px;gap:35px}.browse-heading{display:block;margin-bottom:28px}.browse-heading>p{margin-top:20px;font-size:12px}.browse-heading h2,.library-workflow h2,.library-upgrade h2{font-size:35px;letter-spacing:-1.5px}.library-controls{padding:18px}.library-selects{grid-template-columns:1fr 1fr;gap:14px 12px}.library-selects>label:last-of-type{grid-column:1}.library-reset{grid-column:2;justify-self:stretch;font-size:10px;padding:10px 8px;line-height:1.6}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.library-card-caption{gap:9px}.library-card-caption h3{font-size:15px}.library-card-caption p{font-size:9px;line-height:1.5}.library-card-caption .round-button{width:28px;height:28px}.library-card-caption svg{width:15px;height:15px}.library-plan{right:9px;top:9px}.library-workflow{grid-template-columns:1fr;gap:35px}.library-upgrade{flex-direction:column;align-items:flex-start;padding:35px 28px;gap:28px}.library-upgrade-actions{align-items:flex-start}.library-preview{width:calc(100vw - 20px);height:calc(100dvh - 20px);border-radius:10px}.library-preview-toolbar{gap:5px;padding:10px;min-height:60px;flex-wrap:wrap}.library-preview-toolbar h2{flex:1 1 calc(100% - 95px);font-size:13px}.library-preview-devices{order:4;margin-inline:auto}.library-preview-devices button{width:44px;height:36px}.library-preview-toolbar .round-button{width:38px;height:38px}}
@media(max-width:450px){.library-hero h1{font-size:49px;letter-spacing:-2.5px}.library-hero-actions{flex-wrap:wrap}.library-hero-actions .button{width:100%}.library-hero-art{height:305px}.hero-design img{height:187px}.hero-design{width:45%;top:45px}.hero-design-1{top:24px;left:26%}.hero-design-2{right:-12%;top:55px}.hero-design>span{font-size:8px;padding:10px 8px}.hero-design>span svg{width:13px;height:13px}.hero-library-label{left:16px;bottom:18px;font-size:7px}.library-stats{gap:24px;font-size:9px}.library-grid{grid-template-columns:1fr;gap:32px}.library-image{aspect-ratio:1.15}.library-card-caption h3{font-size:19px}.library-card-caption p{font-size:11px}.library-card-caption .round-button{width:35px;height:35px}.library-controls{padding:15px}.library-search{padding:0 12px}.library-search input{font-size:11px;padding:15px 0}.library-selects select{font-size:11px;padding-left:8px}.library-pagination{gap:14px}.library-pagination[hidden]{display:none}.library-pagination button{min-width:100px;padding:10px;font-size:11px}.library-upgrade-actions{width:100%}.library-upgrade-actions .button{width:100%}.library-preview-stage{padding:10px}}
@media(prefers-reduced-motion:reduce){html:has(.templates-page){scroll-behavior:auto}.templates-page *{transition:none!important;animation:none!important}}