.ochimage-cropper{display:block;position:relative}.ochimage-cropper-preview{position:relative;width:100%;min-height:4rem;background-color:#f0f0f0;border:1px solid #ddd;border-radius:.25rem;overflow:hidden}.ochimage-cropper-preview-dragover{border-color:#4a90d9;border-style:dashed;background-color:#eaf2fb}.ochimage-cropper-preview-dragover .ochimage-cropper-label-overlay{opacity:1}.ochimage-cropper-image{display:block;max-width:100%;height:auto}.ochimage-cropper-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:none;font-size:.85rem;line-height:1.4;color:#666;text-align:center;cursor:pointer}.ochimage-cropper-label:hover:not(.ochimage-cropper-label-overlay){color:#333}.ochimage-cropper-label:focus-visible{outline:2px solid #4a90d9;outline-offset:-2px}.ochimage-cropper-label[hidden]{display:none}.ochimage-cropper-label-overlay{opacity:0;background-color:rgb(0 0 0 / .45);color:#fff;transition:opacity .15s ease}.ochimage-cropper-label-overlay:hover,.ochimage-cropper-label-overlay:focus-visible{opacity:1}.ochimage-cropper-status{min-height:1.2rem;margin-top:.25rem;font-size:.85rem;color:#666;border-radius:.25rem}.ochimage-cropper-status-success,.ochimage-cropper-status-error,.ochimage-cropper-status-warning,.ochimage-cropper-status-info{padding:.375rem .75rem;border:1px solid #fff0}.ochimage-cropper-status-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.ochimage-cropper-status-error{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.ochimage-cropper-status-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.ochimage-cropper-status-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.ochimage-cropper-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.5rem}.ochimage-cropper-actions{position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);display:flex;gap:.5rem}.ochimage-cropper-actions .ochimage-cropper-btn{display:flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:0;border:none;border-radius:50%;background-color:rgb(0 0 0 / .55);color:#fff;font-size:.9rem}.ochimage-cropper-actions .ochimage-cropper-btn:hover{background-color:rgb(0 0 0 / .75)}.ochimage-cropper-spacer{flex:1 1 auto}.ochimage-cropper-btn{min-width:2.25rem;min-height:2.25rem;padding:.25rem .75rem;border:1px solid #ccc;border-radius:.25rem;background-color:#fff;color:#333;font-size:.9rem;line-height:1.5;cursor:pointer}.ochimage-cropper-btn:hover{background-color:#f5f5f5}.ochimage-cropper-btn:focus-visible{outline:2px solid #4a90d9;outline-offset:1px}.ochimage-cropper-btn[hidden]{display:none}.ochimage-cropper-btn-confirm{background-color:#2f7d32;border-color:#2f7d32;color:#fff}.ochimage-cropper-btn-confirm:hover{background-color:#276829}.ochimage-cropper-btn-cancel{background-color:#fff0}body.ochimage-cropper-overlay-open{overflow:hidden}.ochimage-cropper-overlay{position:fixed;inset:0;z-index:100000;background-color:rgb(0 0 0 / .85)}.ochimage-cropper-overlay-stage{position:absolute;inset:0}.ochimage-cropper-overlay-stage cropper-canvas{width:100%;height:100%}.ochimage-cropper-overlay-close{position:absolute;top:.75rem;right:.75rem;z-index:1;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background-color:rgb(255 255 255 / .15);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}.ochimage-cropper-overlay-close:hover{background-color:rgb(255 255 255 / .3)}.ochimage-cropper-overlay-status{position:absolute;left:1rem;right:1rem;bottom:calc(4.5rem + .5rem);z-index:1;text-align:center;font-size:.9rem;border-radius:.25rem}.ochimage-cropper-overlay-status:empty{display:none}.ochimage-cropper-overlay-status.ochimage-cropper-status-success,.ochimage-cropper-overlay-status.ochimage-cropper-status-error,.ochimage-cropper-overlay-status.ochimage-cropper-status-warning,.ochimage-cropper-overlay-status.ochimage-cropper-status-info{padding:.5rem 1rem;border:1px solid #fff0}.ochimage-cropper-overlay-status.ochimage-cropper-status-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.ochimage-cropper-overlay-status.ochimage-cropper-status-error{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.ochimage-cropper-overlay-status.ochimage-cropper-status-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.ochimage-cropper-overlay-status.ochimage-cropper-status-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.ochimage-cropper-overlay .ochimage-cropper-toolbar{position:absolute;left:0;right:0;bottom:0;z-index:1;height:4.5rem;justify-content:center;margin:0;padding:.75rem 1rem;background-color:rgb(0 0 0 / .6)}.ochimage-cropper-overlay .ochimage-cropper-btn{background-color:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .3);color:#fff}.ochimage-cropper-overlay .ochimage-cropper-btn:hover{background-color:rgb(255 255 255 / .2)}.ochimage-cropper-overlay .ochimage-cropper-btn-confirm{background-color:#2f7d32;border-color:#2f7d32}.ochimage-cropper-overlay .ochimage-cropper-btn-confirm:hover{background-color:#276829}