.rap-templates-page{max-width:1200px;font-family:var(--font-sans,Inter,sans-serif);margin:auto;padding:36px 24px 72px}.rap-template-cover{aspect-ratio:3/4;background-color:#27251e;background-image:url(/images/rap-templates-atlas.webp);background-repeat:no-repeat;background-size:400% 200%;width:100%}.rap-templates-intro{max-width:790px}.rap-templates-intro h1{letter-spacing:-1.2px;margin:0 0 14px;font-size:clamp(32px,4vw,46px);font-weight:650;line-height:1.15}.rap-templates-intro>p{color:var(--muted-foreground);margin:0;font-size:16px;line-height:1.7}.rap-template-disclosure{color:var(--muted-foreground);align-items:flex-start;gap:9px;margin:22px 0;font-size:13px;line-height:1.7;display:flex}.rap-template-disclosure>svg{color:var(--primary);flex-shrink:0;margin-top:3px}.rap-template-example{border:1px solid var(--border);background:var(--card);border-radius:14px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:26px;margin:24px 0 32px;padding:22px;display:grid}.rap-template-example h2{margin:0 0 12px;font-size:24px;font-weight:600;line-height:1.3}.rap-template-example p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.75}.rap-template-example>figure{min-width:0;margin:0}.rap-template-example video{object-fit:contain;background:#080908;border-radius:9px;width:100%;max-height:330px}.rap-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;display:grid}.rap-template-card{border:1px solid var(--border);background:var(--card);border-radius:13px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.rap-template-art{position:relative}.rap-template-art>span{color:#fff;background:#111b;border-radius:5px;width:fit-content;max-width:calc(100% - 18px);padding:3px 6px;font-size:10px;position:absolute;bottom:9px;left:9px;right:9px}.rap-template-body{flex-direction:column;flex:1;min-width:0;padding:17px;display:flex}.rap-template-stage{color:var(--primary);margin-bottom:5px;font-size:11px}.rap-template-body h2{margin:0 0 9px;font-size:18px;font-weight:600;line-height:1.35}.rap-template-body>p{color:var(--muted-foreground);margin:0 0 14px;font-size:13px;line-height:1.65}.rap-template-body details{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0 0 17px;font-size:12px;line-height:1.65}.rap-template-body summary{cursor:pointer;color:var(--foreground)}.rap-template-body details p{margin:8px 0 0}.rap-template-body>.studio-primary-link{min-height:42px;margin-top:auto;padding:10px;font-size:13px}.rap-template-notes{border-top:1px solid var(--border);max-width:850px;margin-top:42px;padding-top:28px}.rap-template-notes h2{margin:0 0 12px;font-size:24px;font-weight:600}.rap-template-notes p{color:var(--muted-foreground);margin:0 0 18px;font-size:14px;line-height:1.8}.rap-template-notes>a{color:var(--primary);align-items:center;gap:7px;font-size:14px;display:inline-flex}.rap-templates-page a:focus-visible,.rap-templates-page summary:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (width<=1000px){.rap-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.rap-templates-page{padding:26px 16px 50px}.rap-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.rap-template-body{padding:13px}.rap-template-body h2{font-size:16px}.rap-template-body>p,.rap-template-body>.studio-primary-link{font-size:12px}.rap-templates-intro h1{letter-spacing:-.7px}.rap-template-example{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}.rap-template-example h2{font-size:21px}}