[data-v-367a4c5c]{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body[data-v-367a4c5c]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;color:#2c3e50;min-height:100vh;line-height:1.6}.container[data-v-367a4c5c]{max-width:1400px;margin:0 auto;background:white;padding:30px;border-radius:15px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.1)}h1[data-v-367a4c5c]{text-align:center;margin-bottom:30px;font-weight:700;color:#2c3e50;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.upload-section[data-v-367a4c5c]{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:35px}.upload-box[data-v-367a4c5c]{border:2px dashed #42b883;border-radius:12px;padding:25px;text-align:center;background:#f9f9f9;-webkit-transition:all .3s;transition:all .3s}.upload-box[data-v-367a4c5c]:hover{background:#e8f5e9;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.upload-box h3[data-v-367a4c5c]{margin-bottom:15px;color:#42b883}.file-input[data-v-367a4c5c]{display:none}.upload-btn[data-v-367a4c5c]{background:-webkit-gradient(linear,left top,right top,from(#42b883),to(#359f71));background:linear-gradient(90deg,#42b883,#359f71);color:white;border:none;padding:12px 24px;font-size:16px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-weight:600;-webkit-box-shadow:0 4px 10px rgba(66,184,131,.3);box-shadow:0 4px 10px rgba(66,184,131,.3);display:inline-block;margin:10px 0}.upload-btn[data-v-367a4c5c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 15px rgba(66,184,131,.4);box-shadow:0 6px 15px rgba(66,184,131,.4)}.preview-container[data-v-367a4c5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-bottom:30px}.preview-item[data-v-367a4c5c]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:280px;border:1px solid #e0e0e0;padding:15px;border-radius:12px;background:white;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.05);box-shadow:0 4px 10px rgba(0,0,0,.05)}.preview-item h3[data-v-367a4c5c]{margin-bottom:15px;color:#2c3e50;border-bottom:2px solid #42b883;padding-bottom:8px}canvas[data-v-367a4c5c]{max-width:100%;border:1px solid #e0e0e0;border-radius:8px;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 0),linear-gradient(-45deg,#f0f0f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f0f0f0 0),linear-gradient(-45deg,transparent 75%,#f0f0f0 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.control-panel[data-v-367a4c5c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px;padding:25px;background:#f9f9f9;border-radius:12px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.05);box-shadow:0 4px 10px rgba(0,0,0,.05)}.control-group[data-v-367a4c5c]{margin-bottom:15px}.control-group h3[data-v-367a4c5c]{margin-bottom:15px;color:#2c3e50;border-bottom:2px solid #42b883;padding-bottom:8px}.transform-controls[data-v-367a4c5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-bottom:15px}.transform-btn[data-v-367a4c5c]{background:-webkit-gradient(linear,left top,right top,from(#64b5f6),to(#42a5f5));background:linear-gradient(90deg,#64b5f6,#42a5f5);color:white;border:none;padding:10px 15px;font-size:14px;border-radius:6px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-weight:600;-webkit-box-shadow:0 2px 5px rgba(66,165,245,.3);box-shadow:0 2px 5px rgba(66,165,245,.3)}.transform-btn[data-v-367a4c5c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(66,165,245,.4);box-shadow:0 4px 8px rgba(66,165,245,.4)}.reset-btn[data-v-367a4c5c]{background:-webkit-gradient(linear,left top,right top,from(#f44336),to(#e53935));background:linear-gradient(90deg,#f44336,#e53935)}.transform-info[data-v-367a4c5c]{font-size:14px;color:#666;font-style:italic}label[data-v-367a4c5c]{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}input[type=range][data-v-367a4c5c]{width:100%;margin:10px 0;-webkit-appearance:none;height:8px;border-radius:4px;background:#ddd;outline:none}input[type=range][data-v-367a4c5c]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#42b883;cursor:pointer;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}.color-picker-container[data-v-367a4c5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.color-picker[data-v-367a4c5c]{width:50px;height:30px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.color-value[data-v-367a4c5c]{font-size:14px;color:666}.value-display[data-v-367a4c5c]{display:inline-block;width:50px;text-align:center;font-weight:700;color:#42b883}.dimensions[data-v-367a4c5c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.dimension-input[data-v-367a4c5c]{-webkit-box-flex:1;-ms-flex:1;flex:1}input[type=number][data-v-367a4c5c],input[type=text][data-v-367a4c5c]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.export-buttons[data-v-367a4c5c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.export-btn[data-v-367a4c5c]{background:-webkit-gradient(linear,left top,right top,from(#42b883),to(#359f71));background:linear-gradient(90deg,#42b883,#359f71);color:white;border:none;padding:14px 28px;font-size:16px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-weight:600;-webkit-box-shadow:0 4px 10px rgba(66,184,131,.3);box-shadow:0 4px 10px rgba(66,184,131,.3)}.export-btn[data-v-367a4c5c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 15px rgba(66,184,131,.4);box-shadow:0 6px 15px rgba(66,184,131,.4)}.export-btn[data-v-367a4c5c]:disabled{background:#a0d4bb;cursor:not-allowed;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.image-info[data-v-367a4c5c]{margin-top:10px;font-size:14px;color:#666}.error-message[data-v-367a4c5c]{color:#e53935;background:#ffebee;padding:10px;border-radius:5px;margin-top:10px;font-size:14px}.success-message[data-v-367a4c5c]{color:#2e7d32;background:#e8f5e9;padding:10px;border-radius:5px;margin-top:10px;font-size:14px}.instructions[data-v-367a4c5c]{background:#e3f2fd;padding:20px;border-radius:10px;margin-top:30px;font-size:14px;line-height:1.6}.instructions h3[data-v-367a4c5c]{margin-top:0;color:#1565c0}.thumbnail-container[data-v-367a4c5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:15px}.thumbnail[data-v-367a4c5c]{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border:2px solid #ddd;border-radius:6px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.thumbnail.active[data-v-367a4c5c],.thumbnail[data-v-367a4c5c]:hover{border-color:#42b883;-webkit-transform:scale(1.05);transform:scale(1.05)}.loading[data-v-367a4c5c]{text-align:center;padding:30px;color:#666;font-style:italic}.export-all-btn[data-v-367a4c5c]{background:-webkit-gradient(linear,left top,right top,from(#ff7e5f),to(#feb47b));background:linear-gradient(90deg,#ff7e5f,#feb47b)}@media (max-width:768px){.upload-section[data-v-367a4c5c]{grid-template-columns:1fr}.preview-item[data-v-367a4c5c]{min-width:100%}.control-panel[data-v-367a4c5c]{grid-template-columns:1fr}.transform-controls[data-v-367a4c5c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}