.ui-frame.svelte-q8j3kf{aspect-ratio:16/9;border-radius:var(--radius-small);background:var(--surface);place-items:center;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.ui-frame[data-ratio="9 / 16"].svelte-q8j3kf{aspect-ratio:9/16}.ui-frame[data-ratio="1 / 1"].svelte-q8j3kf{aspect-ratio:1}.ui-frame[data-ratio="4 / 5"].svelte-q8j3kf{aspect-ratio:4/5}.ui-frame[data-ratio="21 / 9"].svelte-q8j3kf{aspect-ratio:21/9}img.svelte-q8j3kf{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ui-frame[data-fit=contain].svelte-q8j3kf img:where(.svelte-q8j3kf){object-fit:contain}.ui-frame__title.svelte-q8j3kf{padding:var(--panel-inset);color:var(--ink);font-family:var(--font-display);font-weight:var(--font-display-weight);text-align:center;overflow-wrap:anywhere;font-size:clamp(.625rem,9cqi,3rem);line-height:1.05}.ui-frame__stop.svelte-q8j3kf{color:var(--accent)}.ui-frame__initial.svelte-q8j3kf{color:var(--muted);font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:clamp(.75rem,40cqi,1.5rem);line-height:1;display:none}@container (width<=6rem){.ui-frame__title.svelte-q8j3kf{display:none}.ui-frame__initial.svelte-q8j3kf{display:block}}.chosen.svelte-q8j3kf{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--accent)}.ui-frame__agent.svelte-q8j3kf{top:var(--control-gap);right:var(--control-gap);border:2px solid var(--paper);background:var(--agent);border-radius:50%;width:.625rem;height:.625rem;position:absolute}