.drop-zone.has-images{display:none}.image-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.image-preview-container{width:100%;height:200px;position:relative;background:#f0f0f0;overflow:hidden;cursor:grab}.image-preview-container.dragging{cursor:grabbing}.image-preview{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;position:absolute}.crop-overlay{position:absolute;border:3px solid #667eea;box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move;pointer-events:none;z-index:10;transition:border-color .2s}.crop-overlay-active{pointer-events:auto}.crop-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(102,126,234,.9);color:white;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;pointer-events:none;white-space:nowrap}.image-info{padding:12px;font-size:.85em}.image-name{font-weight:600;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#666;font-size:.9em}.image-dimensions{color:#667eea;font-size:.85em;font-weight:600;margin-top:4px}.remove-btn{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.95);border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#dc3545;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.remove-btn:hover{background:#dc3545;color:white;transform:scale(1.1)}.empty-state{text-align:center;padding:40px;color:#999}