.screenshot-gallery.svelte-sbkwed{display:grid;grid-template-columns:repeat(var(--sg-columns, 3),1fr);gap:28px;align-items:start}.screenshot-gallery.mixed.svelte-sbkwed{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}figure.svelte-sbkwed{margin:0;display:flex;flex-direction:column;cursor:pointer;transition:transform .3s}figure.svelte-sbkwed:hover{transform:translateY(-2px)}.screen.svelte-sbkwed{overflow:hidden;background:var(--cream-dark)}.screen.svelte-sbkwed img:where(.svelte-sbkwed){width:100%;display:block}figcaption.svelte-sbkwed{padding:12px 4px;font-size:.78rem;color:var(--fp-muted);text-align:center;line-height:1.4;letter-spacing:.01em}.desktop.svelte-sbkwed{border-radius:8px;overflow:hidden;border:1px solid var(--fp-border);background:var(--white)}.browser-chrome.svelte-sbkwed{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--white);border-bottom:1px solid var(--fp-border)}.dots.svelte-sbkwed{display:flex;gap:4px;flex-shrink:0}.dot.svelte-sbkwed{width:6px;height:6px;border-radius:50%;background:var(--fp-border)}.url-bar.svelte-sbkwed{flex:1;height:14px;border-radius:3px;background:var(--cream)}.custom-chrome.svelte-sbkwed .desktop:where(.svelte-sbkwed){border-color:color-mix(in srgb,var(--sg-chrome) 40%,transparent);background:var(--sg-chrome)}.custom-chrome.svelte-sbkwed .browser-chrome:where(.svelte-sbkwed){background:var(--sg-chrome);border-bottom-color:color-mix(in srgb,var(--sg-chrome) 40%,transparent)}.custom-chrome.svelte-sbkwed .dot:where(.svelte-sbkwed){background:color-mix(in srgb,var(--sg-chrome) 60%,#999)}.custom-chrome.svelte-sbkwed .url-bar:where(.svelte-sbkwed){background:color-mix(in srgb,var(--sg-chrome) 70%,white)}.custom-chrome.svelte-sbkwed .mobile:where(.svelte-sbkwed){border-color:color-mix(in srgb,var(--sg-chrome) 40%,transparent);background:var(--sg-chrome)}.custom-chrome.svelte-sbkwed .phone-chrome:where(.svelte-sbkwed){background:var(--sg-chrome)}.custom-chrome.svelte-sbkwed .notch:where(.svelte-sbkwed){background:color-mix(in srgb,var(--sg-chrome) 60%,#999)}.custom-chrome.svelte-sbkwed .phone-bottom:where(.svelte-sbkwed){background:var(--sg-chrome)}.custom-chrome.svelte-sbkwed .home-bar:where(.svelte-sbkwed){background:color-mix(in srgb,var(--sg-chrome) 60%,#999)}.mobile.svelte-sbkwed{max-width:260px;justify-self:center;border-radius:28px;overflow:hidden;border:3px solid var(--fp-border);background:var(--white)}.phone-chrome.svelte-sbkwed{display:flex;justify-content:center;padding:10px 0 6px;background:var(--white)}.notch.svelte-sbkwed{width:80px;height:6px;border-radius:3px;background:var(--fp-border)}.phone-bottom.svelte-sbkwed{display:flex;justify-content:center;padding:8px 0 10px;background:var(--white)}.home-bar.svelte-sbkwed{width:60px;height:4px;border-radius:2px;background:var(--fp-border)}.mobile.svelte-sbkwed .screen:where(.svelte-sbkwed) img:where(.svelte-sbkwed){aspect-ratio:9 / 19.5;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}@media(max-width:768px){.screenshot-gallery.svelte-sbkwed{grid-template-columns:1fr;gap:24px}.screenshot-gallery.mixed.svelte-sbkwed{grid-template-columns:1fr}.mobile.svelte-sbkwed{max-width:220px}}