.tool-container{height:35vh;background-color:azure}.tool-container .cropper-area{width:30vw;height:20vh;max-height:98%}.tool-container .preview-area{width:10vw;margin-top:.5rem;margin-left:1rem;margin-bottom:.5rem}.tool-container .crop-placeholder{width:100%;height:200px;background:#ccc}.tool-container .cropped-image{border:2px dotted #f5222d}.tool-container .cropped-image img{width:10vw;max-width:100%}.tool-container .button-area{margin-top:.2rem;margin-left:1rem;width:30rem}.tool-container .button-area button{line-height:.1rem;height:1.8rem;margin:.2rem .2rem}.tool-container .saved-image{padding:.5rem;height:10rem}.tool-container .saved-image img{width:8rem;height:6rem}.tool-container .saved-image span{color:#1e89f6}.tool-container .custombtn{line-height:.1rem;height:1.8rem;margin:.2rem .2rem;background:#109114;float:right}