#s5-viewer{box-sizing:border-box;color:#18323e;background:#f2f4f5;border:1px solid #8b9da7;border-radius:8px;width:min(1100px,100vw - 16px);max-height:calc(100dvh - 16px);padding:12px;overflow:auto}#s5-viewer::backdrop{background:#14242ccc}#s5-viewer canvas{aspect-ratio:5/3;width:min(100%,166.667dvh - 300px);height:auto;margin:auto;display:block}#s5-viewer .s5-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}#s5-viewer button{min-width:90px;min-height:44px;font-size:16px}#s5-viewer [data-replay-status]{overflow-wrap:anywhere;min-height:2em}#s5-open{min-height:44px;font-size:13px}.fit-mode #s5-open{right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));width:128px;height:44px;padding:2px;font-size:12px;position:absolute}.fit-mode.fit-compact #s5-open{flex:none;width:100%;height:44px;position:static}