@media screen{.templates-hub{padding:88px 20px 48px}.templates-inner{max-width:1152px;margin:0 auto}.templates-header{grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;padding-bottom:64px;display:grid}.templates-header h1{letter-spacing:-.035em;max-width:680px;margin:0;font-size:clamp(2.75rem,5vw,4.75rem);font-weight:500;line-height:1.04}.templates-header p{max-width:440px;color:var(--ink2);margin:0 0 5px;font-size:1.125rem;line-height:1.6}.templates-list{border-top:1px solid color-mix(in srgb, var(--ink) 18%, transparent)}.template-row{border-bottom:1px solid color-mix(in srgb, var(--ink) 14%, transparent);min-height:132px;color:inherit;grid-template-columns:64px 1fr auto;align-items:center;gap:20px;padding:24px 0;text-decoration:none;transition:padding .2s,background .2s;display:grid}.template-row:hover{background:color-mix(in srgb, var(--ink) 3%, transparent);padding-left:12px;padding-right:12px}.template-row:focus-visible{outline-offset:4px;outline:2px solid}.template-number{color:var(--ink3);align-self:start;padding-top:7px;font-size:.8rem}.template-row-copy{gap:8px;display:grid}.template-row-title{letter-spacing:-.025em;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:500;line-height:1.2}.template-row-description{color:var(--ink2);line-height:1.5}.template-row-action{white-space:nowrap;align-items:center;gap:16px;font-size:.875rem;font-weight:500;display:flex}.template-row-action span{font-size:1.2rem;transition:transform .2s}.template-row:hover .template-row-action span{transform:translate(3px,-3px)}.template-back{color:var(--ink3);font-size:.875rem;text-decoration:none;display:inline-block}.template-back:hover{color:inherit;text-decoration:underline}.template-detail h1,.template-detail .tpl-chrome h2{font-weight:500}.template-detail>section.tpl-chrome.py-20{padding-top:4rem;padding-bottom:4rem}.template-detail>section.tpl-chrome.py-14{padding-top:2.5rem;padding-bottom:0}.template-detail>section.tpl-chrome:last-child{padding-bottom:3rem}.template-detail #generate>div{padding-top:4rem;padding-bottom:4rem}@media (max-width:640px){.templates-hub{padding-top:60px;padding-bottom:32px}.templates-header{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.template-row{grid-template-columns:32px 1fr;gap:12px;min-height:0}.template-row-action{grid-column:2;margin-top:4px}.template-detail>section.tpl-chrome.py-20,.template-detail #generate>div{padding-top:3rem;padding-bottom:3rem}.template-detail>section.tpl-chrome:last-child{padding-bottom:2rem}}@media (prefers-reduced-motion:reduce){.template-row,.template-row-action span{transition:none}}}