.tpl-page{padding:48px 0 64px}.tpl-head h1{letter-spacing:-.02em;margin:0;font-size:30px}.tpl-version{color:var(--text-1);align-items:center;gap:10px;margin-top:22px;font-size:14px;display:inline-flex}.tpl-version select{border:1px solid var(--line-2);background:var(--bg-2);height:34px;color:var(--text-0);font:500 14px var(--font-ui);border-radius:6px;padding:0 10px}.tpl-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.tpl-card{border:1px solid var(--line);background:var(--bg-1);border-radius:10px;flex-direction:column;padding:18px;display:flex}.tpl-card[data-unavailable]{opacity:.55}.tpl-preview{background:var(--bg-0);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;display:grid}.tpl-preview canvas{aspect-ratio:1;width:100%;image-rendering:pixelated;background:var(--bg-2);border-radius:3px}.tpl-card h2{margin:16px 0 6px;font-size:17px}.tpl-blurb{color:var(--text-1);flex:1;margin:0;font-size:14px}.tpl-since{margin:10px 0 14px;font-size:13px}.tpl-card .button{align-self:flex-start}.tpl-status{min-height:1.4em;margin:16px 0 0;font-size:14px}.tpl-how{max-width:720px;margin-top:36px}.tpl-how h2{margin:0 0 8px;font-size:18px}.tpl-how li,.tpl-how p{color:var(--text-1)}