body{font-family:Arial,Helvetica,sans-serif;width:100%;margin:0 auto}input[type=file]{display:none}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0 5px 0}.header h2{margin:0}.header a{text-decoration:none;color:#000}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cropper-area{width:614px}.actions{margin-top:1rem}.actions a{display:inline-block;padding:5px 15px;background:#0062cc;color:#fff;text-decoration:none;border-radius:3px;margin-right:1rem;margin-bottom:1rem}textarea{width:100%;height:100px}.preview-area{width:307px}.preview-area p{font-size:1.25rem;margin:0;margin-bottom:1rem}.preview-area p:last-of-type{margin-top:1rem}.preview{width:100%;height:209.25px;overflow:hidden}.crop-placeholder{width:100%;height:200px;background:#ccc}.cropped-image img{max-width:100%}