/* The eleven approved full-frame compositions. Only visibility changes at a cut. */
.universe{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:20px 28px 0 0}
.collage{position:relative;width:100%;aspect-ratio:1;background:#fff;isolation:isolate;overflow:hidden;contain:paint}
.collage,.collage *{animation:none!important;transition:none!important}
.collage-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;visibility:hidden;pointer-events:none}
.collage-frame.is-current{visibility:visible}
.scene-controls{min-height:52px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:14px;font:9px "Courier New",monospace;letter-spacing:.5px;margin-top:auto}
.remix-button{background:none;border:0;min-height:44px;padding:4px 0;display:flex;align-items:center;gap:14px;font:inherit}
.remix-button>span:last-child{font:20px Arial,sans-serif}
.paused .motion-indicator{opacity:.4}
.motion-control:disabled,.remix-button:disabled{opacity:.4;cursor:default}
@media(max-width:900px){.universe{padding-right:18px}.scene-controls{font-size:8px}}
@media(max-width:620px){.universe{border-right:0;padding:20px 0 0}.scene-controls{min-height:52px;font-size:8px}}