.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;cursor:crosshair;display:none}.crop-overlay.active{display:block}.crop-mask{position:absolute;top:0;left:0;width:100%;height:100%}.crop-selection{position:absolute;border:2px dashed #f59e0b;box-shadow:0 0 0 9999px #00000080;display:none;pointer-events:none;z-index:1}.crop-selection.visible{display:block}.crop-handle{position:absolute;width:10px;height:10px;background:#f59e0b;border:1px solid #fff;border-radius:2px;pointer-events:auto}.crop-handle-nw{top:-5px;left:-5px;cursor:nw-resize}.crop-handle-ne{top:-5px;right:-5px;cursor:ne-resize}.crop-handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.crop-handle-se{bottom:-5px;right:-5px;cursor:se-resize}.crop-dimensions{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;white-space:nowrap;pointer-events:none}.crop-actions{position:absolute;bottom:12px;left:50%;transform:translate(-50%);gap:8px;z-index:30;display:none;pointer-events:auto}.crop-actions.visible{display:flex}.crop-actions button{padding:6px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.crop-actions button:hover{opacity:.85}.crop-btn-confirm{background:#f59e0b;color:#fff}.crop-btn-cancel{background:#fff;color:#374151}