.canvas-container[data-v-270fcaea]{margin:20px auto;max-width:100%;overflow:auto;border:2px solid #ddd;border-radius:8px;background:#f9f9f9;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.canvas[data-v-270fcaea]{margin:0 auto;display:block;background:#000;border-radius:4px}@media (max-width:1920px){.canvas-container[data-v-270fcaea]{max-width:100vw}.canvas[data-v-270fcaea]{max-width:100%;height:auto}}button[data-v-270fcaea]{padding:10px 20px;margin:5px;border:none;border-radius:5px;background:#007bff;color:#fff;cursor:pointer;font-size:14px;-webkit-transition:background .3s;transition:background .3s}button[data-v-270fcaea]:hover:not(:disabled){background:#0056b3}button[data-v-270fcaea]:disabled{background:#ccc;cursor:not-allowed}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}