r"
        class="flex flex-col w-[768px] h-[768px] justify-center items-center border-2 rounded-md">
        <span class="loading loading-ring loading-lg"></span>
        <h5 class="text-xl font-medium leading-tight mt-2">Loading</h5>
      </div>
      <div id="canvas-container" class="hidden flex flex-col justify-center items-center">
        <canvas id="canvas" class="w-[768px] h-[768px]" oncontextmenu="event.preventDefault()" tabindex=-1 />
      </div>
      <div class="flex flex-col justify-end w-96 