.photo-scene.svelte-yrzn2u{text-align:left;grid-template-rows:15.5rem repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr);margin:0;display:grid;position:relative;container-type:inline-size}.photo-frame.svelte-yrzn2u{background:var(--muted);border-radius:1rem;grid-area:1/1/3/2;position:absolute;inset:0;overflow:hidden}.photo-frame.svelte-yrzn2u:after{border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 8%, transparent);content:"";pointer-events:none;position:absolute;inset:0}.photo-frame.svelte-yrzn2u img:where(.svelte-yrzn2u){object-fit:cover;width:100%;height:100%;display:block}.scene-panel.svelte-yrzn2u{z-index:1;width:calc(100% - 2rem);max-width:26rem;box-shadow:0 8px 24px -12px color-mix(in oklab, var(--foreground) 20%, transparent);border-radius:.875rem;flex-direction:column;grid-area:2/1/4/2;justify-self:center;gap:1rem;padding:1rem;font-size:1.125rem;display:flex}@media (width>=40rem){.photo-scene.svelte-yrzn2u{grid-template-rows:20rem repeat(2,minmax(0,1fr))}.photo-frame.svelte-yrzn2u{border-radius:1.5rem}}@media (width>=48rem){.photo-scene.svelte-yrzn2u{grid-template-rows:17rem repeat(2,minmax(0,1fr))}}@media (width>=64rem){.photo-scene.svelte-yrzn2u{grid-template-rows:21rem repeat(2,minmax(0,1fr))}.scene-panel.svelte-yrzn2u{width:calc(100% - 3rem);max-width:27rem;padding:1.25rem}}@container (width<=20rem){.scene-panel.svelte-yrzn2u{width:calc(100% - 1.5rem);font-size:1rem}}
