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