:host{display:block}*,:before,:after{box-sizing:border-box}h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg{max-width:100%;display:block}a{color:var(--sw-blue-strong);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--sw-blue);outline-offset:3px;border-radius:4px}.stage{gap:.875rem;display:grid}.screen{border:1px solid var(--sw-line);border-radius:var(--sw-radius);background:var(--sw-surface);box-shadow:var(--sw-shadow-large);overflow:hidden}.playful .screen{border:6px solid var(--gallery-frame,var(--sw-ink));background:var(--gallery-frame,var(--sw-ink));box-shadow:10px 10px 0 var(--gallery-accent,var(--sw-warm));transition:transform var(--sw-speed) ease;border-radius:16px;transform:rotate(-1deg)}.playful .screen:hover{transform:rotate(0)scale(1.01)}.screen img{object-fit:cover;width:100%;height:100%}figcaption{min-height:1.5em;color:var(--gallery-caption,var(--sw-muted));padding-left:.25rem;font-size:.9375rem;font-style:italic}.thumbs{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.75rem;margin-top:.75rem;display:grid}.thumb{border:2px solid var(--sw-line);background:var(--gallery-frame,var(--sw-surface));cursor:pointer;opacity:.8;width:100%;transition:transform var(--sw-speed) ease, opacity var(--sw-speed) ease, border-color var(--sw-speed) ease;border-radius:10px;padding:0;display:block;overflow:hidden}.playful .thumb{border:3px solid #0000}.thumb:hover{opacity:1;transform:translateY(-3px)}.playful .thumb:hover{transform:translateY(-3px)rotate(-2deg)}.thumb[aria-pressed=true]{border-color:var(--gallery-accent,var(--sw-blue));opacity:1}.thumb:focus-visible{outline:3px solid var(--gallery-accent,var(--sw-blue));outline-offset:3px}.thumb img{object-fit:cover;width:100%;height:100%}