.pg{display:grid;grid-template-columns:90px minmax(0,1fr);grid-gap:var(--sd-space-4);gap:var(--sd-space-4);align-items:start}.pg:has(.pg__frame:only-child){grid-template-columns:minmax(0,1fr)}.pg__rail{display:grid;grid-gap:var(--sd-space-3);gap:var(--sd-space-3)}.pg__thumb{border:1px solid transparent;background:var(--sd-surface-sunken);padding:0;cursor:pointer;aspect-ratio:1/1;overflow:hidden;transition:border-color var(--sd-dur-fast) var(--sd-ease-out)}.pg__thumb img{width:100%;height:100%;object-fit:contain;display:block}.pg__thumb[aria-selected=true]{border-color:var(--sd-accent)}.pg__thumb:hover{border-color:var(--sd-border-control)}.pg__frame{background:var(--sd-surface-sunken);aspect-ratio:4/5;overflow:hidden;padding:clamp(1rem,3vw,2.5rem);position:relative}.pg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;animation:pg-in .52s var(--sd-ease-out)}@keyframes pg-in{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.pg{grid-template-columns:minmax(0,1fr)}.pg__rail{grid-auto-flow:column;grid-auto-columns:70px;overflow-x:auto;order:2;scrollbar-width:none}.pg__rail::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.pg__img{animation:none}}