.drawable-canvas-container[data-v-8679323c]{flex-direction:column;height:100vh;padding:80px 0;position:relative}.drawable-canvas-container[data-v-8679323c],.toolbar[data-v-8679323c]{align-items:center;box-sizing:border-box;display:flex;width:100%}.toolbar[data-v-8679323c]{color:#000;font-size:14px;height:50px;left:0;padding:8px;position:absolute;top:0}.toolbar[data-v-8679323c],.tools-container[data-v-8679323c]{gap:12px;justify-content:center}.tools-container[data-v-8679323c]{align-items:center;display:flex}.tool-separator[data-v-8679323c]{color:#eaeaea}.v-stage-wrapper[data-v-8679323c]{align-items:center;display:flex;flex:1;height:80%;justify-content:center;width:100%}.enable-paint[data-v-8679323c] canvas{cursor:none!important}.tool-button[data-v-8679323c]{background:#f5f5f5;border-radius:12px;color:#000;cursor:pointer;font-size:14px;height:30px;padding:4px 16px;transition:all .3s}.tool-button[data-v-8679323c]:hover:not(:disabled){background:#0000004d}.tool-button[data-v-8679323c]:disabled{cursor:not-allowed;opacity:.5}.stroke-width-control[data-v-8679323c]{align-items:center;display:flex;gap:8px}.stroke-width-slider[data-v-8679323c]{cursor:pointer;width:100px}.stroke-width-value[data-v-8679323c]{min-width:20px}.prompt-input-overlay[data-v-8679323c]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;gap:8px;padding:8px 0 8px 10px;position:absolute;transform:translate(-50%);z-index:1000}.prompt-input[data-v-8679323c]{border-radius:4px;box-sizing:border-box;color:#000;font-size:14px;line-height:1.5;min-height:60px;outline:none;padding-right:30px;resize:none;width:300px}.submit-button[data-v-8679323c]{align-items:center;background:#000c;border:1px solid #fff;border-radius:10px;bottom:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute;right:4px}.submit-button[data-v-8679323c],.submit-prompt-icon[data-v-8679323c]{height:30px;width:30px}.submit-button[data-v-8679323c]:hover{background:#000}@media(max-width:768px){.v-stage-wrapper[data-v-8679323c]{width:calc(100% - 20px)}.drawable-canvas-container[data-v-8679323c]{padding:60px 0 0}.toolbar[data-v-8679323c]{background:#fff;border-bottom:none;bottom:60px;position:fixed;top:unset;z-index:1}.toolbar-bottom-10[data-v-8679323c]{bottom:0}.toolbar-bottom-10 .tools-container[data-v-8679323c]{margin-bottom:20px}.button-reset[data-v-8679323c]{display:none}.v-stage-wrapper[data-v-8679323c]{align-items:unset}}.aspect-ratio-canvas-container[data-v-fb0497e8]{flex-direction:column;height:calc(100vh - 40px);padding:80px 0;position:relative}.aspect-ratio-canvas-container[data-v-fb0497e8],.toolbar[data-v-fb0497e8]{align-items:center;box-sizing:border-box;display:flex;width:100%}.toolbar[data-v-fb0497e8]{background:#fff;color:#000;font-size:14px;gap:12px;height:50px;justify-content:center;left:0;overflow:hidden;padding:8px;position:absolute;top:0}.ratio-controls[data-v-fb0497e8]{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ratio-controls[data-v-fb0497e8]::-webkit-scrollbar{display:none}.v-stage-wrapper[data-v-fb0497e8]{align-items:center;display:flex;flex:1;height:80%;justify-content:center;width:100%}.tool-button[data-v-fb0497e8]{background:#f5f5f5;border:none;border-radius:12px;color:#000;cursor:pointer;flex-shrink:0;font-size:14px;height:30px;padding:4px 20px 4px 40px;position:relative;transition:all .3s}.tool-button[data-v-fb0497e8]:hover{background:#0000001a}.tool-button[data-v-fb0497e8]:before{border:1px solid;border-radius:2px;content:"";height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.tool-button[data-ratio="1:1"][data-v-fb0497e8]:before{height:12px;width:12px}.tool-button[data-ratio="4:3"][data-v-fb0497e8]:before{height:12px;width:16px}.tool-button[data-ratio="16:9"][data-v-fb0497e8]:before{height:9px;width:16px}.tool-button[data-ratio="9:16"][data-v-fb0497e8]:before{height:16px;width:9px}.tool-button[data-ratio=original][data-v-fb0497e8]:before{border-style:dashed;height:14px;width:14px}@media(max-width:768px){.aspect-ratio-canvas-container[data-v-fb0497e8]{padding:60px 0}.toolbar[data-v-fb0497e8]{background:#fff;border-bottom:none;bottom:70px;padding:0 10px;position:fixed;top:unset;z-index:1}.ratio-controls[data-v-fb0497e8]{width:100%}}