.container[data-v-4e9112e1]{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f4f4f4;min-height:100vh;color:#333;font-family:Arial,sans-serif}.logo[data-v-4e9112e1]{width:60px;height:60px;margin-bottom:20px}h1[data-v-4e9112e1]{color:#007bff;margin-bottom:30px;font-size:2.5em}.upload-section[data-v-4e9112e1]{margin-bottom:20px;background-color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:15px}.upload-section label[data-v-4e9112e1]{font-weight:700;color:#555}.upload-section input[type=file][data-v-4e9112e1]{border:1px solid #ccc;padding:8px;border-radius:4px;cursor:pointer}canvas[data-v-4e9112e1]{max-width:100vw;max-height:80vh;width:auto;height:auto;display:block;margin:20px auto;box-sizing:border-box;border:1px solid #ccc;touch-action:none;cursor:grab;background-color:#fff;box-shadow:0 2px 4px #0000001a}canvas[data-v-4e9112e1]:active{cursor:grabbing}.error-message[data-v-4e9112e1]{color:red;margin-top:20px;font-weight:700}footer[data-v-4e9112e1]{margin-top:40px;text-align:center;font-size:.9em;color:#777}.export-button[data-v-4e9112e1]{margin-top:20px;padding:10px 20px;font-size:1em;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.export-button[data-v-4e9112e1]:hover{background-color:#0056b3}.export-button[data-v-4e9112e1]:disabled{background-color:#ccc;cursor:not-allowed}.logo[data-v-d164c2a5]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-d164c2a5]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-d164c2a5]:hover{filter:drop-shadow(0 0 2em #42b883aa)}