.keel-artwork-viewport{position:relative;inset:auto;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:1px solid var(--line)}.keel-artwork-viewport,.keel-artwork-viewport__surface{display:flex;flex-direction:column;width:100%;color:var(--text);background:var(--surface-sunken)}.keel-artwork-viewport__surface{min-height:0;height:100%}.keel-artwork-viewport__media{position:relative;width:100%;aspect-ratio:1;min-width:0;min-height:0;overflow:hidden}.keel-artwork-viewport__media>*{position:absolute;inset:0;width:100%;height:100%;margin:0}.keel-artwork-viewport__media>img,.keel-artwork-viewport__media>video{object-fit:contain}.keel-artwork-viewport--inline{height:100%;border:0}.keel-artwork-viewport--inline .keel-artwork-viewport__media{flex:1;aspect-ratio:auto}.keel-artwork-viewport__toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border-top:1px solid var(--line)}.keel-artwork-viewport__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;color:var(--muted)}.keel-artwork-viewport[data-expanded=true]{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0}.keel-artwork-viewport[data-expanded=true] .keel-artwork-viewport__media{flex:1;aspect-ratio:auto}.keel-artwork-viewport::backdrop{background:var(--surface-sunken)}.keel-artwork-viewport__surface:fullscreen{width:100%;height:100%}@media (max-width:40rem){.keel-artwork-viewport__title{display:none}.keel-artwork-viewport__toolbar{justify-content:flex-end}}