.image-crop-container[data-v-b3957ea8]{max-width:1000px;width:100%;margin:0 auto;padding:20px;font-family:var(--font-sans)}.tool-header[data-v-b3957ea8]{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-1);margin-bottom:30px}.tool-icon[data-v-b3957ea8]{font-size:60px;margin-right:20px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--surface-3);border-radius:var(--radius-md);color:var(--brand-500)}.tool-info[data-v-b3957ea8]{flex:1}.tool-name[data-v-b3957ea8]{font-size:24px;margin:0 0 10px 0;color:var(--text-1)}.tool-description[data-v-b3957ea8]{color:var(--text-2);margin:0}.upload-area[data-v-b3957ea8]{margin-bottom:30px}.upload-box[data-v-b3957ea8]{width:100%;border:2px dashed var(--border-2);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:border-color .3s}.upload-box[data-v-b3957ea8]:hover{border-color:var(--brand-500);background:var(--brand-50)}#file-upload[data-v-b3957ea8]{display:none}.upload-label[data-v-b3957ea8]{display:flex;flex-direction:column;align-items:center;padding:40px 20px;cursor:pointer}.upload-label i[data-v-b3957ea8]{font-size:48px;color:var(--brand-500);margin-bottom:15px}.upload-label p[data-v-b3957ea8]{margin:5px 0;color:var(--text-2)}.supported-formats[data-v-b3957ea8]{font-size:12px;color:var(--text-3)}.crop-settings[data-v-b3957ea8]{margin-bottom:30px;padding:20px;background-color:var(--surface-2);border-radius:var(--radius-md)}.crop-settings h2[data-v-b3957ea8]{margin-top:0;font-size:18px;color:var(--text-1)}.settings-item[data-v-b3957ea8]{display:flex;align-items:center;margin-top:15px}.settings-item label[data-v-b3957ea8]{width:100px;color:var(--text-2)}.settings-item select[data-v-b3957ea8]{flex:1;padding:8px;border:1px solid var(--border-1);border-radius:var(--radius-sm);background-color:var(--surface)}.crop-area[data-v-b3957ea8]{margin-bottom:30px;padding:20px;background-color:var(--surface-2);border-radius:var(--radius-md);display:flex;justify-content:center;height:500px;overflow:hidden}.preview-area[data-v-b3957ea8]{margin-bottom:30px}.preview-area h2[data-v-b3957ea8]{font-size:18px;color:var(--text-1);margin-bottom:15px}.preview-container[data-v-b3957ea8]{display:flex;justify-content:center;margin-bottom:20px;border:1px solid var(--border-1);border-radius:var(--radius-md);padding:10px;background-color:var(--surface-2)}.preview-image[data-v-b3957ea8]{max-width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain}.tool-actions[data-v-b3957ea8]{display:flex;justify-content:center;gap:20px;margin-top:30px}.crop-btn[data-v-b3957ea8],.download-btn[data-v-b3957ea8],.reset-btn[data-v-b3957ea8]{background-color:var(--brand-500);color:var(--text-inverse);border:none;padding:12px 30px;font-size:16px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s}.crop-btn[data-v-b3957ea8]:hover,.download-btn[data-v-b3957ea8]:hover,.reset-btn[data-v-b3957ea8]:hover{background-color:var(--brand-600)}.crop-btn[data-v-b3957ea8]:disabled,.download-btn[data-v-b3957ea8]:disabled,.reset-btn[data-v-b3957ea8]:disabled{background-color:var(--border-2);cursor:not-allowed}.vue-cropper[data-v-b3957ea8]{max-height:500px}@media (max-width:768px){.image-crop-container[data-v-b3957ea8]{padding:14px}.crop-area[data-v-b3957ea8],.crop-settings[data-v-b3957ea8]{padding:14px;margin-bottom:20px}.crop-area[data-v-b3957ea8]{height:380px}.vue-cropper[data-v-b3957ea8]{max-height:380px}.settings-item[data-v-b3957ea8]{flex-direction:column;align-items:stretch;gap:6px}.settings-item label[data-v-b3957ea8]{width:auto}.settings-item select[data-v-b3957ea8]{font-size:16px}.upload-label[data-v-b3957ea8]{padding:30px 16px}.tool-actions[data-v-b3957ea8]{gap:12px;flex-wrap:wrap}.crop-btn[data-v-b3957ea8],.download-btn[data-v-b3957ea8],.reset-btn[data-v-b3957ea8]{flex:1 1 45%;padding:11px 16px}}@media (max-width:480px){.image-crop-container[data-v-b3957ea8]{padding:10px}.crop-area[data-v-b3957ea8],.crop-settings[data-v-b3957ea8],.preview-area[data-v-b3957ea8]{margin-bottom:16px}.crop-area[data-v-b3957ea8]{height:300px;padding:10px}.vue-cropper[data-v-b3957ea8]{max-height:300px}.crop-settings h2[data-v-b3957ea8],.preview-area h2[data-v-b3957ea8]{font-size:16px}.upload-label[data-v-b3957ea8]{padding:24px 12px}.upload-label i[data-v-b3957ea8]{font-size:36px}.preview-image[data-v-b3957ea8]{max-height:240px}.tool-actions[data-v-b3957ea8]{flex-direction:column;gap:10px}.crop-btn[data-v-b3957ea8],.download-btn[data-v-b3957ea8],.reset-btn[data-v-b3957ea8]{flex:1 1 100%;padding:11px 16px;font-size:15px}}