.demo-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.demo-gallery-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-width:0}.demo-gallery-image{display:block;overflow:hidden;border-bottom:1px solid var(--line);background:var(--bg-alt);aspect-ratio:3/2}.demo-gallery-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s var(--ease-out)}.demo-gallery-body{padding:32px;display:flex;flex-direction:column;gap:20px}.demo-gallery-body>span{font:11px/1.8 var(--font-mono);color:var(--pink-t)}.demo-gallery-body h3{font-size:28px;line-height:1.3}.demo-gallery-body p{color:var(--text-2);line-height:1.8}.demo-gallery-body .btn{margin-top:8px;justify-content:space-between;text-align:left}.demo-gallery-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.demo-gallery-filters button{padding:12px 16px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:var(--r);font:12px/1.7 var(--font-mono);cursor:pointer;min-height:48px}.demo-gallery-filters button[aria-pressed=true]{background:var(--dark);color:var(--on-dark)}[data-demo-result]{font:12px/1.8 var(--font-mono);color:var(--text-2);margin-bottom:28px}.demo-gallery-card[hidden]{display:none}.studio-page>.phead .hero-actions{margin:28px 0}.studio-page>.phead .hero-actions+.lede{margin-top:28px}@media(hover:hover){.demo-gallery-image:hover img{transform:scale(1.025)}}@media(max-width:700px){.demo-gallery-grid{grid-template-columns:1fr;gap:28px}.demo-gallery-body{padding:28px}.demo-gallery-filters button{flex:1 1 auto}.demo-gallery-body h3{font-size:26px}}@media(prefers-reduced-motion:reduce){.demo-gallery-image img{transition:none}}