.ss-templates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-12) var(--space-6);margin:var(--space-8)0 0;padding:0;list-style:none}.ss-template-card{display:block;color:var(--ink);text-decoration:none}.ss-template-card__frame{display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;background:var(--surface)}.ss-template-card__frame img{max-width:100%;max-height:100%;object-fit:contain}.ss-site .ss-template-card h3{margin-top:var(--space-3);font-size:var(--fs-md);font-weight:600;letter-spacing:-.01em;line-height:1.3}.ss-template-card:hover h3{text-decoration:underline}@media (max-width:960px){.ss-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}.ss-template .ss-grid{align-items:start}.ss-template__info{grid-column:1/span 6}.ss-template__info .ss-label a{color:inherit}.ss-site .ss-template__info h1{font-size:var(--fs-h2);letter-spacing:-.04em;line-height:1.05}.ss-site .ss-template__info h2{margin-top:var(--space-12);padding-top:var(--space-4);border-top:1px solid var(--ink);font-size:var(--fs-lg);letter-spacing:-.01em}.ss-template__info>p:not(.ss-label,.ss-template__note){max-width:36rem;margin-top:var(--space-4);color:var(--text)}.ss-template__intro{font-size:var(--fs-md)}.ss-template__info .ss-actions{margin-top:var(--space-8)}.ss-template__note{margin-top:var(--space-3);color:var(--faint);font-size:var(--fs-sm)}.ss-template__fields{margin:var(--space-4)0 0}.ss-template__fields>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-4);padding:var(--space-2)0;border-bottom:1px solid var(--line)}.ss-template__fields dt{color:var(--ink);font-family:var(--mono);font-size:var(--fs-xs);font-weight:400;overflow-wrap:anywhere}.ss-template__fields dd{margin:0;overflow:hidden;color:var(--text);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap}.ss-template__copy{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin-top:var(--space-4)}.ss-template__copy button{padding:0;border:0;background:0 0;color:var(--ink);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.ss-template__body{margin-top:var(--space-12)}.ss-template__preview{grid-column:7/span 6;position:sticky;top:calc(60px + var(--space-8));width:min(100%,calc((100vh - 60px - var(--space-16))*var(--ratio)))}.ss-template__preview video{display:block;background:var(--surface)}.ss-template__all{margin-top:var(--space-8)}@media (max-width:960px){.ss-template__info,.ss-template__preview{grid-column:1/-1}.ss-template__preview{position:static;order:-1;width:min(100%,calc(60vh*var(--ratio)))}}