.cropper_body{display:flex;flex-direction:column;gap:15px}.cropper_frame{background:#202020;border:1px solid #252525;border-radius:12px;margin:0 auto;max-width:100%;overflow:hidden;position:relative;transition:background .18s,border-color .18s}.cropper_frame canvas{display:block}.cropper_frame.has_image{cursor:grab}.cropper_frame.cropper_dropzone{background:hsla(0,0%,100%,.025);border:1px dashed hsla(0,0%,100%,.18);cursor:pointer}.cropper_frame.cropper_dropzone:hover{background:rgba(127,167,255,.05);border-color:rgba(127,167,255,.5)}.cropper_frame.drag_active{background:rgba(127,167,255,.08);border:1px dashed #6f78ef}.cropper_hint{align-items:center;display:flex;flex-direction:column;gap:6px;inset:0;justify-content:center;padding:16px;pointer-events:none;position:absolute;text-align:center}.cropper_hint_label{color:hsla(0,0%,100%,.7);font-size:14px;margin:0}.cropper_hint_label span{color:hsla(0,0%,100%,.5);text-decoration:underline;text-underline-offset:2px}.cropper_hint_sub{color:hsla(0,0%,100%,.4);font-size:12px;margin:0}.cropper_url{display:flex;gap:6px}.cropper_url_input{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;flex:1;font-size:13px;height:38px;min-width:0;padding:0 12px;transition:border-color .18s,background .18s}.cropper_url_input::placeholder{color:hsla(0,0%,100%,.35)}.cropper_url_input:focus{background:rgba(127,167,255,.05);border-color:rgba(127,167,255,.55);outline:none}.cropper_url_input:disabled{opacity:.5}.cropper_url_btn{background:rgba(127,167,255,.12);border:1px solid rgba(127,167,255,.4);border-radius:10px;color:#6f78ef;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;height:38px;padding:0 16px;transition:background .18s,border-color .18s,opacity .18s}.cropper_url_btn:hover:not(:disabled){background:rgba(127,167,255,.2);border-color:rgba(127,167,255,.6)}.cropper_url_btn:disabled{cursor:default;opacity:.45}.cropper_zoom{align-items:center;display:flex;gap:10px}.cropper_zoom_icon{color:hsla(0,0%,100%,.5);flex-shrink:0;font-size:18px;line-height:1;text-align:center;user-select:none;width:18px}.cropper_range{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#6f78ef 0,#6f78ef var(--val,0),hsla(0,0%,100%,.12) var(--val,0),hsla(0,0%,100%,.12) 100%);border-radius:999px;cursor:pointer;flex:1;height:6px;min-width:0;outline:none}.cropper_range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #6f78ef;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.45);cursor:grab;height:16px;transition:transform .12s;width:16px}.cropper_range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.cropper_range::-moz-range-thumb{background:#fff;border:2px solid #6f78ef;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.45);cursor:grab;height:16px;width:16px}.cropper_range::-moz-range-track{background:transparent;border-radius:999px;height:6px}.cropper_gif_note{color:hsla(0,0%,100%,.55);font-size:12px;margin:0;text-align:center}.cropper_pick_link{align-self:flex-start;background:none;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:13px;padding:0;text-decoration:underline;text-underline-offset:2px}.cropper_error{color:#ff6b6b;font-size:13px;font-weight:500}.cropper_actions{display:flex;gap:10px;justify-content:flex-end}.image_upload{border-radius:8px;cursor:pointer;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.image_upload .image_upload_preview{display:block;height:100%;object-fit:cover;width:100%}.image_upload .image_upload_overlay{align-items:center;background:rgba(0,0,0,.45);color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.image_upload .image_upload_overlay svg{fill:#fff;height:18px;width:18px}.image_upload:hover .image_upload_overlay{opacity:1}.image_upload .image_upload_empty{align-items:center;background:hsla(0,0%,100%,.025);border:1px dashed hsla(0,0%,100%,.18);border-radius:8px;color:hsla(0,0%,100%,.5);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px;height:100%;justify-content:center;transition:.2s;width:100%}.image_upload .image_upload_empty svg{fill:hsla(0,0%,100%,.5);height:22px;transition:.2s;width:22px}.image_upload:hover .image_upload_empty{background:rgba(96,128,255,.06);border-color:rgba(96,128,255,.5);color:#fff}.image_upload:hover .image_upload_empty svg{fill:#6f78ef}.image_upload_avatar{height:110px;width:110px}.image_upload_banner{height:130px;width:100%}