.crop-wrapper{max-width:1400px}.upload-area{border:2px dashed var(--brand);border-radius:12px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:rgba(var(--brand-rgb),.05);min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-area:hover{background:rgba(var(--brand-rgb),.1);border-color:var(--brand-strong)}.upload-area i{color:var(--brand);margin-bottom:1rem}.canvas-container{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014;position:relative;min-height:400px;display:flex;justify-content:center;align-items:center;overflow:hidden}#previewCanvas{max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.crop-box{position:absolute;border:2px dashed var(--brand);background:rgba(var(--brand-rgb),.1);cursor:move;pointer-events:auto}.crop-handle{position:absolute;width:12px;height:12px;background:var(--brand);border:2px solid white;border-radius:50%}.crop-handle[data-handle=nw]{top:-6px;left:-6px;cursor:nw-resize}.crop-handle[data-handle=ne]{top:-6px;right:-6px;cursor:ne-resize}.crop-handle[data-handle=sw]{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle[data-handle=se]{bottom:-6px;right:-6px;cursor:se-resize}.control-sidebar{background:var(--bi-surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 12px #00000014}.control-sidebar h6{color:var(--bi-text);font-weight:600;border-bottom:2px solid var(--bi-border);padding-bottom:.75rem}.size-hint{display:flex;align-items:flex-start;gap:.4rem;padding:.5rem .65rem;border-radius:8px;font-size:.8rem;line-height:1.5;margin-bottom:.75rem}.size-hint i{margin-top:.1rem;flex-shrink:0}.download-dropdown.disabled{pointer-events:none}.download-dropdown.disabled .btn{opacity:.65}.download-dropdown .dropdown-menu{min-width:100%;margin-top:.25rem}@media (hover: hover) and (min-width: 768px){.download-dropdown:hover>.dropdown-menu{display:block;top:100%;left:0}}@media (max-width: 991px){.canvas-container{min-height:300px}#previewCanvas{max-height:350px}}@media (max-width: 768px){.upload-area{padding:1.5rem 1rem;min-height:180px}.crop-options{padding:.75rem}.crop-options .form-control,.crop-options .form-select{min-height:40px;font-size:14px}.btn-crop{min-height:44px;width:100%}.canvas-container{min-height:250px}#previewCanvas{max-height:300px}.image-info{font-size:.8rem}}@media (max-width: 576px){.upload-area{padding:1rem .75rem;min-height:150px}#previewCanvas{max-height:250px}.crop-ratio-btn{min-height:36px;padding:6px 10px;font-size:12px}}
