.img-container{max-height:70vh;width:100%;min-height:250px;background-color:#f8f9fa;overflow:hidden;margin:0 auto;border:1px solid #ddd;border-radius:4px;position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.img-container img{max-width:100%;max-height:70vh;display:block;object-fit:contain;margin:0 auto}.cropper-container{max-width:100%!important;margin:0 auto!important}.cropper-canvas,.cropper-drag-box{max-width:100%!important}.cropper-view-box{outline:1px solid #fff;outline-color:rgba(255,255,255,.75)}.cropper-face{background-color:rgba(255,255,255,.1)}.crop-dimension-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;font-family:'Courier New',monospace;pointer-events:none;z-index:1500;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;transition:opacity .2s ease}.crop-dimension-overlay.active{opacity:1}.floating-download-btn{position:absolute;z-index:2000;opacity:.9;transition:all .3s ease;display:none;transform:translateY(10px)}.floating-download-btn:hover{opacity:1}.floating-download-btn .btn{box-shadow:0 2px 5px rgba(0,0,0,.2);font-weight:500}.text-center .btn-toolbar{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-left:auto;margin-right:auto;position:relative}.btn-group{position:relative;display:inline-flex;vertical-align:middle}.cropper-container{margin:0 auto}#file-input{display:inline-block}.justify-content-center{justify-content:center}@media screen and (max-width:768px){.img-container{max-height:70vh;min-height:200px;width:100vw;margin-left:-15px;margin-right:-15px;border-left:none;border-right:none;border-radius:0}#crop-container{margin-left:-15px;margin-right:-15px;width:100vw}}@media screen and (max-width:480px){.img-container{max-height:60vh;min-height:150px}.text-center .btn-toolbar{flex-direction:column;align-items:center;width:100%}.crop-controls{padding:0 10px}.btn-group{margin-bottom:.5rem;margin-right:0!important;width:100%}}.crop-controls{width:100%;display:block;clear:both;position:relative;text-align:center}