.image-upload-area{border:2px dashed var(--gray-a7);border-radius:var(--radius-3);padding:var(--space-6);text-align:center;cursor:pointer;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-3);transition:all .2s ease-in-out}.image-upload-area-drag-active,.image-upload-area:hover{border-color:var(--blue-a8);background-color:var(--blue-a2)}.image-upload-area-drag-active{transform:scale(1.02)}.image-upload-area-drag-over{border-color:var(--blue-9);background-color:var(--blue-a3);border-style:solid;box-shadow:var(--shadow-4)}.image-upload-icon{color:var(--gray-a9);margin-bottom:var(--space-2);transition:all .2s ease-in-out}.image-upload-icon-active{color:var(--blue-9);transform:scale(1.1)}.button-icon-spacing{margin-right:var(--space-2)}.image-preview-box{cursor:pointer;border-radius:var(--radius-3);border:1px solid var(--gray-a6);padding:var(--space-2)}.image-preview-box,.image-preview-box-empty{height:400px;overflow:auto;box-shadow:var(--shadow-3);display:flex;align-items:center;justify-content:center}.image-preview-box-empty{border-radius:var(--radius-3);border:2px dashed var(--gray-a7);padding:var(--space-4);text-align:center}.image-preview-box img{object-fit:contain;width:100%;height:100%;display:block}.aspect-ratio-container-in-preview{width:100%;height:100%}.resize-controls-aspect-ratio-flex{cursor:pointer}.resize-image-button{width:100%}.upload-method-card{transition:all .2s ease;position:relative;overflow:hidden}.upload-method-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--blue-6)!important;background-color:var(--blue-1)!important}.upload-method-card-active{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.2)}.upload-method-card-disabled{cursor:not-allowed!important;opacity:.5}.upload-method-card-disabled:hover{transform:none!important;box-shadow:none!important;border-color:var(--gray-6)!important;background-color:var(--gray-1)!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.image-upload-area{position:relative;transition:all .2s ease;height:auto!important;min-height:400px}.image-upload-area:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.image-upload-area-drag-active{transform:scale(1.01);box-shadow:0 8px 24px rgba(59,130,246,.15)}.image-upload-area-drag-over{transform:scale(1.01);box-shadow:0 8px 24px rgba(59,130,246,.25)}