.studio-templates{padding-bottom:72px}
.studio-templates .section-heading{max-width:760px}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.template-card{display:flex;flex-direction:column;min-width:0;border:1px solid #bba2ff30;border-radius:14px;background:linear-gradient(145deg,#191b31,#101426);overflow:hidden;transition:border-color .2s}
.template-card:hover,.template-card:focus-within{border-color:#bba2ff85}
.template-preview{background:#101322;border-bottom:1px solid #bba2ff20}
.template-browser-bar{height:31px;padding:0 13px;display:flex;align-items:center;gap:5px;background:#1c2034}
.template-browser-bar>span{width:5px;height:5px;border-radius:50%;background:#65708b}
.template-browser-bar>span:first-child{background:#f7c13ca6}
.template-browser-bar>small{margin-left:auto;font-size:10px;line-height:1;letter-spacing:.04em;color:#b9c0d4}
.template-preview>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:top;background:#f5f5f5}
.template-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:24px}
.template-category{font-size:12px;line-height:1.6;letter-spacing:.09em;text-transform:uppercase;color:#d0baff}
.template-copy h3{font-size:29px;margin-top:9px}
.template-description{font-size:16px;line-height:1.75;color:var(--muted);margin-block:15px 25px}
.template-copy .text-link{justify-content:space-between;align-self:stretch;gap:12px;font-size:15px;color:#eed18d;margin-top:auto;padding-block:9px;border-top:1px solid #ffffff14}
.template-copy .text-link:hover{color:#ffe3a5}
.templates-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px}
.templates-footer>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:440px}
.templates-footer>div{flex:none;max-width:100%}
.templates-footer .button{font-size:15px;gap:18px}
.templates-footer small{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:10px}
@media(max-width:1000px){.template-grid{gap:16px}.template-copy{padding:20px}.template-description{font-size:15px}}
@media(max-width:800px){.template-grid{grid-template-columns:1fr}.template-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.template-preview{align-self:center;border-bottom:0;border-right:1px solid #bba2ff20}.templates-footer{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:540px){.studio-templates{padding-bottom:48px}.template-grid{gap:22px}.template-card{display:flex}.template-preview{border-right:0;border-bottom:1px solid #bba2ff20}.template-preview>img{height:auto;min-height:0}.template-copy{padding:22px}.template-description{font-size:16px}.templates-footer>div,.templates-footer .button{width:100%}.templates-footer .button{font-size:14px;gap:10px}}
@media(prefers-reduced-motion:reduce){.template-card{transition:none}}
@media(forced-colors:active){.template-card,.template-preview,.template-copy .text-link{border-color:CanvasText}.template-category,.template-copy .text-link{color:LinkText}}